You are on page 1of 77

HOUSE OF TRAVEL

A PROJECT REPORT

Submitted by

Shinde Samarth Sanjay


190220131125

In fulfillment for the award of the degree

Of

BACHELOR OF ENGINEEERING

In

Computer Science & Engineering

Government Engineering College, Patan

Gujarat Technology University, Ahmedabad


April, 2023
Government Engineering College, Patan
At & Post: Katpur, Patan

CERTIFICATE

This is to certify that the project report submitted along with the project entitled
Spotify Web Player clone has been carried out by Shinde Samarth Sanjay under
my guidance in partial fulfillment for the degree of Bachelor of Engineering in
Computer science & engineering, 8th Semester of Gujarat Technological
University, Ahmadabad during the academic year 2022-23.

______________________ ______________________
Dr.K.C.Suthar Prof.H.B.Jethva
Internal Guide Head of the Department
[Industry Letter Head]
Date:

TO WHOM IT MAY CONCERN

This is to certify that Patel Jeet Ashvinkumar a student of Government Engineering


College, Patan has successfully completed his internship in the field of Cloud from
6/1/2022 to 30/4/2022 (Total number of Weeks: 15) under the guidance of Saurabh
Pathak.

His internship activities include learning various skills like HTML, CSS, React JS,
Node JS etc. and along with House of Travel project implementation.

During the period of his internship program with us, he had been exposed to
different processes and was found diligent, hardworking and inquisitive.

We wish him every success in his life and career.

For Volansys Technologies Pvt. Ltd.


Authorised Signature with Industry Stamp.
Government Engineering College, Patan
At & Post: Katpur, Patan

DECLARATION

We hereby declare that the Internship report submitted along with the Internship
entitled House Of Travel (Advanced Intelligent Tourist Guide) submitted in
partial fulfilment for the degree of Bachelor of Engineering in Computer Science
and Engineering to Gujarat Technological University, Ahmedabad, is a bonafide
record of original project work carried out by me / us at Volansys Technologies
under the supervision of Saurabh Pathak and that no part of this report has been
directly copied from any students’ reports or taken from any other source, without
providing due reference.

Name of the Student Sign of Student


1. Jeet Patel
196518 Acknowledgement

ACKNOWLEDGEMENT

I wish to express our sincere gratitude to our external guide Sir Saurabh Pathak for
continuously guiding me at the company and answering all my doubts with patience. I would
also like to thank you my Internal guide Prof. Jay Patel for helping us through our internship
by giving us the necessary suggestions and advices along with their valuable co-ordination in
completing this internship.

I would also like to thank my parents, friends and all the members of the family for
their precious support and encouragement which they had provided in completion of my
work. In addition to that, I would also like to mention the company personals who gave me
the permission to use and experience the valuable resources required to the internship. Thus,
in conclusion to the above said, I once again thank the staff members of Volansys
Technologies Pvt. Ltd. for their valuable support in completion of the project.

Thank you,
Jeet Patel
196518 Abstract

ABSTRACT

The purpose of developing House of Travel application is to provide Intelligent travel


destinations for the traveller. House of Travel will provide the user with the description of
spots/locations along with the pictures.

House of Travel provides location based real-time availability of tour packages and
various travel destinations including sightseeing some of the exclusions and inclusion about
places. This web-based application helps in maintaining the database. It has a friendly
environment that connects customers willingly. Thus, it simplifies the process by saving our
time and efforts.

Gujarat Technological University ii GEC Patan


196518 List of Figures

List of Figures
Fig 3.1 Gantt Chart……………………….…………………………………………………....7
Fig 5.2.1 Admin Activity Diagram…………………………………..…………...………….17
Fig 5.2.2 Web User Activity Diagram………………………………………………….……18
Fig 5.2.3 Login Activity Diagram………..…………………………………………………..19
Fig 5.2.4 Sign up Activity Diagram……………………….……………………….………...20
Fig 5.3.1 Use Case Diagram…….……………………………………………....……….…...21
Fig 5.4.1 DFD Level 0………………………………………….……………………………22
Fig 5.4.2 DFD level 1-Admin…………….....……………………………………………….22
Fig 5.4.3 DFD level 1-Web …………………………..……………………………………...23
Fig 5.4.4 DFD level 2-Admin ………………………..……………………………………...23
Fig 5.4.5 DFD level 2-Admin ………………………..……………………………………...24
Fig 5.5.1 Admin Sequence Diagram…………………………………….………………..….25
Fig 5.5.2 Web User Sequence Diagram………………………….…………………………..26
Fig 6.1.1 Landing Page(a) …………………………………………………..………...……..27
Fig 6.1.1 Landing Page(b) ……………………………………………………………….…..27
Fig 6.1.1 Landing Page(c) ……………………………………………………………….…...28
Fig 6.1.1 Landing Page(d) ………………………………………………………………..…..28
Fig 6.1.2 List Places (a) …………………………………………….………………………...29
Fig 6.1.2 List Places (b) ……………………………………………………………………....29
Fig 6.1.3 Log in…………………………………………………………………………….....30
Fig 6.1.4 Sign up……………………………………………………………………….……..30
Fig 6.1.5 Place details page ……………………………………………...…………………...31
Fig 6.1.6 Things to do at place………………………………………………...……………....31
Fig 6.1.7 FAQ about places………………………………………………………...………....32
Fig 6.1.8 Google map showing place location…………………………………...……….…...32
Fig 6.1.9 Things to do detail page(a) ………………………………………………………....33
Fig 6.1.9 Things to do detail page(b) …………………………………………………………33
Fig 6.1.10 List packages page ……………………………..…………………………………33
Fig 6.1.11 Package detail page(a) …………………………………………………………….34
Fig 6.1.12 Package detail page(b) ……………………………………………………...…….35

Gujarat Technological University iii GEC Patan


196518 List of Figures

Fig 6.1.12 Package detail page(c) ……………………………………………………...…….35


Fig 6.1.13 Give review…………………………………………………………...…………...36
Fig 6.1.14 Compare Package……………………………………………………..…………..37
Fig 6.1.15 Filter Screen(a)………………………………………………………..…………..37
Fig 6.1.15 Filter Screen(b)………..……..………………………………………..…………..38
Fig 6.1.15 Filter Screen(c)………..……..………………………………………..…………..38
Fig 6.1.16 About us page……………………………………………………………….….....39
Fig 6.1.17 Contact us page……………………………..……………….………………….....39
Fig 6.2.1 Sign In……………………..……………………………….……………………….40
Fig 6.2.2 Authentication………………..…………………………………………………….40
Fig 6.2.3 List of Package………………………………………….……………….…………41
Fig 6.2.4 Add Package…………………………………………………..……………………41
Fig 6.2.5 Add Itinary………………..………………………………………………………...42
Fig 6.2.6 Add FAQ………………………………………………………………….………..43
Fig 6.2.7 Add Guideline……………………………………….……………….……………..43
Fig 6.2.8 Image Upload……………………...………………………………………………..43
Fig 6.2.9 List of Places…………………………………………………...…………………...44
Fig 6.2.10 Add Place………………….………………………………...………………….....44
Fig 6.2.11 Add ThingsToDo………………………………………………………………….44
Fig 6.2.12 Add FAQ………………...………………………………………………………..45
Fig 6.2.13 Upload image………….……………………………………..……………………45
Fig 6.2.14 List of Contact us………….……………………..…………………………….….45

Gujarat Technological University iv GEC Patan


196518 List of Tables

List of Tables
5.1 Database Table
5.1.1 User Table……………………………………………………………………...11

5.1.2 Token Table……………………………………………………………………11


5.1.3 Discover Places Table………………………………………………………… 12
5.1.4 Things To Do Table……………………………………………………………12
5.1.5 FAQ Places Table…………………………………………………….…….......13

5.1.6 FAQ Packages Table………………………………………………………….. 13

5.1.7 FAQ Things To Do Table……………………………………………………...13


5.1.8 Tags Table……………………………………………………………………...14

5.1.9 Packages Table…………………………………………………………………14


5.1.10 Itenary Table.………………………………………………………………….14

5.1.11 Review Table………….………………………………………………………15


5.1.12 Covid Guideline Table………………………………………………………..15

5.1.13 Contact Us Table……………………………………………………………...15


5.1.14 Static Page Content…………………………………………………………...16

Gujarat Technological University v GEC Patan


196518 Table of Content

Table of
Contents
Acknowled
gement ......
..................
..................
..................
..................
..................
..................
.... i
Abstract………………
………………………
………………………
…………………….
….ii
List of
Figures......
..................
..................
..................
..................
..................
..................
.......... iii
List of
Tables........
..................
..................
..................
..................
..................
..................
......... iv
Table of
Contents....
..................
..................
..................
..................
..................
..................
........ v
Chapter 1:
Overview
of
Organizati
on .............
..................
..................
..................
................. 1
1.1 1
History......
..................
..................
..................
..................
..................
..................
................
1.2
Different
products.....
..................
..................
..................
..................
..................
.................. 1
1.3 Work
being out
in each
department
..................
..................
..................
..................
............... 1
1.4 Each
stage of
production.
..................
..................
..................
..................
..................
............ 2
Chapter 2:
Introducti
on to
internship
&
project......
..................
..................
..................
....... 3
2.1 Project
Summary...
..................
..................
..................
..................
..................
..................
.... 3
2.2 Purpose
.................. 3
..................
..................
..................
..................
..................
..................
...
2.3
Objective
of
internship..
..................
..................
..................
..................
..................
.............. 3
2.4 Brief
Literature
Review .....
..................
..................
..................
..................
..................
......... 4
2.5
Technologi
es
used...........
..................
..................
..................
..................
..................
............ 4
Chapter 3: Project & internship planning……………………………………………...…...5
3.1
planning ...................................
..................................................
.......................................... 5
3.2 work plan during
internship..................................
..................................................
.............. 5
..................
3.3 project ..................
development approach ..................
and justification .............6
3.4 roles and
responsibility............................
..................................................
........................... 6
3.5 Gantt
chart..........................................
..................................................
................................. 7
CHAPTER 4: System
Analysis…………………………
……………………………………
8
4.1 current
system.......................................
..................................................
.............................. 8
4.2 working and shortcomings
of current
system.......................................
................................ 8
4.3 requirements of new
system.......................................
..................................................
........ 8
4.4 system
feasibility.................................
..................................................
.............................. 9
4.5 proposed system &
features.....................................
..................................................
.......... 9
4.6 list of
modules....................................
..................................................
................................ 9
4.6.1 web user
pages...........................
....................................
....................................
... 9
4.6.2 admin
pages...........................
....................................
....................................
... 10
Gujarat
Technologi
cal
University vi GEC Patan
Table of
196518 Content
CHAPTER 5: System
Design………………
………………………
….……………………
11
5.1 data
dictionary..
..................
..................
..................
..................
..................
..................
....... 11
5.2 system
activity
diagram.....
..................
..................
..................
..................
..................
....... 16
5.3 use
case
diagram.....
..................
..................
..................
..................
..................
.................. 20
5.4 data
flow
diagram.....
..................
..................
..................
..................
..................
................. 22
5.5
sequence
diagram.....
..................
..................
..................
..................
..................
................. 24
CHAPTER 6:
Implementation……
………………………
…...…...
……………………....
27
6.1 web
user
screen........
..................
..................
..................
..................
..................
................. 27
6.2 admin
screen........
..................
..................
..................
..................
..................
..................
... 40
CHAPTER 7:
Testing………………
………………………
………………………
…….…46
7.1 testing
plan/strateg
y................
..................
..................
..................
..................
..................
.. 47
7.2 test
results and
analysis......
..................
..................
..................
..................
..................
....... 48
7.2.1 test cases……………………………………………………………………….. 48
CHAPTER 8: Conclusion And Discussion…………..…………………………………….48
8.1 overall
analysis of
internship..
..................
..................
..................
..................
..................
.. 48
8.2 dates of 48
continuous
evaluation
(CE-1 and
CE-
2) ..............
..................
..................
............
8.3
problem
encountere
d and
possible
solutions....
..................
..................
..................
............ 48
8.4
summary
of
internship..
..................
..................
..................
..................
..................
............ 48
8.5
limitation
and future
enhanceme
nt...............
..................
..................
..................
................ 48
References…………………………………………….….………………………………….50
Gujarat Technological University vii GEC Patan
196518 Overview of Organization

CHAPTER 1: OVERVIEW OF ORGANIZATION


1.1 HISTORY:
In 2008, a small team of inventive, visionary and experienced engineers started
VOLANSYS Limited in modest premises, with the aim of 'Transforming extraordinary
ideas into meaningful technology solutions for the world'. Since then, VOLANSYS has
been providing a range of robust and cutting-edge solutions and services, along with
exceptional business value to its customers.

VOLANSYS is an ISO 9001:2015 certified, next generation Digital


Transformation and Product Realization, company, which acts as a ‘single stop solution
enabler’ to bring your ideas to life. VOLANSYS has evolved into 500+ passionate and
curious engineers serving 50+ clients globally, and is growing fast. Our technical domain
strengths, innovative approach, out-of-the-box thinking, and adherence to on-time
delivery with uncompromising quality, make us a preferred choice for all technology
needs. At VOLANSYS, we’ve created a culture that rewards self-development and
innovation. VOLANSYS believes that – “An ecosystem of trust can be built in
collaboration”. VOLANSYS is based out of Santa Clara, CA and has design centers in
Ahmedabad and Pune, India.

1.2 DIFFERENT PRODUCTS:


IotFy: All-in-one IoT Solution for OEMs with pre-integrated IoT cloud framework
with mobile app and IoT gateway solution to build different industry solutions.

CENTAURI 200: Enterprise/Industrial IoT gateway for OEMs. Scalable to a large


®
number of edge devices with multi-radio connectivity – BLE 5.0, Zigbee , Z-Wave,
Thread, Wi-Fi and LTE

HomeBridge: Home Automation IoT Gateway Solution for OEMs. Manages 40+ Edge
®
Devices Connected with Zigbee or BLE 5.0 to Wi-Fi or Ethernet

1.3 WORK BEING CARRIED OUT IN EACH DEPARTMENT:


Various Departments:
Applicati
Software on
developm develop
ent • ment
White
lable
software
develop
• ment
Software
product
develop
ment
• services
AI/ ML
Develop
• ment
• API
Integrati
on
Cloud
Native
Cloud App
Develop Develop
ment • ment
Cloud
computin
• g
Cloud
migratio
n
consultin
• g

Gujarat Technological University 1 GEC Patan


O
v
e
r
v
i
e
w

o
f

O
r
g
a
n
i
1 z
9 a
6 t
5 i
1 o
8 n

CI/CD
Impleme
DevOps • ntation and
managem
ent

Infrastruc
ture
managem
• ent and
monitori
ng
Infrastruc
ture as a
• code
Software API
Testing • Testing
Load
• Testing
Security
• Testing

1.4 EACH STAGES OF PRODUCTION:


• Assemble the right team:
We handle all aspects of vetting and choosing the right team that you don't have the time,
expertise, or desire to do.
• Sprint planning:
Sprint roadmap is a collective planning effort. Team members collaborate to clarify
items and ensure shared understanding
• Tech architecture:
We break monolithic apps into microservices. Decoupling the code allows teams to
move faster and more independently.
• Iterative delivery:
We divide the implementation process into several checkpoints rather than a single
deadline.
• Code reviews:
Code reviews before release help detect issues like memory leaks, file leaks,
performance signs, and general bad smells.
• Stand-ups & weekly demos:
Stand-ups, weekly demos, and weekly reviews make sure everyone is on the same page
and can raise their concerns.

Gujarat Technological University 2 GEC Patan


196518 Introduction to Internship & Project

CHAPTER 2: INTRODUCTION TO INTERNSHIP &


PROJECT
2.1 PROJECT SUMMARY:
House of Travel is tourist guide web application. There are two entities who will
have access to the system. One is the admin and another one will be the registered user.
Admin will add places with their details such as place name, image, address, area,
latitude-longitude, tags and description. Admin can view all the added places and also can
edit if required. User is new he/she will have to fill the registration form (username,
password, email, full name, contact no. and type of places i.e. tags.). After registration,
the user can login with the valid id and password. After login, users will get the places
recommendation based on the preferences which were taken in the form of tags while
registration. Based on the provided details by the user, an intelligent tree algorithm will
run and best results will be provided from the database. Clicking on each result will
provide the user with the description of spots/locations along with the pictures. To view
the tour plan, users need to select any two between dates from which the days and the
places are detailed with description. System will show multiple places with its images and
other descriptions which will be viewable on map. Users can provide feedback to the
admin regarding the working of the system. Admin can view all the feedback messages
received from the registered users.

2.2 PURPOSE:
Tourism is currently recognized as a global industry that is growing at a high rate,
like any other industry. This web-based application helps in maintaining the database. It
has a friendly environment that connects customers willingly. Thus, it simplifies the
process by saving our time and efforts. It will help tour managers to control and handle
the tour-related activities effectively and efficiently. A further modification could be
possible where the system can be integrated with bigger organizations such as tourist
agencies in order to help them.
The purpose of developing this application is to provide Advanced Intelligent
travel destinations for the traveler. There are two entities who will have access to the
system. One is the admin and another one will be the registered user.

2.3 OBJECTIVE OF INTERNSHIP:


A great internship offers the knowledge and skills required to become successful
in a specific career field. Employers spend a great deal of time and money on training
their new employees, and they know that they can eliminate a lot of this time by hiring
someone with previous knowledge and experience.
Internship Offers Many Advantages Like:

• Job experiences
• Research
• Experience,

Gujarat Technological University 3 GEC Patan


196518 Introduction to Internship & Project

• Helps to guide career goals,


• create a professional network.

I have experienced many of the good things during my internship period and still
learning more. I have learned NodeJS, which was completely new for me so it was
seemed too difficult. But now I am enjoying the NodeJS and ReactJS technology. I have
learned Full Stack development while my internship period. Understood about teamwork
which indicate collaborative effort of a team to achieve a common goal or to complete a
task in the most effective and efficient way. This concept is seen within the greater
framework of a team, which is a group of interdependent individuals who work together
towards a common goal. Then Work should do before the deadline otherwise it will badly
impact on impression. And a lot more. So, an ideal internship is one that offers the
student a progressively challenging work experience, supported by an organization that
provides solid orientation, training, supervision, and feedback.

2.4 BRIEF LITERATURE REVIEW:


Existing system require more security and usability in order to attract more
tourists. It involves a lot of manual paperwork, and customers need to stay in the queue
for a long time. The present systems are inadequate in providing information and advice
to the agencies and customers about tour plans.

2.5 TECHNOLOGIES USED:


• IDE: VSCode Editor
Visual Studio Code is a code editor redefined and optimized for building and
debugging modern web and cloud applications.

• Programming language:
JavaScript
JavaScript is a lightweight, interpreted programming language. It is designed for
creating network-centric applications.

Node JS:
Node.js is an open-source and cross-platform JavaScript runtime environment.

React JS:
React is a JavaScript library for building user interfaces. React is used to build
single-page applications. React allows us to create reusable UI components.

• Database: MySQL
MySQL is a relational database management system based on SQL – Structured
Query Language. The application is used for a wide range of purposes, including data
warehousing, e-commerce, and logging applications. The most common use for
MySQL however, is for the purpose of a web database.

• Operating System: Ubuntu

Gujarat Technological University 4 GEC Patan


196518 Project & Internship Planning

CHAPTER 3: PROJECT & INTERNSHIP PLANNING

3.1 PLANNING:

Project Planning is concerned with identifying and measuring the activities, milestones
and even before any development activity starts. Project planning consists of following
essential activities: deliverables produced by the project. Project planning is undertaken and
completed sometimes

• Scheduling manpower and other resources needed to develop the system.


• Staff organization and staffing plans.
• Risk identification, analysis, and accurate planning.
• Estimating some of the basic attributes of the project like cost, duration and efforts.

The effectiveness of the subsequent planning activities is based on the accuracy of


these estimations. Project management involves planning, monitoring and control of the
people, process and the events that occurs as the software evolves from a preliminary
concept to an operational implementation. Cost estimation is a relative activity that is
concerned with the resources required to accomplish the project plan.

3.2 WORK PLAN DURING INTERNSHIP:

Performed
Learnt practical
OOPs on oops
basic concept in
concepts java.
Encapsulat
ion
Inheritance
Polymorph
ism
Data
abstraction
Learnt HTML,
basics of CSS,
web JavaScript,
developm SASS and
ent SCSS,
HTTP,
Bootstrap,
SQL
Given CSS
and
JavaScript
Hacker
Rank
certificatio
n exam.
Implement
Node js, ed REST
Express api demos
js in Nodejs,
express for
routing.
Hacker
Rank
certificatio
n test
Real-
World
SPAs &
React Web
React js Apps
Understan
ding Single
Page
Applicatio
ns
and Multi
Page
Applicatio
ns
Understan
ding JSX
Functional
Componen
t
Manipulati
ng the
State
Hacker
Rank
certificatio
n test

Gujarat
Technologi
cal
University 5 GEC Patan
196518 Project & Internship Planning

Project Work (House of Travel) Understand project structure and flow


Worked in backend side in order to create
APIs in Nodejs.
Implemented swagger API docs.
Frontend for web user.
Frontend for Admin user.

3.3 PROJECT DEVELOPMENT APPROACH AND JUSTIFICATION:

A Software process model is a simplified abstract representation of a software process,


which is presented from a particular perspective. A process model for software engineering is
chosen based on the nature of the project and application, the methods and tools to be used, and
the controls and deliverables that are required. All software development can be characterized as
a problem-solving loop which in four distinct stages is encountered:

• Requirement analysis
• Design
• Coding
• Testing
• Deployment

3.4 ROLES AND RESPONSIBILITY:


• Continue to learn your skills as a software engineer.
• Focus on depth of knowledge and expertise in a certain language, toolset, and area of
the stack.
• Learn soft skills to be better eligible for real world interaction with client and
colleagues.
• Develop habits of following industry standards and good practices for software
development under the guidance of a mentor.
• Chose the right way to learn new things.
• It is important to choose the right channel and ways to gain knowledge to become
successful

Gujarat Technological University 6 GEC Patan


196518 Project & Internship Planning

3.5 GANTT CHART:

3.1 Gantt Chart

Gujarat Technological University 7 GEC Patan


196518 System Analysis

CHAPTER 4: SYSTEM ANALYSIS

4.1 CURRENT SYSTEM:

House of Travel is an integrated software developed for tourism business. It is a


dynamic and responsive system and it addresses the challenges of managing the records, missing
records due to human errors, etc. The purpose is to build a system that performs all operations
related to traveling, booking, sightseeing, etc. This system connects customers and agents
directly, provides a feedback mechanism for tourists, maintains and controls the database of
tourists’ information, and gives a variety of travel services. We have used Amazon Relational
Database Service (Amazon RDS) provided by Amazon Web Services. Using Cloud computing
services allows us to store important data to be stored on the cloud without any fear of our data
getting stolen. Thus, it simplifies the process, thereby saving our time and effort. Moreover, it
also facilitates easy updating and handling of records. If a user wants to change any of his
personal information, they can easily do it and the action gets reflected on the cloud.

4.2 WORKING AND SHORTCOMINGS OF CURRENT SYSTEM:


The user needs to visit the travel agency office to plan any tour. It involves a lot of
manual paperwork, and customers need to stay in the queue for a long time. The present systems
are inadequate in providing information and advice to the agencies and customers about tour
plans. Most of the time agencies have to rely on local information sources and their own
experience regarding time and cost. Through a phone call, they have to get information.

4.3 REQUIREMENTS OF NEW SYSTEM:


There are some problems that exist in traditional systems, and those are given as
follows:
• There will be many users visiting the portal, and hence we require a reliable and
robust frontend that can withhold the users on our site.
• We need a secure database, whereas data will be store by everyone.

Following advantages over the traditional system:


• Privacy and Confidentiality
• Effective during emergency conditions.
• It saves time and effort.
• Easy updation of records.

Gujarat Technological University 8 GEC Patan


196518 System Analysis

4.4 SYSTEM FEASIBILITY:


4.4.1 Does the system contribute to the overall objectives of the organization?
Yes, the system contributes to the overall objectives of the organization.
4.4.2 Can the system be implemented using the current technology and within the
given cost and schedule constraints?
Yes, the system be implemented using the current technology and within
the given cost and schedule constraints.
4.4.1 Can the system be integrated with other systems which are already in place?
No, this is stand-alone web application which provides real-time tour and travel
destinations suggestions.

4.5 PROPOSED SYSTEM & FEATURES:


Cloud Technology: Tourism Management System incorporates cloud-based back-end
web design that can achieve in storing large storehouses of data.
Security: The system is entirely password protected. Only authorized users can get
access. Features like Mobile number verification via OTP, Email verification are
also included.
Flexibility: The project has been designed in such a way that new features and modules
can be added to the system in the future as per user requirements.
Time-Saving: One can access the travel management office from anywhere on the
web and need not visit the travel agency office.

4.6 LIST OF MODULES:


4.6.1 Web User Pages:
• Main Landing Page:
Landing page includes some of the most visited places and packages for the
travel destinations.
• Discover Places Listing:
Listing of the all the discover places based on user’s location so user can
see national international packages and places.
• Discover Places Detail Page:
Details page includes information about the selected place along with things
to do based on tags, maps, frequently asked questions about place, user can
also visit details of the things to do for the particular discover place.
• Packages Page:
Packages page show list of packages based on user’s location with national
and international travelling destinations. This page includes compare
packages feature.
• Package Detail Page:
Details of package like hotels, itineraries, sightseeing, meals, inclusions and
exclusions.
• Things To Do Detail Page:
Details about things to do for particular place selected by users.

Gujarat Technological University 9 GEC Patan


196518 System Analysis

• About us and contact us:


Details about house of travel and user can contact and ask questions by
filling contact us form.
• Stories Page:
Stories page shows list of user reviews on packages.
• Filter Screen:
In Filter page there is list of tags based on data of places and packages. So user
can filter packages and places based on type of them for example most loved
place, adventure, romantic, etc.
• Log In and Sign Up:
For the see detail of packages, places user needs to be logged in or need to
do sign up.

4.6.2 Admin Pages:


• Sign In:
For Admin user in order to update add data need to log in.
Sign in includes two factor authentication (Email OTP verification).
• Package Add Section:
For add, update, delete list package in the system. Which includes tab list
for add itineraries, frequently asked questions, covid guideline, Image
uploads sections for adding the data.
• Place Add Section:
For add, update, delete list place in the system. Which includes tab list for add
things to do, frequently asked questions, Image uploads sections for adding the
data.
• Contact Us:
Shows list of contacted persons with details.
• Logout

Gujarat Technological University 10 GEC Patan


196518 System Design

CHAPTER 5: SYSTEM DESIGN

5.1 Data Dictionary:


users

Field Datatype
int(11),
Id PK, AI
varchar(50
user_type )
varchar(25
first_name 5)
varchar(25
last_name 5)
varchar(25
Email 5), Unique
varchar(25
password 5)
phone_nu varchar(25
mber 5)
current_lo varchar(25
cation 5)
varchar(50
status )
created_da
te int(20)
updated_d
ate int(20)
5.1.1
User
Table
token

Field Datatype
Id int(11), PK, AI
Token int(11)
Email varchar(255), Unique
5.1.2 Token Table
discover_places:

Field Datatype
int(11),
Id PK, AI
place_nam varchar(25
e 5)
short_desc Text
ription
more_abo
ut_place Text
punchuati
on_line Text
Images Text
suggested
_duration Text
Tags Text
Gujarat
Technologi GEC
cal 1 Pata
University 1 n
196518

City varchar(255)
State varchar(255)
country varchar(255)
map varchar(255)
created_date int(20)
updated_date int(20)
Active varchar(255)
5.1.3 Discover Places Table
things_to_do

Field Datatype
Id int(11), PK, AI
discover_place_id int(11), [discover_places.id]
Name varchar(255)
short_description varchar(1024)
punchuation_line varchar(255)
Images Text
what_to_expect Text
Tips Text
suggested_duration varchar(255)
Tags varchar(255)
status varchar(255)
created_date int(20)
updated_date int(20)
5.1.4 Things To Do Table
faq_place

Field Datatype
Id int(11), PK, AI
discover_p
lace_id int(11), [discover_places.id]

Question text
Answers text
status varchar(255)

Gujarat Technological University 12


196518

created_da
te int(20)
updated_d
ate int(20)
5.1.5 FAQ Places T
faq_package

Field Datatype
Id int(11), PK, AI
Package_i
d int(11), [package.id]

Question text
Answers text
status varchar(255)
created_da
te int(20)
updated_d
ate int(20)
5.1.6 FAQ Packages
faq_thingsToDo

Field Datatype
Id int(11), PK, AI
thingstodo
_id int(11), [discover_places.id]
Question text
Answers text
status varchar(255)
created_da
te int(20)
updated_d
ate int(20)
5.1.7 FAQ Things To Do Table
tags

Field Datatype
Id int(11), PK, AI
Tag text
status varchar(255)
created_da
te int(20)
Gujarat Technological University 13
System
196518 Design

updated_d
ate int(20)
5.1.8 Tags Table
packages

Field Datatype
Id int(11), PK, AI
Name varchar(255)
Images text
Days int(11)
Heighlight
s text
Hotels text
Meal text
Sightseein
g text
Include text
Exclude text
Tags varchar(255)
status varchar(255)
created_da
te int(20)
updated_d
ate int(20)
Country varchar(255)
5.1.9 Packages
Table
itenary

Field Datatype
Id int(11), PK, AI
package_i
d int(11), [package.id]
Day int(11)
Images text
one_liner varchar(255)
Details text
status varchar(255)
created_da
te int(20)
updated_d
ate int(20)
5.1.10 Itenary
Table

Gujarat Technological 1
University 4 GEC Patan
196518

review

Field Datatype
id int(11), PK, AI
package_i
d int(11), [package.id]
user_id int(11), [user.id]

rating int(11)
comments text
status varchar(255)
created_da
te int(20)
updated_d
ate int(20)
5.1.11 Review Table
covid_guid
line

Field Datatype
id int(11), PK, AI
package_i
d int(11), [package.id]
guidline text
status varchar(255)
created_da
te int(20)
updated_d
ate int(20)
expired_da
te int(20)
5.1.12 Covid Guideline Table
contact_us

Field Datatype

Id int(11), PK, AI

Name varchar(512)
phone_nu
mber varchar(255)

Email varchar(255)

Message text
Gujarat Technological University 15
196518 System Design

current
location varchar(255)

status varchar(255)
created_da
te int(20)
updated_d
ate int(20)
5.1.13 Contact Us
Table
static_pag
e_content

Field Datatype
int(11),
id PK, AI
key text
content text
varchar(25
status 5)
created_da
te int(20)
updated_d
ate int(20)
5.1.14 Static Page Content
Table

5.2 SYSTEM ACTIVITY DIAGRAM:

Activity Diagrams describe how activities are coordinated to provide a service which can
be at different levels of abstraction. Typically, an event needs to be achieved by some operations,
particularly where the operation is intended to achieve a number of different things that require
coordination, or how the events in a single use case relate to one another, in particular, use cases
where activities may overlap and require coordination. It is also suitable for modelling how a
collection of use cases coordinates to represent business workflows

• Identify candidate use cases, through the examination of business workflows


• Identify pre- and post-conditions (the context) for use cases
• Model workflows between/within use cases
• Model complex workflows in operations on objects
• Model in detail complex activities in a high-level activity Diagram.
Gujarat Technological University 16 GEC Patan
196518 System Design

5.2.1 Admin Activity Diagram

Gujarat Technological University 17 GEC Patan


196518 System Design

5.2.2 Web User Activity

Diagram Gujarat Technological University 18 GEC Patan


196518 System Design

5.2.3 Login Activity Diagram

Gujarat Technological University 19 GEC Patan


196518 System Design

5.2.4 Sign up Activity Diagram

5.3 USE CASE DIAGRAM:

Purpose:
The purpose of use case diagram is t capture the dynamic aspect of a system. But
this definition is too generic to describe the purpose. Because other four diagrams (activity,
sequence, collaboration and State chart) are also having the same purpose. So, we will look
into some specific purpose which will distinguish it from other four diagrams. Use case
diagrams are used to gather the requirements of a system including internal and external
influences. These requirements are mostly design requirements. So, when a system is
analysed to gather its functionalities use cases are prepared and actors are identified. Now
when the initial task is complete use case diagrams are modelled to present the outside view.
So, in brief, the purposes of use case diagrams can be as follows:

Gujarat Technological University 20 GEC Patan


196518 System Design

• Used to gather requirements of a system.

• Used to get an outside view of a system.

• Identify external and internal factors influencing the system.

• Show the interacting among the requirements are actors.

Use Case Model

The use case model captures the requirements of a system. Use cases are a means
of communicating with users and other stakeholders what the system is intended to do.
Actors

A use case diagram shows the interaction between the system and entities external
to the system. These external entities are referred to as actors. Actors represent roles which
may include human users, external hardware or other systems. An actor is usually drawn as a
named stick figure, or alternatively as a class rectangle with the «actor» keyword.

5.3.1 Use Case Diagram

Gujarat Technological University 21 GEC Patan


196518 System Design

5.4 DATA FLOW DIAGRAM:

Diagram is a graphical representation of the flow of data through an information


system. It differs from the system flowchart as it shows the flowchart as it shows the flow of
data through processes instead of hardware. A data flow diagram is logical model of the
system and shows the flow of the data and the flow of logic so this all thing describes what
takes place in a proposed system, not how the activities are accomplished. DFD consist of a
series of symbols joined together by a line. There may be a single DFD for the entire system
or it may be exploded into various levels.

5.4.1 DFD Level 0

5.4.2 DFD level 1-Admin

Gujarat Technological University 22 GEC Patan


196518 System Design

5.4.3 DFD level 1-Web

5.4.4 DFD level 2-Admin

Gujarat Technological University 23 GEC Patan


196518 System Design

5.4.5 DFD level 2-Admin

5.5 SEQUENCE DIAGRAM:

A sequence diagram or system sequence diagram (SSD) shows object interactions arranged
in time sequence in the field of software engineering. It depicts the objects involved in the
scenario and the sequence of messages exchanged between the objects needed to carry out
the functionality of scenario. Sequence diagrams are typically associated with use case
realizations in the logical view of the system under development. Sequence diagrams are
sometimes called event diagrams or event scenarios.

The sequence diagram represents the flow of messages in the system and is also termed as an
event diagram. It helps in envisioning several dynamic scenarios. It portrays the
communication between any two lifelines as a time-ordered sequence of events, such that
these lifelines took part at the run time. In UML, the lifeline is represented by a vertical bar,
whereas the message flow is represented by a vertical dotted line that extends across the
bottom of the page. It incorporates the iterations as well as branching.

Gujarat Technological University 24 GEC Patan


196518 System Design

5.5.1 Admin Sequence Diagram

Gujarat Technological University 25 GEC Patan


196518 System Design

5.5.2 Web User Sequence Diagram

Gujarat Technological University 26 GEC Patan


196518 Implementation

CHAPTER 6: IMPLEMENTATION
6.1 Web User Screen:

6.1.1 Landing Page(a)

6.1.1 Landing Page(b)

Gujarat Technological University 27 GEC Patan


196518 Implementation

6.1.1 Landing Page(c)

6.1.1 Landing Page(d)

Gujarat Technological University 28 GEC Patan


196518 Implementation

6.1.2 List Places (a)

6.1.2 List Places (b)

Gujarat Technological University 29 GEC Patan


196518 Implementation

6.1.3 Log in

6.1.4 Sign up

Gujarat Technological University 30 GEC Patan


196518 Implementation

6.1.5 Place details page

6.1.6 Things to do at place

Gujarat Technological University 31 GEC Patan


196518 Implementation

6.1.7 FAQ about places

6.1.8 Google map showing place location

Gujarat Technological University 32 GEC Patan


196518 Implementation

6.1.9 Things to do detail page(a)

6.1.9 Things to do detail page(b)

Gujarat Technological University 33 GEC Patan


196518 Implementation

6.1.10 List packages page

6.1.11 Package detail page(a)

Gujarat Technological University 34 GEC Patan


196518 Implementation

6.1.12 Package detail page(b)

6.1.12 Package detail page(c)

Gujarat Technological University 35 GEC Patan


196518 Implementation

6.1.13 Give review

6.1.14 Compare Package

Gujarat Technological University 36 GEC Patan


196518 Implementation

6.1.14 Compare Package

Fig 6.1.15 Filter Screen(a)

Gujarat Technological University 37 GEC Patan


196518 Implementation

Fig 6.1.15 Filter Screen(b)

Fig 6.1.15 Filter Screen(c)


`

Gujarat Technological University 38 GEC Patan


196518 Implementation

Fig 6.1.16 About us page

Fig 6.1.17 Contact us page

Gujarat Technological University 39 GEC Patan


196518 Implementation

6.2 Admin Screen:

6.2.1 Sign In

6.2.2 Authentication

Gujarat Technological University 40 GEC Patan


196518 Implementation

6.2.3 List of Package

6.2.4 Add Package

Gujarat Technological University 41 GEC Patan


196518 Implementation

6.2.5 Add Itinary

Gujarat Technological University 42 GEC Patan


196518 Implementation

6.2.6 Add FAQ

6.2.7 Add Guideline

6.2.8 Image Upload

Gujarat Technological University 43 GEC Patan


196518 Implementation

6.2.9 List of Places

6.2.10 Add Place

6.2.11 Add ThingsToDo

Gujarat Technological University 44 GEC Patan


196518 Implementation

6.2.12 Add Faq

6.2.13 Upload image

6.2.14 List of Contact us


Gujarat Technological University 45 GEC Patan
196518 Testing

CHAPTER 7: TESTING
7.1 TESTING PLAN/STRATEGY
A test plan is a systematic approach to testing a system such as a machine or
software.
Depending on the product and the responsibility of the organization to which the test plan
applies, a test plan may include one or more of the following:
1. Design Verification or Compliance test ‐ to be performed during the development
or approval stages of the product, typically on a small sample of units.
2. Manufacturing or Production test ‐ to be performed during preparation or
assembly of the product in an ongoing manner for purposes of performance
verification and quality control.
3. Acceptance or Commissioning test ‐ to be performed at the time of delivery or
installation of the product.
4. Regression test ‐ to be performed on an existing operational product, to verify
that existing functionality didn't get broken when other aspects of the environment
are changed (e.g., upgrading the platform on which an existing application runs)

In this project we have done the manual testing to verify that all our functionality works
properly or not. The testing process is carried out when we had completed the implementation
of all the functionality So here the testing had been done at the end of the internship.

In this project, we have done the functional testing that check each functionality works
properly or not. All the testing procedure is carried out manually.

Gujarat Technological University 46 GEC Patan


196518 Testing

7.2 Test Results and Analysis

7.2.1 Test Cases

Test
Conditio Expected Actual
Test n Output Output Remark
ID
Email Send the Perfectly
1 Should be Email Send the No
sent after containing Email as
Admin 6 digits of expected.
login OTP.
Login, Done
Logout, Properly
2 Customer Create all No
Account the
Authentic should be Authentic
ation done ation
Functiona functional
lity properly. ity
Properly
admin can All the
3 Add add details No
the
package
packages/ with all should be
places the saved
proper properly
details. and done
the add
package /
places
perfectly
Detail Customer All the
4 page can see all pages had No
the details
of properly
packages/ displayed.
places
after login
Admin
can Admin
Admin manage managed
5 Screens all all No
the
service
request the things
and properly
managed.

Gujarat Technological University 47 GEC Patan


196518 Conclusion and Discussion

CHAPTER 8: CONCLUSION AND DISCUSSION

8.1 Overall Analysis of Internship


During the internship first of all they gave the basic knowledge of our languages
and then they gave the project. In project first of all we have to design the webpages
according they have given as per the SRS (Software Requirements Specification) then we
have to design the databases for our website. After designing the database, we have to
integrate all the webpages with database and lastly, we have to do testing of our website.
Along with the project implementation we were working with git and manage frontend and
backend part simultaneously.

8.2 Dates of Continuous Evaluation (CE-I and CE-II)


CE-1: 22/01/2022
CE-2: 05/03/2022

8.3 Problem Encountered and Possible Solutions


Sometimes the problem occurred that suppose two customers tried to book the
same service, same location and same time slot then in the database concurrency problem
arises. So, there would be possible solutions that in our algorithms we have to implement the
synchronization methods so by implementing this method the concurrency issues solved.
Another problem that we have to enhanced the distance calculation between the
customer and service providers by using the third-party libraries or APIs. As more efficient
the calculation of distance more efficient would be assigned the service providers properly.
8.4 Summary of Internship
During Internship they have assign the project name House of Travel. So, the
House of Travel is a platform where the users can see various interesting tour packages and
travelling destinations. Apart from learn many skills like group management project
management, weekly client demos, stand-ups and so on.

8.5 Limitation and Future Enhancement


Limitations:

• User cannot book a tour package using this system.


• Payment gateway is not possible.
• User can’t see place maps with descriptions and images.
• System will not give recommend about google map travel positions only show
location of places.

Gujarat Technological University 48 GEC Patan


196518 Conclusion and Discussion

Future Enhancement:

• Make view of place on map with its description and images.


• To introduce booking of tour packages and payment gateways for online currency
transactions.
• Admin will update and delete details.

Gujarat Technological University 49 GEC Patan


196518 References

REFERENCES:
1. https://www.thomascook.in/holidays/india-tour-packages/ladakh-tour-
packages
2. https://mui.com/material-ui/react-pagination/
3. https://www.makemytrip.com/
4. https://pitch-tents.co.uk/
5. https://swagger.io/solutions/api-documentation/
6. https://www.stackoverflow.com
7. https://mui.com/
8. https://reactjs.org/tutorial/tutorial.html

Gujarat Technological University 50 GEC Patan

You might also like