Sistem Informasi Pemesanan Tiket Travel Berbasis Web (Studi Kasus : Aris Travel)
Lampiran Program
Index.php
<!DOCTYPE html> <html lang="en"> <head> <title>ARIS TRAVEL</title> <meta charset="utf-8"><link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="js/jquery-1.5.2.js" ></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script> <script type="text/javascript" src="js/Cabin_400.font.js"></script> <script type="text/javascript" src="js/tabs.js"></script> <script type="text/javascript" src="js/jquery.jqtransform.js" ></script> <script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script> <script type="text/javascript" src="js/atooltip.jquery.js"></script> <script type="text/javascript" src="js/script.js"></script> <!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<style type="text/css">.main, .tabs ul.nav a, .content, .button1, .box1, .top {
behavior:url("../js/PIE.htc")}</style> <![endif]--> </head> <body id="page1"> <div class="main"> <!--header --> <header> <div class="wrapper">
<h1><a href="index.html" id="logo">ARIS TRAVEL</a></h1>
(2)
<span id="slogan"><b>ARIS TRAVEL</b> <br>Booking Pesawat dan Hotel</span>
<nav id="top_nav"> <ul> <li><a href="login/index.html">Login</a></li> </ul> </nav> </div> <nav> <ul id="menu"> <li id="menu_active"><a href="index.html"><span><span>Beranda</span></span></a> </li> <li><a href="book.php"><span><span>Pesan Tiket</span></span></a></li> <li><a href="safety.php"><span><span>Laporan</span></span></a> </li> <li class="end"><a href="contacts.html"><span><span>Kontak</span></span></ a></li> </ul> </nav> </header>
<!-- / header --> <!--content -->
<section id="content">
<div class="wrapper pad1"> <article class="col2">
<h3 class="pad_top1">Selamat datang di ARIS TRAVEL</h3>
<div class="wrapper pad_bot2">
<figure class="left marg_right1">
<p><strong>ARIS TRAVEL</strong> adalah sebuah perusahaan yang bergerak dibidang pemesanan tiket
pesawat dan hotel. Dengan ARIS TRAVEL liburan anda akan menjadi mudah. Anda dapat mengisi form yang disediakan untuk memboking tiket pesawat. Pastikan data yang anda input benar. </p>
</div>
<div class="wrapper pad_bot2">
<figure class="left marg_right1"><img src="images/page5_img2.jpg" alt=""></figure>
<p><strong> Temukan tiket sesuai dengan kepuasan anda.</strong></p>
</div>
<div class="wrapper"> <a href="book.php" class="button1 right"><strong>Pesan
(3)
</article> </div> </section> <!--content end--> <!--footer --> <!--footer end--> </div> <script type="text/javascript">Cufon.now();</script> <script type="text/javascript">
$(document).ready(function () { tabs.init();
});
jQuery(document).ready(function ($) {
$('#form_1, #form_2, #form_3').jqTransform({ imgPath: 'jqtransformplugin/img/'
}); });
$(window).load(function () { $('#slider').nivoSlider({
effect: 'fade', //Specify sets like: 'fold,fade,sliceDown, sliceDownLeft, sliceUp, sliceUpLeft, sliceUpDown, sliceUpDownLeft' slices: 15,
animSpeed: 500, pauseTime: 6000,
startSlide: 0, //Set starting Slide (0 index) directionNav: false, //Next & Prev
directionNavHide: false, //Only show on hover controlNav: false, //1,2,3...
controlNavThumbs: false, //Use thumbnails for Control Nav
controlNavThumbsFromRel: false, //Use image rel for thumbs
controlNavThumbsSearch: '.jpg', //Replace this with...
controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
keyboardNav: true, //Use left & right arrows pauseOnHover: true, //Stop animation while hovering
manualAdvance: false, //Force manual transitions
captionOpacity: 1, //Universal caption opacity beforeChange: function () {},
afterChange: function () {},
slideshowEnd: function () {} //Triggers after all slides have been shown
});
(4)
</body> </html>
Style.css
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
display:block }
mark, rp, rt, ruby, summary, time { display:inline
}
/* Left & Right alignment */ .left { float:left } .right { float:right } .wrapper { width:100%; overflow:hidden } .relative { position:relative }
* +html .relative { position:static }
/* Global properties */ body {
background:url(../images/bg_img.jpg) top center no-repeat #000;
border:0;
font:13px Arial, Helvetica, sans-serif; color:#3a3a3a;
line-height:20px; min-width:980px; padding:10px 0 }
.ic, .ic a { border:0; float:right; background:#fff; color:#f00; width:50%; line-height:10px;
(5)
font-size:10px; margin:-220% 0 0 0; overflow:hidden; padding:0 } .css3 { border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
box-shadow:0 0 4px rgba(0, 0, 0, .4);
-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4); position:relative
}
/* Global Structure */ .main {
margin:0 auto; width:960px; padding:10px; background:#fff;
box-shadow:0 0 7px rgba(0, 0, 0, .2);
-moz-box-shadow:0 0 7px rgba(0, 0, 0, .2); -webkit-box-shadow:0 0 7px rgba(0, 0, 0, .2); position:relative
}
/* main layout */ a { color:#1d77e9; text-decoration:underline; outline:none } a:hover { text-decoration:none } h1 {
padding:27px 0 0 41px; float:left
} h2 {
font-size:20px; line-height:1.2em;
padding:12px 32px 16px 32px; margin-bottom:14px; background:#f7f7f7; position:relative; letter-spacing:-1px } h2.top {
(6)
-moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0 } h3 { font-size:30px; color:#000; line-height:1.2em; margin-top:-4px; letter-spacing:-1px; padding:0 0 21px 0 }
h3 span {
font-size:20px; color:#767676; line-height:1.2em; display:block; margin-top:-5px } h4 { font-size:20px; color:#000; line-height:1.2em; padding:0 0 14px 0; letter-spacing:-1px }
p {
padding-bottom:18px }
/* header */ header {
height:230px; width:100%;
overflow:hidden;
background:url(../images/bg_top.jpg) 0 0 no-repeat }
#logo {
display:block;
background:url(../images/logo.png) 0 0 no-repeat; width:120px; height:104px; text-indent:-9999px } #slogan { font-size:20px; line-height:1.2em; color:#fff; float:left;
padding:50px 0 0 18px; letter-spacing:-1px
(7)
}
#top_nav {
float:right;
padding:38px 56px 0 0 }
#top_nav li { float:left;
padding-left:25px; width:50px;
text-align:center }
#top_nav li a {
display:inline-block; padding-top:13px; color:#fff
}
.nav1 {
background:url(../images/login.png) center 0 no-repeat
}
.nav2 {
background:url(../images/img_top2.gif) center 0 no-repeat
}
.nav3 {
background:url(../images/Register.png) center 0 no-repeat
}
#menu {
padding:27px 0 0 42px }
#menu li {
float:left;
margin-left:-1px;
background:url(../images/menu_line.gif) bottom right no-repeat
}
#menu .end {
background:none }
#menu li a {
display:block; height:71px; font-size:26px; line-height:71px; color:#fff; text-decoration:none; letter-spacing:-1px }
(8)
#menu li a span { display:block }
#menu li a span span { padding:0 32px; margin:0 6px }
#menu li a:hover, #menu #menu_active a {
background:url(../images/menu_left.png) top left no-repeat;
color:#000 }
#menu li a:hover span, #menu #menu_active a span {
background:url(../images/menu_right.png) top right no-repeat
}
#menu li a:hover span span, #menu #menu_active a span span {
background:url(../images/menu_bg.gif) top repeat-x }
/* content */ #content { width:100%; overflow:hidden; padding-bottom:14px } .for_banners {
background:url(../images/bg_top_img.jpg) 0 0 no-repeat; width:100%; height:342px; padding-top:30px } .pad1 { padding:30px 0;
background:url(../images/bg_top2.jpg) 0 0 no-repeat
}
#page1 .pad1 {
background:none }
.pad {
padding:0 27px 0 32px } .pad_bot1 { padding-bottom:10px } .pad_bot2 { padding-bottom:15px
(9)
} .pad_bot3 { padding-bottom:32px } .pad_left1 { padding-left:31px } .pad_top1 { padding-top:11px } .marg_right1 { margin-right:31px }
/* tabs begin */ .tabs {
position:relative }
.tabs ul.nav {
position:absolute; top:0
}
.tabs ul.nav li { float:left;
padding-right:1px; width:95px
}
.tabs ul.nav .end { padding-right:0 }
.tabs ul.nav li a { color:#fff;
text-align:center; display:block;
background:url(../images/tabs.gif) 0 0 repeat-x #30c1fd;
line-height:42px; text-decoration:none;
border-radius:6px 6px 0 0;
-moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; box-shadow:0 0 3px #d0d0d0;
-moz-box-shadow:0 0 3px #d0d0d0; -webkit-box-shadow:0 0 3px #d0d0d0; position:relative;
overflow:hidden }
.tabs ul.nav li a:hover, .tabs ul.nav .selected a { color:#000;
(10)
background:url(../images/tabs_active.gif) top repeat-x #e7e6e6
}
.tabs .content {
background:#fff;
border-radius:0 0 6px 6px;
-moz-border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; box-shadow:0 0 3px #d0d0d0;
-moz-box-shadow:0 0 3px #d0d0d0; -webkit-box-shadow:0 0 3px #d0d0d0; position:relative;
padding:1px; top:40px;
padding-bottom:20px }
.tabs .tab-content { }
/* tabs end */ /* tabs begin */ .tabs2 {
position:relative }
.tabs2 ul.nav {
position:absolute; top:0
}
.tabs2 ul.nav li { float:left;
padding-right:1px; width:185px
}
.tabs2 ul.nav .end { padding-right:0 }
.tabs2 ul.nav li a { color:#fff;
text-align:center; display:block;
background:url(../images/tabs.gif) 0 0 repeat-x #30c1fd;
line-height:42px; text-decoration:none;
border-radius:6px 6px 0 0;
-moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; box-shadow:0 0 3px #d0d0d0;
-moz-box-shadow:0 0 3px #d0d0d0; -webkit-box-shadow:0 0 3px #d0d0d0;
(11)
position:relative; overflow:hidden }
.tabs2 ul.nav li a:hover, .tabs2 ul.nav .selected a { color:#000;
background:url(../images/tabs_active.gif) top repeat-x #e7e6e6
}
.tabs2 .content { background:#fff;
border-radius:0 0 6px 6px;
-moz-border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; box-shadow:0 0 3px #d0d0d0;
-moz-box-shadow:0 0 3px #d0d0d0; -webkit-box-shadow:0 0 3px #d0d0d0; position:relative;
padding:1px; top:40px;
padding-bottom:20px }
.tabs2 .tab-content { }
/* tabs end */
/* The Nivo Slider styles */ #slider { height:114px; overflow:hidden; width:561px !important; margin-top:200px; margin-left:40px; float:left } .nivoSlider { position:relative }
.nivoSlider img {
position:absolute; top:0px;
left:0px }
/* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink {
position:absolute; top:0px; left:0px; width:100%; height:100%; border:0;
(12)
padding:0; margin:0; z-index:60; display:none }
/* The slices in the Slider */ .nivo-slice { display:block; position:absolute; z-index:50; height:100% }
/* Tooltips */ .aToolTip {
border:1px solid #000;
background:url(../images/opacity_50_black.png) repeat; color:#fff; margin:0; padding:2px 10px; font-size:11px }
.aToolTip .aToolTipContent { position:relative; margin:0; padding:0 } .button1 { display:inline-block; font-size:13px; color:#fff; text-decoration:none; line-height:28px; height:30px; padding:0 19px;
background:url(../images/button_1.gif) 0 0px repeat-x #1d77e9; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:relative; cursor:pointer }
.button1 strong { display:block;
padding-right:16px;
background:url(../images/marker_2.gif) right 10px no-repeat
(13)
.button1:hover {
background:url(../images/button_active.gif) 0 0 repeat-x #e7e6e6
}
.button1:hover strong {
background:url(../images/marker_1.gif) right 10px no-repeat;
color:#1d77e9 }
.link1 {
padding-left:13px;
background:url(../images/marker_1.gif) 0 6px no-repeat; display:inline-block } .box1 { background:#fff; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; box-shadow:0 0 3px #d0d0d0;
-moz-box-shadow:0 0 3px #d0d0d0; -webkit-box-shadow:0 0 3px #d0d0d0; position:relative; padding:1px } .color1 { color:#7f7f7f }
.list1 li {
width:100%; overflow:hidden }
.list1 li a {
padding-left:11px;
background:url(../images/marker_1.gif) 0 4px no-repeat } .calendar { width:100%; overflow:hidden; font-size:12px; color:#000; line-height:18px; text-align:center; padding-bottom:4px }
.calendar .thead li { float:left;
(14)
width:27px;
padding-right:1px; padding-bottom:2px }
.calendar .tbody li { float:left;
padding-right:1px; width:27px;
padding-bottom:1px }
.calendar .tbody li a { display:block;
border:1px solid #e5e5e5; height:18px;
color:#000;
text-decoration:none }
.calendar .tbody li a.active { border:1px solid #1d77e9; background:#1d77e9;
color:#fff }
.calendar .tbody li a.selected { background:#cccccc;
border:1px solid #b7b7b7 } .box2 { background:#f7f7f7; padding:14px 32px; color:#000; margin-bottom:14px; font-size:12px } .box2.top {
border-radius:6px 6px 0 0;
-moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0 }
.box2 strong {
font-size:13px }
/* footer */ footer {
padding:33px 0 37px 70px;
background:url(../images/bg_footer.gif) top repeat-x #d7dce6;
font-size:12px; color:#3a3a3a }
(15)
footer a {
color:#1d77e9 }
footer a:hover { }
#icons {
float:left; padding-top:7px }
#icons li {
float:left; padding-right:9px } .links { padding-left:186px; width:310px; text-align:center; float:left }
/* forms */
.jqTransformInputWrapper { float:left;
width:auto !important }
.jqTransformInputWrapper div { float:left
}
/* Radios */
.jqTransformRadioWrapper { float:left; display:block; margin-right:7px; margin-top:4px } .jqTransformRadio { height:12px; width:12px; display:block; background:url(../images/radio.png); background-position:bottom/*display:-moz-inline-block;*/ } .jqTransformRadio.jqTransformChecked { background-position:top }
/* Checkbox */
.jqTransformCheckboxWrapper { float:left;
(16)
margin-right:7px; margin-top:4px } .jqTransformCheckbox { height:12px; width:12px; display:block; background:url(../images/check.gif); background-position:bottom/*display:-moz-inline-block;*/ } .jqTransformCheckbox.jqTransformChecked { background-position:top }
/* Selects */
.jqTransformSelectWrapper { position:relative
}
.jqTransformSelectWrapper div { float:left;
font:12px Arial, Helvetica, sans-serif; color:#7f7f7f; width:100px; display:block; position:relative; white-space:nowrap; height:19px; line-height:19px; overflow:hidden; cursor:pointer;
border:1px solid #e5e5e5; background:#fff
}
.jqTransformSelectWrapper div span { padding:0 0 0 7px;
display:block } a.jqTransformSelectOpen { display:block; position:absolute; top:0px; right:0px; width:17px; height:18px;
background:url(../images/select.gif) 4px 6px no-repeat
}
.jqTransformSelectWrapper ul { position:absolute;
(17)
top:20px; left:0px;
background:#fff;
border:1px solid #e5e5e5;
font:12px Arial, Helvetica, sans-serif; display:none;
z-index:10;
padding:5px 0 2px 0; height:50px;
overflow:auto; min-height:20px }
.jqTransformSelectWrapper ul a { display:block;
padding:0 7px;
text-decoration:none; color:#7f7f7f
}
.jqTransformSelectWrapper ul a.selected { color:#7f7f7f
}
.jqTransformSelectWrapper ul a:hover,
.jqTransformSelectWrapper ul a.selected:hover { color:#fff;
background:#1d77e9; }
/* Hidden - used to hide the original form elements */ .jqTransformHidden {
display:none }
#form_1 .right.relative { margin-top:9px;
margin-right:32px }
#form_1 .link1 {
margin-left:32px; margin-top:13px }
#form_1 .radio {
background:#f7f7f7; padding:14px 32px; margin-bottom:14px }
#form_1 .radio .left { width:88px;
padding-left:0 }
#form_1 .row {
(18)
width:100%; overflow:hidden }
#form_1 .left { width:64px;
padding-left:31px }
#form_1 .input, #form_1 .input1, #form_1 .input2 { background:#fff;
border:1px solid #e5e5e5;
font:12px Arial, Helvetica, sans-serif; color:#7f7f7f; float:left; padding:2px 7px; height:14px; width:142px !important }
#form_1 .input1 {
width:60px !important }
#form_1 .input2 {
width:11px !important }
#form_1 .col1 { width:100%; padding-left:0 }
#form_1 .marg_top1 { margin-top:12px }
#form_1 .pad_left1 { padding-left:9px }
#form_2 .radio {
background:#f7f7f7; padding:14px 32px; margin-bottom:14px }
#form_2 .left { width:64px;
padding-left:31px }
#form_2 .row {
min-height:25px; width:100%;
overflow:hidden }
#form_2 .input, #form_2 .input1, #form_2 .input2 { background:#fff;
(19)
border:1px solid #e5e5e5;
font:12px Arial, Helvetica, sans-serif; color:#7f7f7f; float:left; padding:2px 7px; height:14px; width:142px !important }
#form_2 .input1 {
width:60px !important }
#form_2 .input2 {
width:11px !important }
#form_2 .right.relative { margin-top:9px;
margin-right:32px }
#form_2 .link1 {
margin-left:32px; margin-top:13px }
#form_2 .pad_left1 { padding-left:9px }
#form_2 .help { float:left;
margin-left:5px; width:20px;
height:20px;
background:url(../images/help.gif) 0 0 no-repeat }
#form_3 .radio {
background:#f7f7f7; padding:14px 32px; margin-bottom:14px }
#form_3 .radio .left { width:88px;
padding-left:0 }
#form_3 .row {
min-height:25px; width:100%;
overflow:hidden }
#form_3 .row_select { min-height:25px; width:100%
(20)
}
#form_3 .left { width:94px;
padding-left:31px }
#form_3 .input, #form_3 .input1, #form_3 .input2 { background:#fff;
border:1px solid #e5e5e5;
font:12px Arial, Helvetica, sans-serif; color:#7f7f7f; float:left; padding:2px 7px; height:14px; width:112px !important }
#form_3 .input1 {
width:60px !important }
#form_3 .input2 {
width:31px !important; margin-left:5px
}
#form_3 .jqTransformSelectWrapper { float:left;
width:128px !important }
#form_3 .jqTransformSelectWrapper span { float:left;
width:119px !important }
#form_3 .pad_left1 { padding-left:32px }
#form_3 .select1 { height:30px }
#form_3 .select1 .jqTransformSelectWrapper { float:left;
width:221px !important }
#form_3 .select1 .jqTransformSelectWrapper span { float:left;
width:212px !important }
#form_3 .right.relative { margin-top:9px;
margin-right:32px }
(21)
padding-top:1px; padding-bottom:19px }
#form_4 .right.relative { margin-top:9px;
margin-right:32px }
#form_4 .link1 {
margin-left:32px; margin-top:13px }
#form_4 .row {
min-height:25px; width:100%;
overflow:hidden }
#form_4 .left { width:95px;
padding-left:31px }
#form_4 .input, #form_4 .input1, #form_4 .input2 { background:#fff;
border:1px solid #e5e5e5;
font:12px Arial, Helvetica, sans-serif; color:#7f7f7f; float:left; padding:2px 7px; height:14px; width:111px !important }
#form_4 .input1 {
width:60px !important }
#form_4 .input2 {
width:11px !important }
#form_4 .col1 { width:177px; padding-left:0 }
#form_4 .marg_top1 { margin-top:12px }
#form_4 .pad_left1 { padding-left:9px }
.form_5 .right.relative { margin-top:16px; margin-right:4px
(22)
}
.form_5 .link1 {
margin-left:32px; margin-top:13px }
.form_5 .radio {
background:#f7f7f7; padding:14px 32px; margin-bottom:14px }
.form_5 .radio .left { width:108px;
padding-left:0 }
.form_5 .row {
min-height:25px; width:100%;
overflow:hidden }
.form_5 .left { width:74px }
.form_5 .input, .form_5 .input1, .form_5 .input2 { background:#fff;
border:1px solid #e5e5e5;
font:12px Arial, Helvetica, sans-serif; color:#7f7f7f; float:left; padding:2px 7px; height:14px; width:112px !important }
.form_5 .input1 {
width:60px !important; margin-right:6px
}
.form_5 .input2 {
width:11px !important }
.form_5 .col1 { width:247px; padding-left:0 }
.form_5 .check_box { padding-left:20px; float:left;
padding-top:25px }
(23)
float:left }
.form_5 .marg_top1 { margin-top:5px }
.form_5 .pad_left1 { padding-left:9px }
.form_5 .help { float:left;
margin-left:5px; width:20px;
height:20px;
background:url(../images/help.gif) 0 0 no-repeat }
.form_5 .under {
border-bottom:1px solid #f2f2f2; padding-bottom:14px;
margin-bottom:13px }
.form_5 .cols { width:196px }
.form_5 .marg_right1 { margin-right:27px }
.form_5 h6 {
line-height:23px; padding-left:32px;
background:url(../images/marker_3.gif) 0 0 no-repeat;
font-weight:normal; padding-bottom:18px }
.form_5 h5 {
line-height:23px; padding-left:32px;
background:url(../images/marker_4.gif) 0 0 no-repeat;
font-weight:normal; padding-bottom:18px }
.form_5 .marker_left { float:left;
background:url(../images/marker_left.gif) 0 0 no-repeat;
width:20px; height:20px;
(24)
}
.form_5 .marker_right { float:left;
background:url(../images/marker_right.gif) 0 0 no-repeat;
width:20px; height:20px; margin-left:17px }
.form_5 .select1 { height:25px }
.form_5 .select1 .jqTransformSelectWrapper { float:left;
width:121px !important }
.form_5 .select1 .jqTransformSelectWrapper span { float:left;
width:112px !important }
.form_5 .cols .left { width:49px;
padding-left:9px }
.form_5 .cols .select1 { height:25px
}
.form_5 .cols .select1 .left { width:45px;
padding-left:0px }
#form_8 .col2 { width:100%; padding-left:0 }
#form_8 .col2 .left { width:55px;
padding-left:9px }
#form_8 .pad_bot2 {
padding-bottom:20px }
#form_8 .markers {
padding:14px 0 5px 0; width:100%;
overflow:hidden }
#form_8 .markers span { float:left;
(25)
padding:0 13px 0 9px; font-size:12px
}
#form_8 .markers span.end { padding-right:0
}
#form_8 .markers strong { float:left;
width:18px; height:18px;
border:1px solid #e5e5e5 }
#form_8 .markers strong.active { background:#1d77e9;
border:1px solid #1d77e9 }
#form_8 .markers strong.selected { background:#ccc;
border:1px solid #b7b7b7 } #form_8 { padding-bottom:23px } #ContactForm { padding-top:3px }
#ContactForm span { width:65px; float:left }
#ContactForm .wrapper { min-height:25px }
#ContactForm .textarea_box { min-height:470px; padding-bottom:6px; width:100%; overflow:hidden } #ContactForm { }
#ContactForm a {
margin-left:10px; float:right
}
#ContactForm .input { float:left;
width:219px; background:#fff;
(26)
border:1px solid #e5e5e5;
font:12px Arial, Helvetica, sans-serif; color:#7f7f7f;
float:left;
padding:2px 7px; height:14px
}
#ContactForm textarea { overflow:auto; width:479px; background:#fff;
border:1px solid #e5e5e5;
font:12px Arial, Helvetica, sans-serif; color:#7f7f7f;
float:left;
padding:2px 7px; height:457px; margin:0; float:left }
Index.js
// Toggle Function
$('.toggle').click(function(){ // Switches the Icon
$(this).children('i').toggleClass('fa-pencil'); // Switches the forms
$('.form').animate({ height: "toggle",
'padding-top': 'toggle', 'padding-bottom': 'toggle', opacity: "toggle"
}, "slow"); });
Login/index.html
<!DOCTYPE html> <html ><head>
<meta charset="UTF-8"> <title>ARIS TRAVEL</title>
<link rel="stylesheet" href="css/reset.css"> <link rel='stylesheet prefetch'
href='http://fonts.googleapis.com/css?family=Roboto:400 ,100,300,500,700,900|RobotoDraft:400,100,300,500,700,90 0'>
(27)
<link rel='stylesheet prefetch'
href='http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css'>
<link rel="stylesheet" href="css/style.css"> </head>
<body>
<!-- Form Mixin--> <!-- Input Mixin--> <!-- Button Mixin--> <!-- Pen Title-->
<div class="pen-title"> <h1>ARIS TRAVEL</h1> </div>
<!-- Form Module-->
<div class="module form-module">
<div class="toggle"><i class="fa times fa-pencil"></i>
</div>
<div class="form">
<h2>Login to your account</h2> <form>
<input type="text" placeholder="Username"/> <input type="password" placeholder="Password"/> <button>Login</button>
</form> </div>
<div class="form">
<h2>Create an account</h2> <form>
<input type="text" placeholder="Username"/> <input type="password" placeholder="Password"/> <input type="email" placeholder="Email Address"/> <input type="tel" placeholder="Phone Number"/> <button>Register</button>
</form> </div>
<div class="cta"><a>Forgot your password?</a></div> </div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3 /jquery.min.js'></script> <script src="js/index.js"></script> </body> </html>
Login-user/index.html
<!DOCTYPE html> <html > <head>(28)
<meta charset="UTF-8"> <title>ARIS TRAVEL</title>
<link rel="stylesheet" href="css/reset.css"> <link rel='stylesheet prefetch'
href='http://fonts.googleapis.com/css?family=Roboto:400 ,100,300,500,700,900|RobotoDraft:400,100,300,500,700,90 0'>
<link rel='stylesheet prefetch'
href='http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css'>
<link rel="stylesheet" href="css/style.css"> </head>
<body>
<!-- Form Mixin--> <!-- Input Mixin--> <!-- Button Mixin--> <!-- Pen Title-->
<div class="pen-title"> <h1>ARIS TRAVEL</h1> </div>
<!-- Form Module-->
<div class="module form-module">
<div class="toggle"><i class="fa times fa-pencil"></i>
</div>
<div class="form">
<h2>Login to your account</h2>
<form method="POST" action="../proses/login.php"> <input type="text" placeholder="Username"
name="username"/>
<input type="password" placeholder="Password" name="password"/>
<button>Login</button> </form>
</div>
<div class="form">
<h2>Create an account</h2>
<form method="POST" action="../proses/reg.php"> <input type="text" placeholder="Username"/> <input type="password" placeholder="Password"/> <input type="email" placeholder="Email Address"/> <input type="tel" placeholder="Phone Number"/> <button>Register</button>
</form> </div>
<div class="cta"><a>Forgot your password?</a></div> </div>
(29)
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3 /jquery.min.js'></script> <script src="js/index.js"></script> </body> </html>
Config.php
<?php$con = mysqli_connect("localhost", "root", "", "pakpaulus");
?>
Proses/login.php
<?phpinclude "config.php";
function anti_injection($anti){$filter =
stripslashes(strip_tags(htmlspecialchars($anti,ENT_QUOT ES))); return $filter;}
if(!empty($_POST['username']) AND !empty($_POST['password']) ){
$username = anti_injection($_POST['username']); $password =
anti_injection(md5($_POST['password']));
$login = mysqli_query($con, "SELECT * FROM user WHERE namauser='$username' AND password='$password'");
$found = mysqli_num_rows($login); $r = mysqli_fetch_array($login); if ($found > 0){
session_start();
$_SESSION['aris'] = $r['iduser']; header("location:../book.php"); }
else{
echo "<script>alert('Maaf, sepertinya anda salah memasukkan username atau password anda');
history.go(-1);</script>";
/* window.location = '../admin-login.php' */ }
} else{
echo "<script>alert('Maaf, sepertinya anda salah memasukkan username atau password anda'); history.go(-1);</script>";
} ?>
(30)
<?php
include "config.php";
if(!empty($_POST['nama']) AND !empty($_POST['ci']) AND !empty($_POST['co']) AND !empty($_POST['hotel']) ){
$nama = $_POST['nama']; $ci = $_POST['ci']; $co = $_POST['co'];
$hotel = $_POST['hotel'];
$add=mysqli_query($con, "insert into orderhotel values('', '$nama', '$hotel', '$ci', '$co' )");
if($add){
echo"<script>alert('Order Hotel Anda Berhasil !');window.location.href = '../safety.php';</script>";
} else{
echo"<script>alert('Maaf, Gagal Melakukan Pemesanan Hotel !');history.go(-1);</script>";
} }
else{
echo"<script>alert('Kosong! Gagal Melakukan Pemesanan Hotel !');history.go(-1);</script>";
} ?>
Proses/pesan-pesawat.php
<?php include "config.php"; if(!empty($_POST['nama']) AND!empty($_POST['pesawat']) AND !empty($_POST['jumlah']) AND !empty($_POST['kelamin']) AND
!empty($_POST['nohp']) ){ $nama = $_POST['nama'];
$pesawat = $_POST['pesawat']; $jumlah = $_POST['jumlah']; $kelamin = $_POST['kelamin']; $nohp = $_POST['nohp'];
$add=mysqli_query($con, "insert into orderpesawat values('', '$pesawat', '$jumlah', '$nama', '$kelamin', '$nohp' )");
if($add){
echo"<script>alert('Order Anda Berhasil
!');window.location.href = '../safety.php';</script>"; }
else{
echo"<script>alert('Maaf, Gagal Melakukan Pemesanan Tiket Pesawat !');history.go(-1);</script>";
(31)
}
else{
echo"<script>alert('Kosong! Gagal Melakukan Pemesanan Tiket Pesawat !');history.go(-1);</script>";
} ?>
Contak.html
<!DOCTYPE html> <html lang="en"> <head><title>ARIS TRAVEL | Kontak</title> <meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="js/jquery-1.5.2.js" ></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script> <script type="text/javascript" src="js/Cabin_400.font.js"></script> <script type="text/javascript" src="js/tabs.js"></script> <script type="text/javascript" src="js/jquery.jqtransform.js" ></script> <script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script> <script type="text/javascript" src="js/atooltip.jquery.js"></script> <script type="text/javascript" src="js/script.js"></script> </head> <body id="page6"> <div class="main"> <!--header --> <header> <div class="wrapper">
<h1><a href="index.html" id="logo">ARIS TRAVEL</a></h1>
<span id="slogan"><b>ARIS TRAVEL</b> <br>Booking Pesawat dan Hotel</span>
<nav id="top_nav"> <ul>
(32)
<li><a href="login/index.html">Login</a></li> </ul> </nav> </div> <nav> <ul id="menu"> <li ><a href="index.html"><span><span>Beranda</span></span></a> </li> <li><a href="book.php"><span><span>Pesan Tiket</span></span></a></li> <li><a href="safety.php"><span><span>Laporan</span></span></a> </li> <li id="menu_active"><a href="contacts.html"><span><span>Kontak</span></span></ a></li> </ul> </nav> </header>
<!-- / header --> <!--content -->
<section id="content">
<div class="wrapper pad1"> <article class="col1"> <div class="box1">
<h2 class="top">Kontak Kami</h2> <div class="pad">
<div class="wrapper pad_bot1"> <p class="cols
pad_bot2"><strong>Negara:<br> Kota:<br> Alamat:<br>
Email:</strong></p>
<p class="color1 pad_bot2">Indonesia<br> Medan<br>
Jalan Pasar III Pancing<br> <a href="#">[email protected]</a></p> </div> </div> </article> <article class="col2">
<h3 class="pad_top1">Kritik dan Saran</h3> <form id="ContactForm" action="#">
<div>
<div class="wrapper"> <span>Nama:</span> <input type="text" class="input" >
(33)
DAFTAR PUSTAKA
Sholiq. 2006. Pemodelan Sistem Informasi Berorientasi Objek dengan UML. Graha Ilmu: Yogyakarta.
Supriyanto, A. 2007. Web dengan HTML dan XML Edisi Pertama. Graha Ilmu: Yogyakarta.
Berha, Sidik, Ir. 2007. Pemrograman Web dengan HTML.Bandung:Informatika Bandung
Kadir, Abdul. 2003. Dasar Pemrograman Web Dinamis Menggunakan PHP. Yogyakarta:Andi
Madcoms. 2008. Membuat Desain Web Untuk Pemula. Yogakarta : Andi yogyakarta
(34)
BAB 3
PERANCANGAN SISTEM
3.1 Perancangan Sistem
Perancangan sistem adalah tahap setelah analisis dari siklus pengembangan sistem, pendefenisia dari kebutuhan-kebutuhan fungsional persiapan untuk rancangan bangun implementasi mengambarkan bagaimana suatu sistem dibenntuk yang dapat berupa penggambaran, perencanaan dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah kedalam satu kesatuan yang utuh dan berfungsi termasuk mengkonfigurasi perangkat lunak dan perangkat keras dari suatu sistem.
3.2 Metode Pengembangan Sistem
Dalam pembuatan Tugas Akhir ini, penulis menggunakan metode Fabbri dan Schwan yang terdiri dari :
1. Studi Kelayakan
Studi kelayakan bertujuan untuk mengidentifikasikan apakah sistem informasi yang akan dibuat sesuai dengan kebutuhan.
2. Rencana Pendahhuluan
Rencana pendahuluan bertujuan untuk menentukan lingkup sistem yang akan ditangani.
(35)
Penguraian dari suatu sistem informasi yang utuh kedalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahan-permasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikan.
4. Perancangan Sistem
Fendefenisian dari kebutuhan-kebutuhan fungsional, persiapan untuk rancangan bangunan dan implementasi, mengambarkan bagaimana suautu sistem dibentuk serta mengkonfigurasi komponen-komponen perangkat lunak dan perangkat keras dari suatu sistem.
5. Implementasi Sistem
Tahap untuk meletakan sistem supaya siap dijalankan
3.3 Hasil Perancangan 3.3.1 Bagan Berjenjang
Bagan berjenjang dapat dijadikan pedoman untuk perancangan selanjutnya, karena berisi semua proses yang ada pada perangkat lunak yang dirancang ini.
3.3.2 Data Flow Diagram (DFD)
Data Flow Diagram (DFD) adalah suatu diagram yang menggunakan notasi-notasi untuk menggambarkan arus dari data pada suatu sistem, yang penggunaannya sangat membantu untuk memahami sistem secara logika, tersruktur dan jelas.
Data Flow Diagram (DFD) adalah alat pembuatan model yang memungkinkan profesional sistem untuk menggambarkan sistem sebagai suatu
(36)
jaringan proses fungsional yang dihubungkan satu sama lain dengan alur data, baik secara manual maupun komputerisasi. DFD ini sering disebut juga dengan nama Bubble chart, Bubble diagram, model proses, diagram alur kerja, atau model fungsi.
DFD ini adalah salah satu alat pembuatan model yang sering digunakan, khususnya bila fungsi-fungsi sistem merupakan bagian yang lebih penting dan kompleks dari pada data yang dimanipulasi oleh sistem. Dengan kata lain, DFD adalah alat pembuatan model yang memberikan penekanan hanya pada fungsi sistem. DFD ini merupakan alat perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa maupun rancangan sistem yang mudah dikomunikasikan oleh profesional sistem kepada pemakai maupun pembuat program.
DFD merupakan alat bantu dalam menggambarkan atau menjelaskan sistem yang sedang berjalan logis.
a. Kesatuan Luar
Merupakan kesatuan lingkungan di luar sistem yang dapat berupa orang, organisasi atau sistem lainnya yang berada dilingkungan luarnya yang akan memberikan input atau menerima output dari sistem b. Arus Data
Arus data ini mengalir diantara proses, simpanan data dan kesatuan luar. Arus data ini menunjukkan arus dari data yang dapat berupa masukan untuk sistem atau hasil dari proses sistem. Arus data ini ditunjukkan dengan simbol panah.
(37)
c. Proses
Suatu proses adalah kegiatan atau kerja yang dilakukan oleh orang, mesin atau komputer dari hasil suatu arus data yang masuk kedalam proses untuk menghasilkan arus data yang akan keluar dari proses. d. Simpan data
Simpanan data merupakan simpanan data yang dapat berupa: 1. Suatu file atau database di sistem komputer
2. Suatu arsip atau catatan manual
3. Suatu kotak tempat data di meja seseorang 4. Suatu tabel acuan manual
5. Suatu agenda atau buku
3.3.3 Diagram Alir (Flowchart)
Flowchat atau diagram alir merupakan sebuah diagram dengan simbol-simbol grafis yang menyatakan alir algoritma atau proses yang menampilkan langkah-langkah yang disimbolkan dalam bentuk kotak, beserta urutannya dengan menghubungkan masing-masing langkah tersebut menggunakan tanda panah. Diagram ini bisa memberi solusi selangkah demi selangkah untuk menyelesaikan masalah yang ada didalam proses atau algoritma tersebut .
Tujuan utama penggunaan flowchart adalah untuk menyerderhanakan rangkaian proses atau prosedur untuk memudahkan pemahaman penggunaan terhadap informasi tersebut. Oleh karena itu, design sebuah flowchat harus ringkas, jelas, dan logis.
(38)
3.3.3.1 Flowchart Menu Utama
(39)
3.3.3.2 Flowchart Administrator
(40)
3.3.4 Perancangan Database
Desain database dari sistem ini terdiri dari empat tabel. Berikut adalah tabel-tabel dalam sistem tersebut:
Tabel 3.1 Tabel Admin
Field Name Type Field Size Keterangan
Id_admin Int 4 Id Admin
Username Text 30 Username Admin
password Text 20 Password Admin
Tabel 3.2 Tabel Hotel
Name Type Field Size Keterangan
Id_Hotel Int 4 Id_Hotel
Nama Hotel Text 30 Nama_Hotel
Daerah Hotel Text 30 Daerah_Hotel
(41)
Tabel 3.3 Tabel Pesawat
Name Type Field Size Keterangan
Id_Pesawat Int 4 Id_Pesawat
Nama Pesawat Text 30 Nama_Pesawat
Daerah Asal Text 30 Daerah_Asal
Daerah Tujuan Text 30 Daerah_Tujuan
Tanggal Berangkat Text 25 Tanggal_berangkat
Biaya Text 12 Biaya_Pesawat
3.4 Rancangan Antarmuka (Interface)
Rancangan antarmuka dari sistem ini digabu menjadi tiga bagian yaitu kepala (header), bagian isi (content), bagian kaki (footer). Bagian kepala terdiri dari Judul dan menu. Bagian sis terdiri dari submenu dan penjelasan dari menu yang terletak pada bagian kepala. Bagian kaki terdiri dari link data pembuat sistem ini.
3.5 Algoritma
Algoritma merupakan langkah-lagkah atau urutan tahap dan spesifik dari suatu masalah. Algoritma digunakan untuk menganalisan dan menjelaskan suatu urutan dan hubungan antara kegiatan-kegiatan yang akan ditempuh. Selain itu algoritma juga berfungsi untuk menyelesaikan suatu masalah sehingga tercapai suatu tujuan. Berikut ini merupakan algoritma yang menjadi inti dari perancangan sistem yaitu : Langkah 1 : Tampilkan halaman index.php lalu klik salah satu menu yang
(42)
a. Beranda b. Pesan Tiket c. Laporan d. Kontak
Langkah 2 : Klik menu Beranda, maka akan ditampilkan tentang Aris Travel dan terdapat link Pesan Sekarang
Langkah 3 : Klik menu Pesan Tiket
Maka akan ditampilkan info tentang pemesanan tiket (keberangkatan dari, ke dan jam terbang )
Langkah 4 : Klik menu Laporan
Maka akan ditampilkan info tentang aporan yang telah diterima. Langkah 5: Klik menu Kontak
Maka akan ditampilkan info kontak yang dapat dihubungi beserta saran dan komentar.
(43)
BAB 4
IMPLEMENTASI SISTEM
4.1 Implementasi Sistem
Implementasi sistem adalah prosedur yang dilakukan untuk menyelesaikan desain yang ada dalam dokumen, desain sistem yang disetujui dan mennguji, mengintal,dan memulai serta menggunakan sistem yang baru atau sistem yang diperbaiki. Penggunaan suatu sistem untuk pemecahan masakah membutuhkan suatu sistem yang baik sehingga memungkinkan berhasilnya komputer dalam melaksanakan tugasnya, yaitu mengolah data menjadi informasi.
Pada tahap inilah seluruh hasil desain dituangkan ke dalam bahasa pemprograman tertentu untuk menghasilkan sebuah sistem informasi tertulis, tahapan implementasi harus dapat menentukan basis apa yang akan diterapkan dalam menuangkan desain tertulis sehingga sistem yang dibentuk memiliki kelebihan-kelebihan tersendiri.
4.2 Tujuan Implementasi Sistem
Dalam merealisasikan desain perancangan pemesanan tiiket travel ini harus dipikirkan spesifikasi perangkat keras (hardware) dan perangkat lunak (software) yang sesuai sehingga menghasilkan sebuah pengelolahan informasi yang efesien, cepat diketahui kendala dari sistem yang ada dan telah sesuai dengan apa yang
(44)
diinginkan. Adapun tujuan dari implementasi yang ada dalam dokumen desain sistem adalah :
a. Menyelesaikan desain sistem yang ada dalam dokumen desain yang disetujui.
b. Menulis, menguji dan mendokuntasikan program-program dan prosedur-prosedur yang dilakukan oleh dokumen desain sistem yang disetujui.
c. Memastikan bahwa pemakai (user) dapat mengoperasikan sistem baru dan melatih pemakai.
d. Memperhitungkan bahwa sistem memenuhi permintaan yaitu dengan menguji sistem secara menyeluruh.
e. Memastikan bahwa ke sistem yang baru berjalan yaitu dengan membuat rencana, mengontrol dan melakukan instalansi dengan benar.
4.3 Komponen Utama dalam Implementasi Sistem
Dalam pembuatan program sistem informasi dan data lain yang sudah dirancang membutuhkan perangkat keras, perangkat lunak, dan perangkat operator. Adapun perangkat keras, perangkat lunak, dan perangkat operator yang dibutuhkan sebagai berikut :
(45)
4.3.1 Perangkat Keras
Hardware merupakan seluruh komponen peralatan yang membentuk suatu sistem komputer, dan peralatan lain yang memungkinkan komputer dapat melaksanakan tugasnya. Dalam pembuatan perancangan pemesanan btiket travel ini, penulis menggunakan komputer (nootbook) dengan spesifikasi sebagai berikut :
1. Processor Intel(R) Celeron (R) CPU N2840 22.16hz
2. Operating System Windows 8.1 Single Language With Bing 64-bit 3. Memory 2048MB RAM
4. Monitor Generic PnP Monitor 5. Keyboard
6. Modem dan jaringan wi-fi 7. Dan lain-lain
4.3.2 Perangkat Lunak
Perangkat lunak (software) adalah sekumpulan intruksi yang memungkinkan perangkat keras dapat memproses data. Perangkat lunak ini tidak dapat berbentuk fisik, melainkan berupa program yang diciptakan melalui perangkat elektronik. Dalam perangkat lunak dikenal dengan apa yang disebut sistem operasi dan program aplikasi. Perangkat lunak yang penulis gunakan dalam perancangan objek wisata tanah karo ini antara lain :
1. Sistem Operasi Windows 8.1 2. Xampp
3. Mysql sebagai penggelolah database 4. Sublime text
(46)
4.3.3 Pengguna (Brainware)
Brainware adalah manusia yang terlibat dala mengoperasikan serta mengatur sistem didalam komputer. Brainware termasuk bagian penting dari sebuah sistem komputer. Hardware tidak dapat bekerja tanpa adannya sofware, sedangkan sofware dan hardware tidak dapat bekerja tanpa adanya brainware.
4.4 Pemelihara Sistem
Diperlukan pemeliharaan sistem agar sistem tersebut dapat berjalan sebagaimana mestinya. Adapun tujuan dari pemeliharaan sistem ini adalah sebagai berikut: 1. Mencegah terjadinya kelainan sistem yang dapat mendatangkan masalah baru. 2. Menggantikan pemeliharaan sistem dengan survei sistem jika modifikasi yang
(47)
4.5 Demonstrasi Program 4.5.1 Tampilan Halaman Website
Gambar 4.1 Halaman Utama
(48)
(49)
BAB 5
KESIMPULAN DAN SARAN
5.1 Kesimpulan
Berdasarkan hasil pembahasan dari bab-bab sebelumnya, maka pada bab ini yang merupakan bab terakhir dari tugas akhir ini, penulis akan mencoba menarik kesimpulan dari penguraian tersebut:
1. Dengan menggunakan bahasa pemrograman PHP dan dqatabase Mysql maka website pemesanan tiket travel dapat dirancang.
2. Dengan adanya website pemesanan tiket ini dapat menambah wawasan tentang cara mudah untuk memesan tiket seca online agar dapat lebih dikembangkan dan dipromosikan kepada masyarakat luas.
3. Hak akses yang ada pada sistem ini menjadikan administrator yang memiliki hak akses penuh terhadap sistem dan juga dapat melihat pengaturan serta dapat mengubah data sistem.
4. Sistem pemesanan tiket berbasis web yang dirancang dapat memudahkan operator dalam memonitoring jadwal keberangkatan dengan jumlah ketersediaan kursi yang masih kosong, melakukan pencarian data penumpang, melihat detail pemesanan, dan mengupdate data penumpang. 5. Sistem pemesanan tiket berbasis web yang dirangcang dapat mengelola
pembuat jadwal, dengan menggunakan database sebagai media penyimpanannya, sehingga kesalahan jadwal keberangkatan travel dapat diminimalisir.
(50)
5.2 Saran
Dalam sub bab terakhir ini penulis ingin memberikan saran dengan harapan dapat memberikan masukan bagi pihak yang akan mengembangkan website pemesanan tiket travel ini kedepannya yaitu:
1. Sebuah sistem informasi agar dapat berkembang dengan cepat dan akurat juga harus dapat diakses melalui setiap perangkat yang mampu terhubug ke internet.
2. Untuk menjadikan perangkat lunak pemesanan tiket travel ini dapat bekerja lebih maksimal, maka diharapkan kedepannya dibuatkan fungsi untuk membuat laporan penjualan tike, baik laporan penjualan tiket harian maupun lapotan penjualan tiket bulanan.
3. Untuk meningkatkan pelayanan kepada penumpang dalam melakukakn reservasi tiket, maka diharapkan untuk kedepannya dibuatkan pemesanan tiket online, agar memudahkan calon penumpang dalam pemesanan tiket, sehingga calon penumpang tidak perlu antri lagi.
(51)
BAB 2
LANDASAN TEORI
2.1 Defenisi Sistem
Sistem adalah sekumpulan unsur atau elemen yang saling berkaitan serta saling mempengaruhi dalam melakukan kegiatan bersama untuk mencapai suatu tujuan. Model umum sebuah sistem biasanya terdiri dari masukan, proses dan keluaran yang dilakukan secara beraturan. Masukan itu sendiri dapat berupa sesuatu yang mempunyai wujud dan dampak yang berpengaruh terhadap sistem tersebut, sedangkan proses itu sendiri adalah suatu bentuk atau format yang diinginkan atau atribut dari yang dihasilkan.
Definisi sistem menurut dari Jogiyanto (2005:2) dalam buku yang berjudul Analisis dan Desain Sistem Informasi menjelaskan bahwa: “sistem adalah kumpulan dari elemen-elemen yang berinteraksi untuk mencapai suatu tujuan-tujuan tertentu”.
Davis (1992:67) Sistem adalah himpunan sesuatu “benda” nyata atau abstrak yang terdiri dari bagian atau komponen yang saling berkaitan, berhubungan ketergantungan, dan saling mendukung, yang secara keseluruhan bersatu dalam satu kesatuan (unity) untuk mencapai tujuan tertentu secara efisien dan efektif.
(52)
2.2 Defenisi Informasi
Informasi dapat diperoleh dari sistem informasi (Information System) atau disebut juga dengan Processing Systems atau Information Generating Systems. Menurut Robert A. Leitch dan K. Roscoe Davis, Sistem Informasi adalah suatu sistem didalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang di perlukan .
Menurut Gordon B Davis, sistem informasi adalah suatu sistem yang menghubungkan pengguna (individu dan organisasi) dengan komputer yang dirancang secara integrasi guna menyediakan informasi yang mendukung fungsi operasional, manajemen, analisis serta fungsi pengambilan keputusan dalam suatu organisasi.
Informasi merupakan sutau out put yang dihasilkan dari suatu kegiatan pengolahan data informasi sangat berguna bagi manajemen atau siapa saja dalam menentukan kebijakan lebih lanjut.
2.2.1 Kualitas Informasi
Menurut kusrini dan Hanif Al Fatha, kualitas suatu informasi tergantung dari tiga hal yaitu:
1. Akurat (aceurate)
Bararti informasi harus bebas dari kesalahan-kesalahan dan tidak menyesatkan serata harus jelas mencerminkan maksudnya, informasi harus akurat, karena dari sumber informasi sampai kepada si penerima informasi kemungkinan banyak terjadi gangguan yang dapat mengubah informasi tersebut.
(53)
2. Tepat waktu (timelines)
Berarti informasi yang datang pada sipenerima tidak boleh terlambat.
Informasi sudah usang tidak mempunyai nilai lagi, sebab informasi mempunyai landasan di dalam pengambilan keputusan.
3. Relevan (relevance)
Berarti informasi tersebut mempunyai manfaat untuk pemakaian.Relevansi informasi untuk orang satu dengan yang lain berbeda.
2.3 Defenisi Sistem Informasi
Sistem informasi dapat di definisikan sebagai suatu system dalam suatu organisasi yang merupakan kombinasi dari orang-orang, fasilitas, teknologi, media, prosedur-prosedur dan pengendalian yang di tujukan untuk mendapatkan jalur komunikasi yang penting dengan tujuan sebagai pengambilan keputusan.
Menurut Turban, McLean, dan Wetherbe (1999) sebuah sistem informasi mengumpulkan, memproses, menyimpan, menganalisis, dan menyebarkan informasi untuk tujuan yang spesifik.
Menurut Robert A. Leitch dan K. Roscoe Davis dalam buku Jogiyanto HM., (1999: 11), “Sistem informasi adalah suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan”.
(54)
2.3.1 Tujuan Sistem Informasi
Tujuan dari sistem informasi adalah menghasilkan informasi yang baik dan lebih
berguna untuk mempermudah dan mengefisienkan waktu, biaya dalam mengambil suatu keputusan dan untuk mengurangi ketidak pastian bagi pengambil keputusan. Tujuan utama yang umum dari sistem informasi adalah:
1. Untuk mendukung fungsi kepengurusan manajemen
2. Untuk mendukung pengambilan keputusan manajemen
3. Untuk mendukung kegiatan operasi perusahaan.
2.4 Defenisi Sistem Informasi Pemesanan Tiket Travel
Sistem Informasi Pemesanan Tiket Travel adalah suatu sistem informasi yang memberikan informasi mengenai jadwal keberangkatan travel. Sistem Informasi Pemesanan Tiket Travel ini dirancang selain untuk memberi layanan kemudahan bagi konsumen juga ditujukan untuk meningkatkan kinerja bagian operasional Aris Travel dalam melakukan penjadwalan dengan lebih efektif dan efesien. Selain itu dengan adanya Sistem Informasi Pemesanan Tiket diharapkan dapat meningkatkan citra perusahaan agar tetap mampu bersaing dengan perusahaan-perusahaan lainnya.
2.5 Defenisi Data
Data berasal dari kata “datum” yang berarti fakta, yang mengandung arti dikembangkan dengan kenyataan yang dapat di gambarkan dengan simbol, angka, huruf, dan sebagainya. Menurut Aji Suprianto menyatakan data merupakan objek yang belum dan akan dilakukan pengolahan yang sifatnya masih mentah. Abdul Kadir menyatakan data adalah deksripsi tentang benda, kejadian, aktivitas, dan
(55)
transaksi, yang tidak mempunyai makna atau tidak berpengaruh secara langsung kepada pemakai.
Tata Sutabri menyatakan data merupakan kenyataan yang mengambarkan suatu kejadian-kejadian dan kesatuan nyata. Kenneth C. Laudon menyatakan data adalah sekumpulan baris fakta yang mewakili peristiwa yang terjadi pada organisasi atau pada lingkungan fisik sebelum diolah kedalam format yang bisa digunakan orang.
2.6. Pengertian Internet
Internet (Interconnection Networking) adalah seluruh jaringan komputer yang saling terhubung menggunakan standar system global Transmission Control Protocol/Internet Protocol Suite (TCP/IP) sebagai protocol pertukaran paket (paket switching communication protocol) untuk melayani miliaran pengguna diseluruh dunia. Rangkaian internet terbesar dinamakan internet. Cara menghubungkan rangkaian dangan kaidah ini dinamakan internet working.
Menurut O`Brien (2003, p10) Internet merupakan jaringan komputer yang berkembang pesat dari jutaan bisnis, pendidikan, dan jaringan pemerintahan yang saling berhubungan dengan jumlah penggunanya lebih dari 200 negara.
Menurut Allan (2005, p12) internet adalah sekumpulan jaringan komputer yang saling terhubung secara fisik dan memiliki kemampuan untuk membaca dan menguraikan protocol komunikasi tertentu yang disebutInternet Protocol (IP) dan Transmission Control Protocol (TCP). Protokol adalah spesifikasi sederhana mengenai bagaimana komputer saling bertukar informasi.
(56)
2.7 World Wide Web
World Wide Web (WWW) atau yang biasa di kenal sebut website merupakan salah satu layanan yang didapat oleh pemakai komputer yang terhubung ke internet. Secara singkat pengertian web adalah kumpulan halaman yang menyediakan informasi. Web berisi beragam informasi bagi pengguna baik itu informasi yang tidak serius hingga serius maupun informasi gratis hingga berbayar.
2.7.1 Unsur-Unsur World Wide Web
Untuk menyediakan keberadaan sebuah website, maka harus tersedia unsur-unsur penunjangnya, adalah sebagai berikut:
1. Nama domain (Domain name/URL – Uniform Resource Locator) Pengertian Nama domain atau biasa disebut dengan Domain Name atau URL adalah alamat unik di dunia internet yang digunakan untuk mengidentifikasi sebuah website, atau dengan kata lain domain name adalah alamat yang digunakan untuk menemukan sebuah website pada dunia internet.
Contohnya adala
Nama domain diperjual belikan secara bebas di internet dengan status sewa tahunan. Nama domain sendiri mempunyai identifikasi ekstensi/akhiran sesuai dengan kepentingan dan lokasi keberadaan website tersebut. Contoh nama domain ber-ekstensi internasional adalah com, net, org, info, biz, name, ws.
2. Rumah tempat website (Web hosting)
Pengertian Web Hosting dapat diartikan sebagai ruangan yang terdapat dalam harddisk tempat menyimpan berbagai data, file-file, gambar dan lain sebagainya yang akan ditampilkan di website. Besarnya data yang bisa dimasukkan
(57)
tergantung dari besarnya web hosting yang disewa/dipunyai, semakin besar web hostingsemakin besar pula data yang dapat dimasukkan dan ditampilkan dalam website. Web Hosting juga diperoleh dengan menyewa. Besarnya hosting ditentukan ruangan harddisk dengan ukuran MB(Mega Byte) atau GB(Giga Byte). Lama penyewaan web hosting rata-rata dihitung per tahun. Penyewaan hosting dilakukan dari perusahaan-perusahaan penyewa web hosting yang banyak dijumpai baik di Indonesia maupun Luar Negri.
3. Bahasa Program (Scripts Program)
Adalah bahasa yang digunakan untuk menerjemahkan setiap perintah dalam website yang pada saat diakses. Jenis bahasa program sangat menentukan statis, dinamis atau interaktifnya sebuah website. Semakin banyak ragam bahasa program yang digunakan maka akan terlihat website semakin dinamis, daninteraktif serta terlihat bagus.
Beragam bahasa program saat ini telah hadir untuk mendukung kualitas website. Jenis jenis bahasa program yang banyak dipakai para desainer website antara lain HTML, ASP, PHP, JSP, Java Scripts, Java applets dan sebagainya.
Bahasa dasar yang dipakai setiap situs adalah HTML sedangkan PHP, ASP, JSP dan lainnya merupakan bahasa pendukung yang bertindak sebagai pengatur dinamis, dan interaktifnya situs. Bahasa program ASP, PHP, JSP atau lainnya bisa dibuat sendiri. Bahasa program ini biasanya digunakan untuk membangun portal berita, artikel, forum diskusi, buku tamu, anggota organisasi, email, mailing list dan lain sebagainya yang memerlukan update setiap saat.
(58)
4. Desain website
Setelah melakukan penyewaan domain name dan web hosting serta penguasaan
bahasa program (scripts program), unsur website yang penting dan utama adalah desain. Desain website menentukan kualitas dan keindahan sebuah website. Desain sangat berpengaruh kepada penilaian pengunjung akan bagus tidaknya sebuah website.
Untuk membuat website biasanya dapat dilakukan sendiri atau menyewa jasa website designer. Saat ini sangat banyak jasa web designer, terutama di kota-kota besar. Perlu diketahui bahwa kualitas situs sangat ditentukan oleh kualitas designer. Semakin banyak penguasaan web designer tentang beragam program/software pendukung pembuatan situs maka akan dihasilkan situs yang semakin berkualitas, demikian pula sebaliknya.
Jasa web designer ini yang umumnya memerlukan biaya yang tertinggi dari seluruh biaya pembangunan situs dan semuanya itu tergantung kualitas designer.
2..7.2 Tipe-Tipe World Wide Web
Saat ini terdapat begitu banyak jenis yang dapat di jumpai sehari-hari. Mulai dari web yang berisi contenttertentu seperti berita dan permainan hingga website yang digunakan secara komersil untuk kepentingan bisnis maupun perusahaan. Berikut ini beberapa tipe web yang umumnya telah kita ketahui bersama:
1. Portal
Adalah sebuah situs web yang menawarkan bermacam-macam fitur internet dari single, convenient location.
(59)
2. News
News adalah web yang mengandung berita termasuk cerita dan artikel pada kejadian masa kini, kehidupan, olahraga, dan cuaca.
3. Informational
Sebuah situs web mengandung informasi yang factual 4. Business/Marketing
Sebuah situs web bisnis/marketing yang isinya mempromosikan atau menjual produk atau jasa.
5. Blog
Blog merupakan sebuah web informal yang terdiri dari artikel time-stamped, atau post, dalam format diari atau jurnal, biasanya terdaftar dalam urutan kronologi yang terbalik.
6. Wiki
Wiki adalah sebuah web gabungan yang memungkinkan penggunanya untuk membuat, menambahkan, merubah atau menghapus isi dari web melalui browser mereka.
7. Online Social Network
Online Social Network juga disebut sebagai social networking website adalah web yang mendorong anggota dalam komunitas online untukmembagikan minat, ide, cerita, music dan video dengan pengguna lain yang terdaftar.
8. Educational
Educational web menawarkankesempatan yang menarik dan menantang untuk kegiatan belajar mengajar yang formal dan informal.
(60)
9. Entertainment
Entertainmet web menawarkan lingkungan yang menarik 10. Advocacy
Advocacy web adalah web yang mengandung isinya mendeskripsikan sebuah sebab, opini tau ide.
11. Web Aplication
Web application, atau Web app , adalah sebuah web yang memungkinkan penggunanya untuk mengakses dan berinteraksi dengan software melalui web browser pada komputer atau perangkat yang terhubung ke internet.
12. Personal
Sebuah web pribadi yang biasanya tidak ada kaitannya dengan web manapun, hanya sebuah web tunggal.
2.8 Web Browser
Penjelajah web (web browser) adalah menerima dan menyajikan sumber informasi di diidentifikasi dengan web, gambar, video, atau jenis konten lainnya.
Ada beberapa yaitu, Mozilla Firefox, Safari, Konqueror,Opera, Flock, Epiphany, K-Meleon dan AOL Explorer. Pada saat ini yang banyak digunakan di Internet. Bagi mereka yang menggunaka menginstalasi lagi.
(61)
2.9 PHP
PHP (PHP Hypertext Preprocessor) yang digunakan sebagai bahasa script server-side dalam pengembangan web yang disisipkan pada dokumen HTML. Penggunaan PHP pada pembuatan web dapat membuat web menjadi dinamis sehingga maintenance situs web tersebut menjadi lebih mudah dan efisien. PHP merupakan software Open-Source yang disebarkan dan dilisensikan secara gratis serta dapat di-downloadsecara bebas dari situs resminya.
Menurut M. Syafii PHP adalah Bahasa Pemrograman Server – side scripting yang menyatu dengan HTML untuk membuat halaman web yang dinamis. Server – side Scripting adalah sintaks dan perintah- perintah yang akan sepenuhnya dijalankan di server, tetapi disertakan pada dokumen HTML. Ketika seorang pengguna internet membuka dahulu server bersangkutan akan memproses semua perintah PHP di server lalu mengirimkan hasilnya dalam format HTML ke web Browser pengguna internet tersebut. Dengan demikian seorang pengguna internet tidak dapat melihat kode program yang di tulis dalam PHP sehingga keamanan dari halaman web menjadi lebih terjamin.
2.9.1 Keunggulan Pemrograman PHP
PHP memiliki banyak kelebihan yang tidak dimiliki oleh bahasa script sejenis. PHP difokuskan pada pembuatan script server-side, yang bias melakukan apa saja yang dapat dilakukan oleh CGI, seperti mengumpulkan data dari form, menghasilkan isi halaman web dinamis dan kemampuan mengirim serta menerima cookies, bahkan lebih daripada kemampuan CGI.
(62)
PHP dapat digunakan pada semua system operasi, antara lain Linux, Unix (termasuk variannya HP-UX, Solaris, dan OpenBSD), Microsoft Windows, Mac OS , RISC OS. PHP juga mendukung banyak web server, seperti apache, Microsoft Internet Information Server (MIIS), Personal Web Server (PWS), Netscape and iPlnanet servers, Oreilly Website Pro server, audium, Xitami, OmniHTTPd, dan masih banyak lagi lainnya, bahkan PHP dapat bekerja sebagai suatu CGI processor.
PHP tidak terbatas pada keluaran HTML (HyperText Markup Languages). PHP juga memiliki kemampuan untuk mengolah keluaran gambar, file PDF, dan movies Flash. PHP juga dapat menghasilkan teks seperti XHTML danfile XML lainnya.
Salah satu fitur yang dapat diandalkan oleh PHP adalah dukungannya terhadap banyak database. Berikutdatabase yang dapat didukung oleh PHP:
Adabas D, dBase, Direct MS-SQL, Empress, FilePro(read only), FrontBase, Hyperwave, IBM DB2, Informix, Ingres, Interbase, MSQL, MySQL, ODBC, Oracle(OC17 dan OC18),Ovrimos, PostgrSQL, Solid, Sybase, Unix DBM, Velocis.
2.9.2. Konsep Kerja PHP
Konsep kerja PHP diawali dengan permintaan suatu halaman web (file.php) oleh browser atau klien. Kemudian berdasarkan alamat di Internet URL (Uniform Resource Locator), browser mendapatkan alamat dariweb server, yang akan mengidentifikasi halaman yang diminta, dan menyampaikan segala informasi yang dibutuhkan oleh web server. Selanjutnya, ketika file PHP yang diminta didapatkan oleh web server, isinya segera
(63)
dikirimkan ke mesin PHP untuk diproses dan memberikan hasilnya (berupa kode HTML) ke web server, lalu menyampaikannya ke klien
2.10 MySQL
MySQL adalah sebuah perangkat lunak system manajemen basis data SQL (DBMS) yang multithread, dan multi-user. MySQL adalah implementasi dari System Manajement Database Relasional (RDBMS). MySQL dibuah oleh TcX dan telah dipercaya mengelola sistem dengan 40 buah database berisi 10.000 tabel dan 500 di antaranya memiliki 7 juta baris.
2.10.1. Kemampuan MySQL
MySQL memiliki beberapa kemampuan, antara lain :
1. Portabilitas. MySQL dapat berjalan stabil pada berbagai sistem operasi seperti Windows, Linux, FreeBSD, Mac Os X Server, Solaris, Amiga, dan masih banyak lagi.
2. Open Source.MySQL didistribusikan secara open source, dibawah lisensi GPL sehingga dapat digunakan secara cuma-cuma.
3. ‘Multiuser’. MySQL dapat digunakan oleh beberapa user dalam waktu yang bersamaan tanpa mengalami masalah atau konflik.
4. ‘Performance tuning’. MySQL memiliki kecepatan yang menakjubkan dalam menangani query sederhana, dengan kata lain dapat memproses lebih banyak SQL per satuan waktu.
5. Jenis Kolom. MySQL memiliki tipe kolom yang sangat kompleks, seperti signed / unsigned integer, float, double, char, text, date, timestamp, dan lain-lain.
(64)
6. Perintah dan Fungsi. MySQL memiliki operator dan fungsi secara penuh yang mendukung perintah Select dan Where dalam perintah (query).
7. Keamanan. MySQL memiliki beberapa lapisan sekuritas seperti levelsubnetmask, nama host, dan izin akses user dengan sistem perizinan yang mendetail serta sandi terenkripsi.
8. Skalabilitas dan Pembatasan. MySQL mampu menangani basis data dalam skala besar, dengan jumlah rekaman (records) lebih dari 50 juta dan 60 ribu tabel serta 5 milyar baris. Selain itu batas indeks yang dapat ditampung mencapai 32 indeks pada tiap tabelnya.
9. Konektivitas. MySQL dapat melakukan koneksi dengan klien menggunakan protocol TCP/IP, Unix soket (UNIX), atau Named Pipes (NT). 10. Lokalisasi. MySQL dapat mendeteksi pesan kesalahan pada klien dengan
menggunakan lebih dari dua puluh bahasa. Meski pun demikian, bahasa Indonesia belum termasuk di dalamnya.
2.11 Phpmyadmin
PHPMyAdmin adalah perangkat lunak bebas yang ditulis dalam bahasa pemrograman PHP yang digunakan untuk menangani administrasi MySQL
melalui Jejaring Jagat Jembar
berbagai operasiaranya (mengelola basis data, tabel-tabel,
bidang (fields), relasi(relations), indeks,pengguna (users), perijinan (permissions), dan lain-lain).
Menurut Alexander F.K Sibero (2011:376) phpMyAdmin adalah aplikasi web yang dibuat olehphpmyadmin.net phpMyAdmin digunakan untuk administrasi database MySQL. Menurut Bunafit Nugroho (2009:13)
(65)
phpMyAdmin adalah aplikasi berbasis web yang dibuat dari pemrograman PHP dan diramu dengan JavaScript. phpMyAdmin juga dapat disebut sebagau tools yang berguna untuk mengkases yang ada di database MySQL Server dalam bentuk tampilan web. Dengan adanya phpMyAdmin semua pekerjaan menjadi lebih muda, karena tanpa harus mengerti perintah-perintah dasar SQL, kita sudah dapat memanajemen database dan data di dalamnya.
2.12 Xampp
XAMPP adalah software web server apache yang di dalamnya tertanam server MySQL yang didukung dengan bahasa pemrograman PHP untuk membuat website yang dinamis.
Menurut Riyanto (2010, 1), XAMPP merupakan paket PHP dan MySQL berbasis open source, yang dapat digunakan sebagai tool pembantu pengembangan aplikasi berbasis PHP. XAMPP mengombinasikan beberapa paket perangkat lunak berbeda ke dalam satu paket.
2.13 Sublime Text
Sublime Text adalah aplikasi editor untuk kode dan teks yang dapat berjalan di berbagai platform operating system dengan menggunakan teknologi phyton API ( Eric Haughee, 2013). Aplikasi ii tercipta karena terinspirasi dari aplikasi Vim. Aplikasi ini sangatlah fleksibel dan powerfull. Sublime Text bukanlah aplikasi open sourceyang artinya aplikasi ini membutuhkan lisensi yang harus dibeli. Akan tetapi beberapa fitur pengembangan fungsionalitas dari aplikasi ini merupakan
(66)
hasil dari temuan dan mendapat dukungan penuh dari komunitas serta memiliki lisensi aplikasi gratis.
Sublime Text mendukung berbagai bahasa pemprograman dan mampu menyajikan fitur syntax highlight hampir disemua bahasa pemprograman yang didukung atau dikembangankan oleh komunitas seperti : C, C++, C#, CSS, Dylan, Erlang, HTML, Groovy, Haskell, Java, javaScript, LaTex, Lisp, Lua, Markdown, MATLAB, Ocaml, Perl, PHP, Pyhon, R, Ruby, SQL, TCL, Textile dan XML.
2.14 Tiket
2.14.1. Pengertian Tiket
Tiket merupakan suatu alat/media yang digunakan oleh perusahaan tertentu sebagai pengganti uang langsung. Tiket biasanya berupa kertas yang didalamnya terdapat item-item tertentu yang menunjukkan suatu nilai.
Menurut Kamus Besar Bahasa Indonesia yang dimaksud dengan tiket adalah “sesuatu yang dianggap sebagai alat pembayaran yang digunakan oleh suatu alat transportasi yang ada.”
2.15 Profil Perusahaan ARIS TRAVEL
Aris Travel merupakan perusahaan yang bergerak dibidang jasa layanan transportasi darat dan tranportasi udara. Aris Travel berdiri pada tahun 2016 yang berlokasi di JL.Pasar III Ruko Grana Krakatau Blok A-2 Medan. perusahaan ini melayani pemesanan :
- Tiket Pesawat - Tiket Kereta Api
(67)
- Paket Tour - Voucher Hotel - Umroh dan Haji
(68)
BAB 1
PENDAHULUAN
1.1 Latar Belakang
Pada masa sekarang ini kemajuan teknologi sangatlah pesat, perkembangannya semakin meningkat. Kemajuan teknologi pastinya juga bersentuhan dengan komputer. Komputer merupakan sarana komunikasi yang sangat dibutuhkan bagi setiap manusia di muka bumi ini. Hal ini dikarenakan manfaat yang diperoleh jauh lebih besar dibandingkan dengan komponen atau alat lainnya. Komputer juga dapat memberikan informasi yang cepat, tepat dan akurat. Komputer juga dapat mengurangi potensi terjadinya kesalahan pengolahan data dibanding pengolahan data secara manual, tetapi tentunya semua ini tergantung dari kualitas sumber daya manusia yang mengoperasikan komputer. Hanya saja penggunaan komputer ini dalam beberapa bidang, pengolahan datanya terkadang masih menggunakan aplikasi yang sederhana dan kurang kompleks,sehingga dapat menyebabkan data yang dihasilkan kurang akurat dan efisien.
Aris Travel merupakan perusahaan yang bergerak di bidang pariwisata yang sangat akrab dengan kemajuan komputerisasi. Citra dan pamor di mata masyarakat cukup mengangkat nama perusahaan ini. Namun di sisi lain, ditemukan masih kurangnya informasi yang diberikan perusahaan tersebut, baik informasi layanan pariwisata seperti tour dan travel maupun informasi pemesanan tiket dan objek-objek wisata. Informasi yang disampaikan melalui website yang
(69)
digunakan pada saat ini, masih dianggap kurang menyampaikan seluruh aspek-aspek yang menyangkut perusahaan ini.
Berdasarkan latar belakang yang telah dipaparkan ini penulis mencoba mengembangkan sistem informasi yang telah ada dan dari penelitian ini saya mengambil judul “Sistem Informasi Pemesanan Tiket Travel Berbasis
Web (Studi kasus : Aris Travel)”.
1.2 Rumusan Masalah
Berdasarkan latar belakang yang telah dipaparkan, maka pokok permasalahan yang ditemukan antara lain :
1. Banyaknya waktu yang dibutuhkan dalam melakukan proses pemesanan tiket.
2. Proses pembuatan faktur masih bersifat manual. 3. Tidak adanya website perusahaan.
1.3 Tujuan Penelitian
Tujuan dari penelitian tugas akhir ini yaitu :
1. Merancang dan membangun suatu perangkat lunak pemesanan tiket yang dapat membantu meningkatkatkan pelayanan dan kinerja operator dalam melayani pemesanan tiket
2. Merancang suatu perangkat lunak pemesanan tiket yang terintegrasi dalam database.
(70)
1.4 Manfaat Penelitian
Dari penelitian ini diharapkan dapat memberikan manfaat, antara lain :
1. Diharapkan dengan dilakukannya pengembangan sistem ini, Aris Travel dapat lebih mudah dalam mengelola informasi tiket.
2. Dapat menjadi sarana untuk melatih kemampuan penulis dalam bidang teknologi informasi sehingga dapat menambah wawasan dan pengetahuan penulis.
3. Untuk memudahkan dan mempercepat dalam melakukan pemesanan tiket.
1.5 Batasan Masalah
Dalam hal ini penulis akan membatasi pada masalah informasi cara pemesana tiket pesawat, kereta, hotel serta tujuan waktu keberangkatan.
1.6
Kontribusi PenelitianPenelitian dilaksanakan untuk mengetahui dan memahami permasalahan dalam melakukan perjalanan dalam dan luar kota.
Dalam hal ini, masalah yang terjadi adalah tentang sulitnya para masyarakat dalam melakukan transaksi pemesanan tiket dan mencari jalan keluar atau solusi untuk menyelesaikan masalah tersebut.
Oleh karena itu, dengan adanya sistem informasi berbasis web ini, diharapkan dapat membantu masyarakat untuk memnudahkan dalam proses perjalanan, sehingga perjalanan dapat mudah dilakukan dengan pemesanan secara online.
(71)
1.7 Tinjauan Pustaka
Website adalah suatu metode untuk menampilkan informasi di internet, baik berupa teks, gambar, suara maupun video yang interaktif dan mempunyai kelebihan untuk menghubungkan satu dokumen dengan dokumen lainnya yang dapat diakses melalui sebuah browser (Yuhevizer,2000)
Pada perancangan sistem informasi berbasis web ini, penulis mengguanakan php sebagai bahasa skrip. Php (Hypertext Peprocessor) merupakan sebuah bahasa scripting yang terpasang pada HTML. Sebagian besar sintaks mirip dengan bahasa C,Java dan perl, ditambah beberapa fungsi PHP yang spesifik. Tujuan Utama penggunaan bahasa ini adalah untuk memungkinkan perancangan web menulis halaman web dinamik dengan cepat (Alit,2009).
Php (Hypertext Processor) merupakan salah satu sarana untuk membangun sistem informasi berbasis web dengan cepat dan efisien, Php dapat membuat web yang kita miliki menjadi dinamis dan dapat berjalan dalam web server yang berbeda dan juga dalam sistem operasi yang berbeda (Wahana Komputer Semarang,2001).
Database adalah kumpulan data (elementer) yang secara logik berkaitan dalam mempresentasikan fenomena/fakta secara terstruktur dalam domain tertentu untuk mendukung aplikasi pada sistem tertentu. Basisdata adalah kumpulan data yang saling berhubungan yang merefleksikan fakta-fakta yang terdapat di organisasi. Basisdata mendeskripsikan state organisasi/perusahaan/sitem. Saat satu kejadian muncul di dunia nyata mengubah state organisasi/perusahaan/sistem maka satu perubahan pun harus dilakukan terhadap data yang disimpan dibasisdata.
(72)
Basisdata merupakan komponen utama sistem informasi karena semua informasi untuk pengambilan keputusan berasal dari data di basisdata. Pengelolaan basisdata yang buruk dapat mengakibatkan ketidaktersediaan data penting yang digunakan untuk menghasilkan informasi yang diperlukan dalam pengambilan keputusan (Bambang Hariyanto,2004).
MySQL adalah sebuah perangkat lunak manajemen basisdata yang bersifat terbuka atau open source dan berjalan disemua platform baik linux maupun windows, MySQL merupakan program pengakses database yang bersifat network sehingga dapat digunakan untuk aplikasi multi user (pengguna banyak). MySQL adalah Relational Database Management System (RDBMS) yang didistribusikan secara gratis dibawah lisensi GPL (General Publik License). Dimana setiap orang bebas untuk menggunakan MySQL, namun tidak boleh dijadikan produk turunan yang bersifat komersial. MySQL dapat dikatakan lebih unggul dibandingkan database server lainnya dalam query data. Hal ini terbukti untuk query yang dilakukan oleg single user, Kecepatan query MySQL bisa sepuluh kali lebih cepat dari PostgreSQL dan lima kali lebih cepat dibandingkan Interbase(Chairul Fadheli,2010).
1.8 Metodologi Penelitian
Untuk menyelesaikan penelitian ini, penulis melakukan beberapa penerapan metode penelitian dalam memperoleh data-data yang dibutuhkan sehingga lebih mudah dalam menyelesaikan penelitian ini dan mendapat hasil yang lebih baik. Penelitian ini akan dilaksanakan dengen mengikuti beberapa langkah yang akan digunakan penulis,yaitu:
(1)
6. Seluruh Dosen pengajar dan Staf Pegawai Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara
7. Orang Tua, Terkhusus penulis ucapkan kepada kedua orang tua, Japaren Leo Siregar dan Senti Br. Marbun dan kepada saudara-saudaraku yang telah memberi dukungan dan kasih sayang yang berlimpah kepada penulis 8. Buat teman-teman seperjuangan D-3 Teknik Informatika yang tidak dapat disebutkan satu per satu yang telah membantu menyelesaikan Tugas Akhir ini
9. Buat teman-teman Kom B 2013 yang telah memberi saran dan kritik dalam penyusunan Tugas Akhir ini.
10. Buat KMK Gonzaga yang telah banyak memberi motivasi kepada penulis 11. Buat sahabat sahabatku yang telah memberi banyak dukungan dan
motivasi.
Semoga tugas akhir ini dapat berguna. Kritik dan saran penulis harapkan untuk memperbaiki dan kemajuan tugas akhir ini dimasa mendatang. Terima kasih.
(2)
ABSTRAK
Website adalah salah satu sistem informasi yang dapat dengan mudah diakses melalui jaringan internet. Dalam perancangan suatu sistem informasi diperlukan data dan informasi yang akurat agar sistem informasi yang dirancangan dapat memenuhi kebutuhan yang sesuai dengan keinginan pengguna. Pembuatan webste ini bertujuan untuk mempermudah pelayanan pemesanan tiket travel. Website in dikembangkan menggunakan bahasa pemprograman PHP dan MySQL sebagai databasenya. Untuk itu penulis akan membahas tentang “Sistem Informasi Pemesanan Tiket Travel Berbasis Web (Studi Kasus : Aris Travel )”
(3)
DAFTAR ISI
Persetujuan i
Pernyataan ii
Penghargaan iii
Abstrak v
Daftar isi vi
Daftar Tabel ix
Daftar Gambar x
BAB 1 PENDAHULUAN
1.1 Latar Belakang 1
1.2 Rumusan Masalah 2
1.3 Tujuan Penelitian 3
1.4 Manfaat Penelitian 3
1.5 Batasan Masalah 3
1.6 Kontribusi Penelitian 4
1.7 Tinjauan Pustaka 4
1.8 Meodologi Penelitian 6
1.9 Sistematika Penulisan 7
BAB 2 LANDASAN TEORI
2.1 Defenisi Sistem 9
2.2 Defenisi Informasi 10
2.2.1 Kualitas Informasi 10
2.3 Defenisi Sistem Informasi 11
2.3.1 Tujuan Sistem Informasi 12
2.4 Defenisi Sistem Informasi Pemesanan Tiket Travel 12
2.5 Defenisi Data 13
2.6 Pengertian Internet 13
2.7 World Wide Web 14
2.7.1 Unsur-Unsur World Wide Web 14 2.7.2 Tipe-Tipe World Wide Web 17
2.8 Web Browser 19
2.9 PHP 20
2.9.1 Keunggulan Pemrograman PHP 20
2.9.2 Konsep Kerja PHP 21
2.10 MySQL 22
2.10.1 Kemampuan MySQL 22
2.11 PHP MyAdmin 23
2.12 XAMPP 24
2.13 Sublime Text 25
2.14 Tiket 25
2.14.1 Pengertian Tiket 25
2.15 Profil Perusahaan Aris Travel 26
(4)
BAB 3 PERANCANGAN SISTEM
3.1 Perancangan Sistem 27
3.2 Metode Pengembangan Sistem 27
3.3 Hasil Perancangan 28
3.3.1 Bagan Berjenjang 28
3.3.2 Data Flow Diagram (DFD) 29
3.3.3 Diagram Alir (Flowchart) 30
3.3.3.1 Flowchart Menu Utama 32 3.3.3.2 Flowchart Administrator 33
3.3.4 Perancangan Database 34
3.4 Rancangan Antarmuka (interface) 35
3.5 Algoritma 35
BAB 4 IMPLEMENTASI SISTEM
4.1 Implementasi Sistem 37
4.2 Tujuan Implementasi Sistem 37
4.3 Komponen Utama dalam Implememtasi Sistem 38
4.3.1 Perangkat Keras 39
4.3.2 Perangkat Lunak 39
4.3.3 Pengguna (Brainware) 40
4.4 Pemeliharaan Sistem 40
4.5 Demonstrasi Program 41
4.5.1 Tampilan Halaman Website 41
BAB 5 KESIMPULAN DAN SARAN
5.1 Kesimpulan 43
5.2 Saran 44
Daftar Pustaka Lampiran
(5)
DAFTAR TABEL
3.1 Tabel Admin 34
3.2 Tabel Hotel 34
3.1 Tabel Pesawat 35
(6)
DAFTAR GAMBAR
3.1 Flowchart Halaman Utama 32
3.2 Flowchart Admin 33
4.1 Halaman Utama 41
4.2 Halaman Kontak 41