Professional Documents
Culture Documents
Contents:: Introduction To The System
Contents:: Introduction To The System
INTRODUCTION
Contents:
Introduction
Problems definition
Aim
Objective
Goal
Need Of System
Introduction to the system
This project is aimed at developing a Tourism that depicts online .This
software helps customer to Find Best Places to Visit and Enjoy and Fun .
It is designed such a way that one can Book Hotels and Find Best Place
For Visit in our Database . of persons and according to meal plan. The
software will help in easy maintaining and updating information in the
website for the administrator. Also the user can cancel and check his
Booking Of Hotels details history.
Problem Definition
Managing your Online Tourism Website may seem tricky, but this is part
of Customer Service System (application support direct contact with
customer)
Aim:
Objective:
This software helps customer to Find Best Place for Visit . It is
designed such a way that one can work According to persons and
according to meal plan from anywhere. The software will help in
easy maintaining and updating Booking of Hotels information in
the website for the administrator. Also the user can cancel and
check his Booking of Hotels history.
Goal:
The Normal Person are handle the entire advance Tourism
Website to , which is very tedious and mismanaged.
Project Scope:
Proposed System:
The Online Tourism Website is available in the market that can
serve customers to book hotels and Find Best place for Visit to all
over the India and view our booking status online.
System Overview:
Admin Modules
Manage Feedback
Book Trucks
View Booking
Cancel Booking
Implementation issue
PYTHON-
Python is a programming language that lets you work quickly and integrate systems
more efficiently.
HTML-
HTML (Hypertext Markup Language) is the set of markup symbols or codes inserted
in a file intended for display on a World Wide Web browser page. The markup tells
the Web browser how to display a Web page's words and images for the user. Each
individual markup code is referred to as an element (but many people also refer to it
as a tag). Some elements come in pairs that indicate when some display effect is to
begin and when it is to end.
Cascading Style Sheets (CSS) are a collection of rules we use to define and modify
web pages. CSS are similar to styles in Word. CSS allow Web designers to have
CSS can control the placement of text and objects on your pages as well as the look
of those objects. HTML information creates the objects (or gives objects meaning),
but styles describe how the objects should appear. The HTML gives your page
structure, while the CSS creates the “presentation”. An external CSS is really just a
text file with a .css extension. These files can be created with Dreamweaver, a CSS
editor, or even Notepad. The best practice is to design your web page on paper first
so you know where you will want to use styles on your page. Then you can create
the styles and apply them to your page.
JAVA SCRIPT-
System Design
Use case diagram consists of use cases and actors and shows the interaction
between them. The key points are:
The main purpose is to show the interaction between the use cases and the
actor.
The use cases are the functions that are to be performed in the module.
A Data Flow Diagram (DFD) is a graphical representation of the "flow" of data through an
Information System. A data flow diagram can also be used for the visualization of Data
Processing. It is common practice for a designer to draw a context-level DFD first which
shows the interaction between the system and outside entities. This context-level DFD is
then "exploded" to show more detail of the system being modeled.
A DFD represents flow of data through a system. Data flow diagrams are commonly used
during problem analysis. It views a system as a function that transforms the input into
desired output. A DFD shows movement of data through the different transformations or
processes in the system.
Dataflow diagrams can be used to provide the end user with a physical idea of where the
data they input ultimately has an effect upon the structure of the whole system from order
to dispatch to restock how any system is developed can be determined through a dataflow
diagram. The appropriate register saved in database and maintained by appropriate
authorities.
Function
File/Database
Input/output
Flow
<body>
<div class="container-fluid">
<div class="header">
<div class="wrap">
<a href="index.html">
<b>Travel<Br> <font style="color:aqua">Sri
Lanka</font></b>
</a>
</div>
<div class="top-nav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="places.html">Where To Go</a></li>
<li><a href="hotels.html">Hotels</a></li>
<li><a href="Events.html">Cultural Festivals</a></li>
<li><a href="news.html">Tousrism News</a></li>
<li><a href="about.html">About Us</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
<div class="row">
<div id="carouselExampleDark" class="carousel carousel-dark
slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleDark"
data-bs-slide-to="0" class="active"
aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleDark"
data-bs-slide-to="1"
aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleDark"
data-bs-slide-to="2"
</div>
<div class="carousel-item" data-bs-interval="2000">
<img src="Assets/slide/2.png" class="d-blockd w-100"
alt="..." style="top: 50%;">
<div class="carousel-caption d-none d-md-block">
<h1 style="font-family: Lobster; font-size:
100px"">Discover A Different Island</h1>
</div>
</div>
<div class="carousel-item">
<img src="Assets/slide/3.jpg" class="d-block w-100" alt="..."
style="top: 50%;">
<div class="carousel-caption d-none d-md-block">
<h1 style="font-family: Lobster; font-size:
100px"">Discover A Different Island</h1>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-
target="#carouselExampleDark"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-
hidden="true"></span>
<br><br>
<div class="row">
<div class="col" style="background-color: white;color: #555;font-
family: Arial, Helvetica, sans-serif;">
<div class="wrap">
<h1>Ayubowan !<Br>Welcome to Sri Lanka</h1>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-6">
<video width="500" height="320" autoplay muted loop>
<source src="Assets/Travel%20bg%20vid.mp4"
type="video/mp4">
</video>
</div>
<div class="col-6" style="text-align: center; padding: 30px;">
<p>Ayubowan and Welcome back to the paradise island of Sri
Lanka. As we open our doors to the world once
again ;
<br><br>
<div class="row">
<div class="col-12" style="height:200px; background-image:
url('Assets/visitarea.jpg');">
<h1 style="color: #555">Places to Visit in Sri lanka</h1>
</div>
</div>
<br>
<div class="container-fluid">
<div class="row">
<div class="col-4">
<img
src="Assets/card2.jpg"
class="w-100 shadow-1-strong rounded mb-4"
alt="Boat on Calm Water"
<img
src="Assets/card3.jpg"
class="w-100 shadow-1-strong rounded mb-4"
alt="Wintry Mountain Landscape"
height="400px"
/>
<img
src="Assets/card4.jpg"
class="w-100 shadow-1-strong rounded mb-4"
alt="Wintry Mountain Landscape"
height="200px"
/>
</div>
<div class="col-4">
<img
src="Assets/card1.jpg"
class="w-100 shadow-1-strong rounded mb-4"
alt="Mountains in the Clouds"
height="600px"
/>
<img
src="Assets/card7.jpg"
class="w-100 shadow-1-strong rounded mb-4"
alt="Boat on Calm Water"
height="300px"
/>
</div>
<img
src="Assets/card6.jpg"
class="w-100 shadow-1-strong rounded mb-4"
alt="Yosemite National Park"
height="400px"
/>
</div>
<div class="col-12" style="text-align: center">
<button class="btn btn-secondary"
onclick="location.href='places.html'">more</button>
</div>
</div>
</div>
<br><br>
<div class="counter">
<div class="container">
<div class="row">
<div class="col-4">
<div class="tourists">
<p class="counter-count">20000</p>
<div class="col-4">
<div class="places">
<p class="counter-count">100</p>
<p class="places-p">Places To Visit</p>
</div>
</div>
<div class="col-4">
<div class="events">
<p class="counter-count">20</p>
<p class="events-p">Cultural Events</p>
</div>
</div>
</div>
</div>
</div>
<br><br>
<div class="row">
<div class="col-12" style="height:180px; background-image:
url('Assets/culture.jpg');">
<h1 style="color: black; background-color: navajowhite">Events
in Sri lanka</h1>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-3" style="text-align: center">
<div class="card" style="width: 18rem;">
<br><br>
<div class="row">
<div class="col-12" style="height:180px; background-image:
url('Assets/news.jpg');">
<h1 style="color: black; background-color: #B8B8B8">Current
News in Sri lanka</h1>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-3" style="text-align: center">
<div class="card" style="width: 18rem; height: 100%">
<img src="Assets/news/1-1.jpg" class="card-img-top"
alt="..." style="height: 80%">
<div class="card-body">
<p class="card-text">The Joint Press Release by Sri
Lanka Embassy in Germany, German Travel
Association- DRV and Sri Lanka Tourism Promotion</p>
</div>
</div>
</div>
<div class="col-3" style="text-align: center">
Places,Hotels(main.index)
<html>
<head>
<title>Where To Go - Travel Sri Lanka</title>
<link rel="icon" type="image/x-icon" href="Assets/Favicon.png">
<link rel="stylesheet" href="CSS/boostrap/bootstrap.min.css">
<link rel="stylesheet" href="CSS/Main.css">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="widthdevice-width, initial-scale=1,0">
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.
js"
integrity="sha384-
ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
<style>
div.gallery {
border: 1px solid #ccc;
}
div.gallery:hover {
border: 1px solid #777;
}
div.gallery img {
width: 100%;
div.desc {
padding: 15px;
text-align: center;
}
*{
box-sizing: border-box;
}
.responsive {
padding: 0 6px;
float: left;
width: 24.99999%;
}
img {
width: 100%;
height: 100%;
}
#more {
display: none;
}
</style>
</head>
<body onload="loading()">
<div class="container-fluid">
<div class="header">
<div class="wrap">
<div class="logo">
<a href="index.html">
<b>Travel<Br> <font style="color:aqua">Sri Lanka</font></b>
</a>
</div>
<div class="top-nav">
<ul>
<div class="clear"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-6">
<div class="card text-center">
<div class="card-header">
<h5 class="card-title">Adams Peak</h5>
</div>
<div class="card-body">
<img src="./Assets/adams-peak.jpg" alt="Adams Peak"
style="width:200px;height:150px">
</div>
<div class="card-footer text-muted">
<button type="button" onclick="view_modal(1)" class="btn btn-
primary" id="viewmore">View More
</button>
</div>
</div>
</div>
</div>
</div>
<br>
</div>
</div>
</body>
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-bs-
dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal" tabindex="-1" id="3">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
</div>
</div>
</div>
<hr style="color: white">
function loading() {
adamspeek.hide();
bundala.hide();
dambulla.hide();
delft.hide();
diyaluma.hide();
rawana.hide();
ridee.hide();
}
function view_modal(id) {
if (id == 1) {
}
</script>
</html>
<head>
<meta charset="UTF-8">
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bund
le.min.js"
integrity="sha384-
ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nb
Tov4+1p"
crossorigin="anonymous"></script>
</head>
<body>
<div class="container-fluid">
<div class="header">
<div class="wrap">
<div class="logo">
<a href="index.html">
</a>
</div>
<div class="top-nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="hotels.html">Hotels</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
<br>
<div class="container"
<div class="para">
<h1>About Us</h1>
tourism
in
<br> <br>
other tourism industry news websites and even local news are
also being posted.
</div>
<br>
</div>
</div>
</div>
<br> <br>
<br><br>
<br>
<div class="row">
</div>
</div>
<div class="col-4">
<div class="row">
<ul class="footer-links">
</ul>
</div>
<ul class="footer-links">
</ul>
</div>
<br>
</div>
</div>
</div>
<div class="row">
</p>
</div>
</div>
</footer>
</body>
</html>
Home Screen
Data Security
Besides the above achievements and the successful completion of the project, we
still feel the project has some limitations, listed as below:
This web application involves almost all the features of the online book Best Visiting Place .
The future implementation will be online help for the customers to Books with website
administrator.
CONCLUSION
The project entitled “Online Tourism Website ” is developed using HTML, CSS and Javascript
as front end and Python language and Sqlite database in back end to computerize the
process of online Tourism Website. This project covers only the basic features required.
Bibliography
We made this program self and with Help of Teacher