Introduction to Oracle

An Oracle database is a collection of data treated as a unit. The purpose of a

the
database is to store and retrieve related information. A database server is
key to solving the problems of information management. In general, a server
environment So that
reliably manages a large amount of data in a multiuser
accomplished while
many users can concurrently access the same data. All this is
delivering high performance. A database server also prevents unauthorized
access and provides efficient solutions for failure recovery.

Oracle Database is the first database designed for enterprise grid computíng,
and
the most flexible and cost effective way to manage information
applications. Enterprise grid computing creates large pools of jndustry-standard,
modular storage and servers. With this architectsre, each new system can be
rapidly provisioned from the pool of components. There i_ no need for peak
the
workloads, because capacity can be easily added or realocated from
resource pools as needed.

physical
The database has logicalstructures and physical structures. Because the
managed
and logical structures are separate, the physical storage of data can be
without affecting the access to logical storage structures.

Oracle database is a relational database management system. It is also

called OracleDB, or simply Oracle. It is produced and marketed by Oracle
Corporation. It was created in 1977 by Lawrence Ellison and other
engineers. It is one of the most popular relational database engines in the
IT market for storing, organizing, and retrieving data.
Oracle database was the first DB that designed for enterprise grid
computing and data warehousing. Enterprise grid computing provides
and
the most flexible and cost-effective way to manage information
applications. It uses SQL queries as a language for interactingwith the
database.
Editions of Oracle database

Oracle database is compatible with a wide range of platforms such as

Windows, UNIX, LinUx, and macos. It supports several operating systems
like IBM AIX, HP-UX, Linux, Microsoft Windows Server, Solaris, SunOS,
macOS, etc. In the late 1990s, Oracle began supporting open platforms
like GNU/Linux.
The following is a list of Oracle database editions in order of priority:
Enterprise Edition: It is the most robust and secure edition. It offers
all features, including superior performance and security.
Standard Edition: It provides the base functionality for users that
do not require Enterprise Edition's robust package.!
Express Edition (XE): It is the lightweight, free and limited
Windows, and Linux edition.
Oracle Lite: It is designed for mobile devices.
Personal Edition: lt's comparable to the Enterprise Edition but
without the Oracle Real Application Clusters feature.

Oracle Database Features

Oracle database manages data with the help of an open, complete, and
integrated approach. The following are features that complete the demand for
powerful database management:

Oracle Features

Availability Security

Performance
Scalability

Analytics Management)
Availability: It is never offline or out of service that means supported 24*7
availability of the database. It provides high availability of databases because of
the Oracle Data Guard functionality. This functionality allows using of the
secondary database as a copy of the primary database during any failure. As a
result, all normal processes such as backups and partial failures do not interrupt
the database from being used.
Security: Oracle has a mechanism for controlling and accessing the
database to prevent unauthorized access. It provides high security
because of the Oracle Advanced Security features. It offers two solutions
to protect databases that are TDE (Transparent Data Encryption) and
Data Redaction. TDE supports data encryption both at the source and
after export. Redaction is performed at the application level. Oracle has
some other security features like Oracle Database Vault that regulates
user privileges and Oracle Label Security.
Scalability: It provides features like RAC (Real Application Cluster) and
Portability, which makes an Oracle database scalable based on usage. In a
clustered environment, it includes capabilities such as rolling instance
migrations, performing upgrades, maintaining application continuity,
quality of service management, etc.
Performance: Oracle provides performance optimization tools such as
Oracle Advanced Compression, Oracle Database In-Memory, Oracle Real
Application Testing, and Oracle Times Ten Application-Tier Database
Cache. Their main objective is to improve system performance to the
highest possible level.

Benefits of Oracle Database

The following are the main advantages of an Oracle database:
Performance: Oracle has procedures and principles that help us to get
high levels of database performance. We can increase query execution
time and operations with the use of performance optimization techniques
faster.
in itsdatabase. This technique helps to retrieve and alter data
Portability:The Oracle database can be ported on alldifferent platforms
on around 20
than any of its competitors. We can use this database
networking protocols as well as over 100 hardware platforms. This
database makes it simple to write an Oracle application by making
changes to the Sand hardware in a secure manner.

Backup and Recovery: lt is always better to take a proper backup of your

entire oracle online backup and recovery. The Oracle database makes it
easy to accomplish recovery quickly by using the. RMAN (Recovery
Manager) functionality. It can recover or restore database files during
downtime or outages. It can be used for online backups, archived backups,
and continuous archiving. We can also use SQL* PLUS for recovery, which
is known as user-managed recovery.
PL/SQL: One of the greatest benefits of using the Oraclé database is to
support P/SQL extension for procedural programming.
Multiple Databasse: Oracle database allows several database instances
management on asingle server. It provides an instance caging approach
for managing CPUallocations on a server hosting database instances. The
database resource management and instance caging can work together
to manage services across multiple instances.
Flashback Technology: This advantage comes with the recent Oracle
version. It allows us to recover those data that are incorrectly deleted or
lost by human errors like accidental deletion of valuable data, deleting the
wrong data, or dropping the table.
 Introduction to JavaScript
JavaScript is used
JavaScript is a very powerful client-side scripting language.
In other words,
mainly for enhancing the interaction of a user with the webpage.
interactive, with the help of
you can make your webpage more lively and
development
JavaScript. JavaScript is also being used widely in game
and Mobile application development.
later renamed JavaScript.
The language was initially called LiveScript and was
Jàva are the same.
There are many programmerswho think that JavaScript and
is a very complex
In fact, JavaScript and Java are very much unrelated. Java
language. The
programming language whereas JavaScript is only a scripting
language C.
syntax of JavaScript is mostly influenced by the programming
compiled
JavaScript is a lightweight, cross-platform, and interpreted
programming language which is also known as the scriping language for
webpages. It is well-known for the development of web pages, many non
used for Client
browser environments also use it. JavaScript can be
Javascript is both
side developments as well as Server-side developments.
standard
imperative and declarative type of language. JavaScript contains a
library of objects, like Array, Date, and Math, and a core set of language
release,
elements like operators, control structures, and statements. Since its
relatively
JavaScript has surpassed Java, Flash, and other languages because it is
importantly, is
easy to learn, has a free and open community, and, most
incredibly useful, allowing developers toquickly create apps with audiences in
the millions.
 History of JavaScript
been ranked
JavaScript is everywhere, and for the seventh year in a row, it has
developers
the most commonly used programming language, with 67.8% of
employing it in 2019. Its ascent to the world's most popular programming
out of
Created
language is synonymous with the rise of the internet itself.
including
necessity, it is used to build 95.2% (1.52 billion) of websites today, would
it, we
some of the world's largest, like Facebook and YouTube. Without
eBay. So,
not have popular and useful web apps such as Google Maps and
withoutfurther ado, let's take a look at what JavaScript is, how and why it was
rapid
created, and what's next for the language. In 1997, due to JavaScript's maintained
growth, it became clear that the language would need to be properly
language
and managed. Therefore, Netscape handed the job of creating a (ECMA),a
specification to the European Computer Manufacturers Assóciation
ECMA
body founded with the goal of standardizing computing. Theincluded
specifications were labeled ECMA-262 and ECMAScript languages
ECMA-262 had
JavaScript, JScript, and ActionScript. Between 1997 and 1999,
abandoned due to
three revisions, but nearly 10 years later, version 4 was
differing opinions on the direction of the language and its proposed features.
Interestingly, many of these controversial features, such as generators,
more recent
iterators, and destructuring assignments, have been included in
cottoned-on to the
ECMASCript specifications. In late 1995, when Microsoft
started in
competitive threat the Web posed, the Internet Explorer project was
Netscape.In
an all-out attempt to wrestle control of the emerging platform from
so doing Microsoft became a mortal threat, compelling Netscape to respond.
First, theystarted a standardization process to prevent Microsoft gaining control
to leverage their
of the JavaScript language. Second, they partnered with Sun
of
shared interest in breaking the Microsoft monopoly. Sun began development
This
Java in 1990 in an attempt to write a language for "smart appliances".
Web as
approach floundered and in 1994, Sun regrouped and set sights on the
the delivery platform of choice.
 Travel &Tourism Management System
ABSTRACT: This project "TRAVEL AND TOURISM MANAGEMENT" is used to
automate all process of the travel and tourism, which deals with creation,
booking and confirmation and user details. The project is designed HTML-PHP
as front end and Microsoft SQL Server 2008 as backend which works in any
browsers. The coding language used HTML and PHP. Travel and tourism
management system is used to book a tour from anywhere in the world bya
single dynamic website which will help the user to know all about the places and
tour details in a single website. The admin can add packages to the website from
a certain travel agents and hotels by create a tour page. Then the users can sign
in and book each project, they can be confirmed by the admin in their manage
booking page. The user can see the confirmation in their mý booking page. It is
an easiest platform for all travelers which can be easily booked and know the all
details. Keywords: Travel and tourism management, travel packages, tourism,
package booking. Traveland tourism management system is used to book a tour
from anywhere in the world by a single dynamic website which will help the user
to know all about the places and tour details in a single website. The admin can
add packages to the website from a certain travel agents and hotels by create a
tour page. Then the users can sign in and book each project, they can be
confirmed by the admin in their manage booking page. The user can see the
confirmation in their my booking page. It is a easiest platform for all travelers
which can be easily booked and know the all details. Tour Management system
is a dynamic website for tourism business. It is dynamic and responsive web
design. It is also called travel technology solution for agencies &tour operation.
Nearly Everyone goes on a vacation for this a Tourism management system'
would play a vital role in planning the perfect trip. The tourism management
system allows the user of the system access all the details such as location,
events, etc. The main purpose is to help tourism companies to manage customer
and hotels etc. The system can also be used for both professional and business
trips.
Modules:
1. Admin authentication This module is mainly based on admin. System will
check the admin user name and password for authentication. After the
verification for authorization the admin can be able to precede the process. All
works are done under his control.
2. User Registration This module covers the details about the registration of
users which they can be register by itself by adding data like name, password,
email id and further details. After registration they can be sign in by their
username and password.
3. Package Creation The admin can create packages by creating package page
which the type, price, details, place details all the travel tour package details can
be added here. Which it will be showed in user homepage.
4. Package booking In this module maintain the booking of travel packages by
the user by selecting a various packages with date and certain comments.
5. Booking confirmation/manage Booking confirmation is the process of
confirming the booked packages by the admin that is bookd by the user with
date and comment. Also admin can manage the booking by cancelling.
6. lssue ticket Tickets can be issued for the user in the issue ticket page in the
homepage of user the certain booked packages only can be issued.
INPUT DESIGN and OUTPUT DESIGN:
Input Design converts the user-oriented inputs to computer-based formats.
Inaccurate input data are the most common cause of errors in data processing.
Error data entered by the data operator can be controlled by the input design.
The goal of designing input is to make the data entry easy, logical and as free
from errors as much as possible. The proposed system is completely menu
driven. It is a powerful tool for interactive design.It helps the user comprehend
the range of alternatives available and also prevents them from making an
invalid selection. Allentry screens are interactive in-nature. It has been designed
taking into account all the constraints of the end-user.
Some other features included are:
- The form title clearly states the purpose of the form
¬Adequate space is given for data entry.
Data Validation is done for eliminating duplicate entries Outputs are the most
important and direct source of information to the customer and management.
Intelligent output design will improve the system's relationship with the user
and help in decision making.Outputs are used to make permanent hardcopy of
the results for later consultation. The output generated by the system is often
regarded as the criteria for evaluating the performance of the system. The
output design was based on the following factors.
¬Usefulness determiningthe various outputs to be printed to the system user.
- Differentiating between the outputs to be displayed and those to be printed.
-The format for the presentation of the output.
For the proposed system, it is necessary that the output should be compatible
with the existing manual reports. The outputs have been formatted with this
consideration in mind. The outputs are obtained after all the phase, from the
system can be displayed or can be produced in the hard copy. The hard copy is
highly preferred since it can be used by the controller section for future
reference and it can be used for maintaining the record.
 Code
(function (global, factory) {
typeof exports === 'object' && typeof module == 'undefined' ? factory(exports,
require('jquery'), require('popper.js') :
typeof define === 'function' && define.amd ? define(['exports', 'jquery', 'popper.js'], factory)

(factory((global. bootstrap =0).global,jQuery.,global. Popper):

Xthis, (function (exports, $, Popper) {'use strict';
$=$&&$.hasOwnProperty('default') ?$['default] :$;
Popper = Popper && Popper.hasOwnProperty('default') ? Popper['default]: Popper;

function _defineProperties(target, props) {

for (var i =0; i <props.length; it+) {
var descriptor = props[i);
descriptor.enumerable =descriptor.enumerable || false;
descriptor.configurable = true;
if("value" in descriptor) descriptor.writable =true;
Object.defineProperty(target, descriptor.key, descriptor):
}}

function _create Class(Constructor, protoProps, staticProps) {

if (protoProps) _defineProperties(Constructor.prototype, protpProps):
if (staticProps) _defineProperties(Constructor, staticProps);
return Constructor;

function _extends(){
extends =Object.assign || function (target) {
for (var i= 1;i< arguments.length; it+){
var source = arguments[i):
for (var key in source) {

if (0bject.prototype.hasOwnProperty.call(source, key) {
target[key] =source[keyl:
}})
return target;

return_extends.apply(this, arguments);

function_inheritsLoose(subClass, superClass) {
subClas.prototype =Object.create(superClass.prototype);
subClass.prototype.constructor =subClass;
subClass._proto = superClass;

var Util=function ($S$1) {

var transition = false;

var MAX_UID =1000000; // Shoutout AngusCroll(https://goo.gl/pxwQGp)

function toType(obj) {
return {).toString.call(obj).match(/\s([a-zA-Z)+\/)(1).tolowerCase():
}
function getSpecialTransitionEndEvent() {
return {
bindType: transition.end,
delegateType: transition.end,
handle: function handle(event) {
if ($$$1(event.target).is(this)) {
returnevent.handleObj.handler.apply(this, arguments); // eslint-disable-line prefer-rest
params

}
return undefined; l/ eslint-disable-line no-undefined

function transitionEndTest() {
if (typeof windowI=='undefined' && window.QUnit) {
return false;

return (
 end: 'transitionend'

function transitionEndEmulator(duration) {
var this = this;

var called false;

$$$1(this). one(Util.TRANSITION_END, function (){
called = true;

setTimeout(function (0{
if (!called) {
Util.triggerTransitionEnd(_this);

,duration);
return this;

function setTransitionEndSupport() {
transition = transitionEndTest();
$$$1.fn.emulateTransitionEnd =transitionEndEmulator;

if (Util.supportsTransition End()){
$$$1.event.special[Util.TRANSITION_END] =getSpecialTransitionEndEvent();

} }
function escapeld(selector) {

I/We escape IDs in case of special selectors (selector ='#myld:something')

| $.escapeSelector does not exist in jQuery <3
}else {
var activeElement =$$$1(rootElement).find(Selector.ACTIVE)[O];
if (activeElerment) {
$$$1(activeElement).removeClass(ClassName.ACTIVE);

if (triggerChangeEvent) {
 if (input.hasAttribute('disabled') || rootElement.hasAttribute('disabled') ||
input.classList. contains('disabled') || rootElement.classList.contains('disabled') {
return;

input.checked = I$$$1(this._element). hasClass(ClassName.ACTIVE);

S$$1(input).trigger('change');

input.focus();
addAriaPressed = false;

if (addAria Pressed) {
this. _element.setAttribute('aria-pressed', !$$$1(this. element).hasClass(ClassName.ACTIVE);

if (triggerChangeEvent) {
$$$i(this. _element). toggleClass(ClassName.ACTIVE):

proto.dispose = function dispose() {

$$$1.removeData(this. element, DATA_KEY);

this. _element = null;
}// Static
Button. jQueryinterface =function jQuerylinterface(config) {
return this.each(function () {
var data = $$$1(this).data(DATA_KEY);
if (ldata) {
data = new Button(this);

$$$1(this).data(DATA_KEY,data);

if(config ==='toggle') {
data[configl();
 createClass(Button, null, [{

key: "VERSION",
get: function get() {
return VERSION;

);
return Button;

):
$$$1(document).on(Event.CLICK_DATA_API, Selector. DATA_TOGGLE_CARROT, function (event) {

event.preventDefault();

var button = event.target;

if (!$$$1(button).hasClass(ClassName.BUTTON) {
button = $$$1(button).closest(Selector. BUTTON);

Button. jQueryinterface.call($$$1(button), 'toggle');

}).on(Event.FOCUS_BLUR_DATA_API, Selector.DATA_TOGGLE_CARROT, function (event) {

var button = $$$1(event.target).closest(Selector. BUTTON)[O];

$S$1(button).toggleClass(ClassName. FOCUS, /^focus(in) ?$/.test(event.type));

$$$1.fn[NAME] = Button. jQuerylnterface;

$$$1.fn[NAMEJ.Constructor = Button;
$$$1.fn[NAMEJ.noConflict =function () {
$$$1.fn[NAME] = JQUERY_NO_CONFLICT;
return Button. jQuerylnterface;

return Button;

XS):

var Default = {

interval: 5000,
keyboard: true,
slide: false,
pause: 'hover',

wrap: true

var DefaultType ={
interval: "(number|boolean)',
keyboard: 'boolean',

slide:'(boolean |string)',
pause:'(string| boolean)),
wrap: 'boolean'

var Direction = {
NEXT: 'next',

PREV: 'prev',
LEFT:'left',

RIGHT:'right'

var Event ={
SLIDE: "slide" + EVENT KEY,
SLID:"slid" + EVENT_KEY,
KEYDOWN: "keydown" + EVENT_KEY,:
MOUSEENTER: "mouseenter" + EVENT KEY,

MOUSELEAVE: "mouseleave" + EVENT KEY,

TOUCHEND: "touchend" + EVENT_ KEY,
LOAD_DATA_API: "load" + EVENT_ KEY + DATA_API_KEY,
CLICK_DATA API: "click" + EVENT_KEY + DATA_API_KEY

var ClassName = {

CAROUSEL: 'carousel',
ACTIVE: 'active',
 SLIDE: 'slide',
RIGHT: 'carousel-item-right',
LEFT: 'carousel-item-left',
NEXT: 'carousel-item-next',

PREV: 'carousel-item-prev',

ITEM: 'carousel-item'

var Selector ={
ACTIVE: '.active',
ACTIVE_ ITEM:".active.carousel-item',

ITEM: '.carousel-item',
NEXT PREV:'.carousel-item-next, .carousel-item-prev',
INDICATORS:".carousel-indicators',

DATA_SLIDE:'[data-slide], [data-slide-to],
DATA RIDE:'[data-ride="carousel"]"
var eventDirectionName;

if (direction === Direction.NEXT) {

directionalClassName = ClassName.LEFT;

orderClassName = ClassName.NEXT;

eventDirectionName = Direction.LEFT;

Jelse (

directionalClassName = ClassName.RlGHT;

orderClassName = ClassName.PREV;
eventDirectionName = Direction.RIGHT;

if (nextElement && $$$1(nextElement).hasClass(ClassName.ACTIVE) {

this._isSliding = false;
return;

var slideEvent =this. _triggerSlideEvent(nextElement, eventDirectionName);

 if (slideEvent.isDefaultPrevented() {

return;

if (lactiveElement | | InextElement) {
I/ Some weirdness is happening, so we bail

return;

this. _isSliding =true;

if (isCycling) {
this.pause();

this._setActivelndicatorElement(nextElement);
var slidEvent = $$$1.Event(Event.SLID, {

relatedTarget: nextElement,

direction: eventDirectionName,
from: activeElementindex,
to: nextElementlndex

});
if (Util.supportsTransitionEnd() && $$$1(this. _element).hasClass(ClassName.SLIDE) {
$$$1(nextElement).addClass(orderClassName);

Util.reflow(nextElement);
$$$1(activeElement).addClass(directionalClassName);
$$$1(nextElement).addClass(directionalClassName);
$$$1(activeElement).one(Util.TRANSITION _END, function () {
$$$1(nextElement).removeClass(directionalClassName +""+
orderClassName).addClass(ClassName.ACTIVE);
$$$1(activeElement).removeClass(ClassName.ACTIVE +"" + orderClassName +""+
directionalClassName);
this3._isSliding =false;
setTimeout(function (0{
return $$$1(_this3._element).trigger(slidEvent):
 ), O);
}).emulateTransitionEnd(TRANSITION_DURATION);

}else (

$$$1(activeElement).removeClass(ClassName.ACTIVE);
$$$1(nextElement).addClass(ClassName.ACTIVE);
this. isSliding =false;
$$$1(this._element).trigger(slidEvent);

if (isCycling) {
this.cycle():

}// Static
Carousel. jQueryinterface=function jQueryinterface(config) {
return this.each(function () {
var data =$$$1(this).data(DATA_KEY);
var_config=_extends(0, Default, $$$1(this).data();
if (typeof config === 'object") {
_config =_extends({), _config, config);

var action =typeof config === 'string'? config : _config.slide;

if (!data) {
data = new Carousel(this, _config);
$$$1(this).data(DATA_KEY,data);

if (typeof config === 'number') {

data.to(config);
}else if (typeof action ==='string') {
if (typeof data[action] ==='undefined') {
throw new TypeError("No method named \"" + action + "\"");

data<action]():
 }else if (_config.interval) {
data.pause);
data.cycle();

Carousel.dataApiClickHandler =function_dataApiClickHandler(event) {
var selector = Util.getSelectorFromElement(this);
if (Iselector) {
return;

var target =$$$1(selector)[0];

if (!target || I$$$1(target). hasClass(ClassName.CAROUSEL) {
return;

var config=_extends({), $$$1(target).data(), $$$1(this).data():

var slidelndex = this.getAttribute('data-slide-to');
if (slidelndex) {
config.interval = false;

Carousel. jQuerylnterface.cal($$$1(target), config);

if (slidelndex) {
$$$1(target).data(DATA_KEY).to(slidelndex);

event.preventDefault();

_createClass(Carousel, nul, ({
key: "VERSION",
get:function get() {
return VERSION;

}
 ),{
key: "Default",
get: function get(){
return Default:

1):
return Carousel;:

):
$$$1(document).on(Event.CLICK_DATA_API, Selector.DATA_SLIDE,
Carousel. _dataApiClickHandler);
$$$1(window).on(Event. LOAD_DATA _API, function (){
$$$1(Selector.DATA_RIDE).each(function (){
var ^carousel=$$$1(this);
title:",
delay: 0,
html: false,
selector: false,

placement: 'top',
offset: 0,
container: false,
fallbackPlacement: 'flip',

boundary: 'scrollParent'

var HoverState ={
SHOW: 'show',

OUT: 'out'

var Event =(
HIDE: "hide" + EVENT KEY,

HIDDEN: "hidden" + EVENT KEY,

SHOW: "show" + EVENT KEY,
 SHOWN: "shown" + EVENT KEY,
INSERTED: "inserted" + EVENT KEY,
CLICK: "click" + EVENT_KEY,
FOCUSIN: "focusin" + EVENT KEY,
FOCUSOUT: "focusout" +EVENT_KEY,
MOUSEENTER: "mouseenter" + EVENT KEY,
MOUSELEAVE: "mouseleave" + EVENT_ KEY

var ClassName ={
FADE: fade',
SHOW:'show'

var Selector ={

TOOLTIP:'.tooltip',
TOOLTIP_INNER:".tooltip-inner,
ARROW: ".arrow'

var Trigger ={
HOVER:'hover,
FOCUS: 'focus',

CLICK: 'click,
MANUAL: 'manual'

var Tooltip =

/*#_PURE__*/
function (0{
if (dropdownChild) {
$$$1(dropdownChild).removeClass(ClassName.ACTIVE):

if (active.getAttribute('role') === 'tab') (

active.setAttribute("aria-selected', false):
 }}
$$$1(element).addClass(ClassName.ACTIVE);
if (element.getAttribute('role')==='tab') {
element.setAttribute('aria-selected', true);

Util.reflow(element);
$$$1(element).addClass(ClassName.SHOW);
if (element.parentNode &&
$$$1(element.parentNode).hasClass(ClassName. DROPDOWN_MENU) {
var dropdownElement =$$$1(element).closest(Selector.DROPDOWN)[O];
if (dropdownElement) {
$$$1(dropdownElement).find(Selector.DROPDOWN_TOGGLE).addClass(ClassName.ACTIVE);

element.setAttribute('aria-expanded', true);

if (callback) {
callback);

;//Static
Tab. jQuerylnterface =function_jQuerylnterface(config) {
return this.each(function () {
var $this = $$$1(this);
var data = $this.data(DATA_KEY);
if (!data) {
data = new Tab(this);
$this.data(DATA_KEY, data);

if (typeof config === 'string') {

if (typeof data<config] ==='undefined') {
throw new TypeError("No method named \" +config +"\""):
 data(configl();

_createClass(Tab, null, ({
key: "VERSION",
get: function get() {
return VERSION;

return Tab;

):

$$$1(document).on(Event.CLICK_DATA_API, Selector.DATA _TOGGLE, function (event) {

event.preventDefault():
Tab. jQuerylnterface.call($$$1(this),'show');

$$$1.fn[NAME] =Tab. jQuerylnterface;

$$$1.fn[NAMEJ.Constructor =Tab;
$$$1.fn[NAMEJ.noConflict =function (){
$$$1.fn[NAME] =JQUERY_NO_CONFLICT;
return Tab. jQuerylnterface;

return Tab;

MS);
(function ($$$1) {
if (typeof $$$1 === 'undefined') {
throw new TypeError('Bootstrap\'s JavaScript requires jQuery. jQuery must be included before
Bootstrap\'s JavaScript. ):

var version =
$$$1.fn.jquery.split("')[0).split('.");
var minMajor = 1;
 var ItMajor = 2;

var minMinor = 9;

var minPatch = 1;

var maxMajor = 4;
if (version[0] < ItMajor && version[1] < minMinor || version[0] === minMajor && version[1] ===
minMinor && version[2] < minPatch | | version[o] >= maxMajor) {
throw new Error('Bootstrap\'s JavaScript requires at least jQuery v1.9.1 but less than v4.0.0');
}

})($);
exports.Util = Util;

exports.Alert = Alert:
exports.Button = Button;

exports.Carousel = Carousel;
exports.Collapse =Collapse;
exports.Dropdown = Dropdown;
exports.Modal = Modal:

exports.Popover = Popover;
exports.Scrollspy =ScrollSpy;
exports.Tab = Tab;
exports.Tooltip =Tooltip;
Object.definePropertylexports,'_esModule', {value: true });

/# sourceMappingURL=bootstrap.js.map

/*--Author: W3Layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--t/

body {
margin: 0;
font-family: 'Ubuntu', sans-serif;
background: #fff;
 Content

1. Acknowledgement

2. Introduction to Artificial Intelligence

3. History of Artificial Intelligence

4. Introduction of JavaScript

5. Historyof JavaScript

6. Introduction of Project

7. Code

8. Output

9. Conclusion

10.Bibliography
 body a,
.slider- info a {
transition: 0.55 all;
-webkit-transition: 0.55 all;
-moz-transition: 0.5s all;
-0-transition: 0.5s all;
-ms-transition: 0.5s all;
text-decoration: none;
outline: nonej

h1,
h2
h3,
h4,
h5,
h6
margin: 0;
font-family: 'Ubuntu', sans-serif;

p {
margin: 0;
color: #333;
font-size: lem;
line-height: 1.8;

ul f
margin: 0;
padding : 0;

ul {
list-style-type: none;

body a:hover
text-decoration: none;

body a:focus {
outline: none;
text -decoration: none;

.list-group-item {
 headerhl, #toTopHover (
header */ #toTop { h4.modal-title {
-moz-opacity:
alpha(opacity=0); 0;
opacity:0;
right;
float:
hidden;
filter: overflow:display:
block; width:
height:
32px; .modal-
1/bottom-to-top--*/ 32px; background: border:
text-indent:none;
1O0%; width:
32px;
height:
32px;
Z-index:
999;
overflow:
hidden;
right:
text-decoration:
bottom:
3%;24px;
position:
fixed;display:
none;none;letter-spacing:
font-weight:
bottom-to-top
--*/ 2px;
600;
font-size:
#cc2105 padding:
20px
color:24px;line-height: 0;color:
1.8em;
font-size:
#777;15px;
transparent;
background-
color:
body

p
{
url(../images/move-top.

png)
no-repeat

opx
Opx;
 line-height: 0;
}

, navbar-light {
padding: lem 5em;
width: auto;

.slider-info h3 {
font-size: 2.3em;

@media screen and (max-width: 568px) {

.slider-info h3 {
font-size: 1.8em;

.inner-banner {
min-height: 210px;

.navbar-light{
padding: lem lem;

.team-grid {
text-align: center;

.caption {
width: 60%;
left:113px;
.banner-text
padding: 20vw O 12vw;

(@media screen and (max-width: 480px)

.caption {
width: 71%;
left:69px;

.banner-top. pb-5 {
padding-bottom: 1em 1important;

Omedia screen and (max-width: 440px) {

a.navbar-brand i {
font-size: 1.5em;
 . caption{
width: 78%;
left:49px;

.timer {
font-size: 2.5em;

banner_bottom_left h4 {
font-size: 1.3em;

amedia screen and (max-width: 414px) {

.caption {
width: 83%;
left:36px;

@media screen and (max-width: 384px){

. inner-banner {
min-height: 160px;

.slider-info h3{
font-size: 1.5em;

.contact_grid right input [(type="submit"],.contact grid right

input[type="reset"]
padding: 14px 0;
width: 28%;

.caption {
width: 89%;
left:21px;

@media Screen and (max-width: 375px) {

.slider-info h3 {
font-size: 1,6em;
}

@media screen and (max -width: 320px) {

inner-banner{
min-height: 140px;

.slider-info h3 {
font-size: 1.3em;
 footer h3 {
font-size : 1.3em;

heading-agileinfo {
font-size: 30px;
letter-spacing:;

a.navbar-brand {
font-size: 0.7em;

.caption {
width: 87%;

.timer{
font-size: 2em;

.banner_bottom left h4 {
font-size: 1.2em;

figure.effect-layla figcaption: :before {

top: 10px;
right: 10px;
bottom: 10px;
left: 1øpx;

figure.effect-layla figcaption::after {
top: 10px;
ríght: 10px;
bottom: 10px;
left: 1øpx;

p.vam {
margin: lem 0 1em;

events-right h4 {
font-size: 19px;

/*--1/Responsive code */

-grid {
position: relative;
text-align: center;

/* Common style */
-gríd figure (
position: relative;
 overflow: hidden;
background: #3085a3;
text-align: center;

-grid figure img {

position: relative;
display: block;
min-height: 100%;
max-width: 100%;

.grid figure figcaption {

color: #fff;
text-transform: uppercase
font-size: 1.25em;
-webkit -backface-visibility: hidden
backface-visibility: hidden,

-grid figure figcaption, grid figure figcaption > a {

position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(32, 71, 129, 0.42);
-grid figure figcaption:hover {
background: rgba(22, 63, 124, 0.7);

/* Anchor wil1 cover the whole item by default */

/* For Some effects it will show as a button */
.grid figure figcaption > a{
Z-indexX: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;

-grid figure h2{

word-spacing: -0,15em;
font-weight: 300;

.grid figure h2 span {

font-weight: 800;
"grid figure h2,
.grid figure p {
margin: 0;
}

-grid figure p {
letter-spacing: 1px;
font-size: 68.5%;
color: #eee;
padding-top: lem;

/* Individual effects
 Output

Sign In

$lgndn

Figure 1: Login page for Admin Figure 2: Login page for Admin successful

Tsleachae
Creato Packac

haatv

Figure 3: Creating package Figure 4:Creating package successful

!!!!!

FigureS: manage booking approve or cancel Figure 6: manage booking approve or cancel
USER PART

Figure 7: user sign in Figurç 8: user sign in successful

Figure 9: user package booking Figure 10: user package booking successful

Figure I1: user package booking history

 Conclusion

This web application was successfully created and stored all the travel admin
tourism packages booking, creation managing and tour details into the database
using this application. The application was tested very well and the errors were
properly debugged. Testing also concluded that the performance of the system
is satisfactory. Allthe necessary output is generated. This system thus provides
an easy way to automate all the functionalitiés of consumption. If this
application is implemented in few consumption, it will be helpful. Further
enhancements can be made to the project, so that the website functions in a
very attractive and useful manner than the present one. It is concluded that the
application works well and satisfy the Amal Davies et al, International Journal of
Computer Science and Mobile Computing, The application is tested very well
and errors are properly debugged. It also acts as the sharing of files to the
valuable resources.
 Bibliography
1. www.msdn.microsoft.com

2. www.phpcity.com
3. www.phpgurukul.com

4. www.myproject.com
5. www.way3html.com
6. w3schools.com