Sistem Informasi Pemesanan Tiket Travel Berbasis Web (Studi Kasus : Aris Travel)

(1)

Lampiran Program

Index.php

<!DOCTYPE html> <html lang="en"> <head>

<title>ARIS TRAVEL</title> <meta charset="utf-8">

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]>

behavior:url("../js/PIE.htc")}</style> <![endif]-->

</head>

(2)

<span id="slogan"><b>ARIS TRAVEL</b> <br>Booking Pesawat dan Hotel</span>

<li><a href="login/index.html">Login</a></li> </ul>

<li><a href="book.php"><span><span>Pesan Tiket</span></span></a></li>

<h3 class="pad_top1">Selamat datang di ARIS TRAVEL</h3>

<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>

<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>

$(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, 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 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 {

/* Left & Right alignment */ .left {

/* Global properties */ body {

background:url(../images/bg_img.jpg) top center no-repeat #000;

border:0;

font:13px Arial, Helvetica, sans-serif; color:#3a3a3a;

(5)

font-size:10px;

-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

padding:27px 0 0 41px; float:left

} h2 {

font-size:20px; line-height:1.2em;

padding:12px 32px 16px 32px; margin-bottom:14px;

(6)

-moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0 }

background:url(../images/bg_top.jpg) 0 0 no-repeat }

#logo {

display:block;

background:url(../images/logo.png) 0 0 no-repeat; width:120px;

(7)

}

#top_nav {

float:right;

padding:38px 56px 0 0 }

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

(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 }

.for_banners {

background:url(../images/bg_top_img.jpg) 0 0 no-repeat;

padding:30px 0;

background:url(../images/bg_top2.jpg) 0 0 no-repeat

(9)

}

.pad_bot3 {

padding-bottom:32px }

.pad_left1 {

padding-left:31px }

.pad_top1 {

padding-top:11px }

.marg_right1 {

margin-right:31px

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 }

(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;

padding:1px; top:40px;

.tabs .tab-content { }

background:url(../images/tabs.gif) 0 0 repeat-x #30c1fd;

line-height:42px; text-decoration:none;

-moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; 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;

padding:1px; top:40px;

.tabs2 .tab-content { }

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 {

(12)

padding:0; .nivo-slice {

display:block;

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;

padding:0 19px;

background:url(../images/button_1.gif) 0 0px repeat-x #1d77e9;

border-radius:5px;

.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; box-shadow:0 0 3px #d0d0d0;

background:url(../images/marker_1.gif) 0 4px no-repeat

(14)

width:27px;

padding-right:1px; padding-bottom:2px }

.calendar .tbody li { float:left;

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 {

-moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0 }

padding:33px 0 37px 70px;

background:url(../images/bg_footer.gif) top repeat-x #d7dce6;

(15)

footer a {

color:#1d77e9 }

footer a:hover { }

.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;

.jqTransformRadio.jqTransformChecked { background-position:top

}

/* Checkbox */

.jqTransformCheckboxWrapper { float:left;

(16)

margin-right:7px; margin-top:4px }

.jqTransformCheckbox { height:12px;

.jqTransformCheckbox.jqTransformChecked { background-position:top

}

/* Selects */

.jqTransformSelectWrapper { position:relative

}

.jqTransformSelectWrapper div { float:left;

font:12px Arial, Helvetica, sans-serif; color:#7f7f7f;

border:1px solid #e5e5e5; background:#fff

}

.jqTransformSelectWrapper div span { padding:0 0 0 7px;

display:block }

a.jqTransformSelectOpen { display:block;

background:url(../images/select.gif) 4px 6px no-repeat

}

(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; padding:14px 32px; margin-bottom:14px }

#form_1 .radio .left { width:88px;

padding-left:0 }

#form_1 .row {

(18)

width:100%;

#form_1 .input, #form_1 .input1, #form_1 .input2 { background:#fff;

float:left;

padding:2px 7px; height:14px;

width:142px !important }

#form_1 .input1 {

#form_1 .input2 {

#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

(19)

float:left;

#form_2 .input1 {

#form_2 .input2 {

#form_2 .right.relative { margin-top:9px;

#form_2 .pad_left1 { padding-left:9px

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;

(20)

}

#form_3 .left { width:94px;

padding-left:31px }

float:left;

#form_3 .input1 {

#form_3 .input2 {

width:31px !important; margin-left:5px

}

#form_3 .jqTransformSelectWrapper { float:left;

#form_3 .jqTransformSelectWrapper span { float:left;

#form_3 .select1 { height:30px }

#form_3 .select1 .jqTransformSelectWrapper { float:left;

#form_3 .select1 .jqTransformSelectWrapper span { float:left;

margin-right:32px }

(21)

padding-top:1px; padding-bottom:19px }

float:left;

#form_4 .input1 {

#form_4 .input2 {

#form_4 .col1 { width:177px; padding-left:0 }

#form_4 .marg_top1 { margin-top:12px }

(22)

} padding:14px 32px; margin-bottom:14px }

.form_5 .radio .left { width:108px;

.form_5 .input, .form_5 .input1, .form_5 .input2 { background:#fff;

float:left;

.form_5 .input1 {

width:60px !important; margin-right:6px

}

.form_5 .input2 {

.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

background:url(../images/help.gif) 0 0 no-repeat }

.form_5 .under {

border-bottom:1px solid #f2f2f2; padding-bottom:14px;

.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;

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;

.form_5 .select1 .jqTransformSelectWrapper span { float:left;

.form_5 .cols .left { width:49px;

padding-left:9px }

.form_5 .cols .select1 { height:25px

}

.form_5 .cols .select1 .left { width:45px;

#form_8 .pad_bot2 {

#form_8 .markers {

padding:14px 0 5px 0; width:100%;

overflow:hidden }

(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 {

#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;

(26)

float:left;

padding:2px 7px; height:14px

}

#ContactForm textarea { overflow:auto; width:479px; background:#fff;

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 <!DOCTYPE html> <html >

<head>

(27)

href='http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css'>

<body>

<div class="pen-title"> <h1>ARIS TRAVEL</h1> </div>

</div>

<h2>Login to your account</h2> <form>

<input type="text" placeholder="Username"/> <input type="password" placeholder="Password"/> <button>Login</button>

</form> </div>

<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>

</html>

Login-user/index.html

<!DOCTYPE html> <html >

(28)

href='http://fonts.googleapis.com/css?family=Roboto:400 ,100,300,500,700,900|RobotoDraft:400,100,300,500,700,90 0'>

href='http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css'>

<body>

<div class="pen-title"> <h1>ARIS TRAVEL</h1> </div>

</div>

<h2>Login to your account</h2>

<form method="POST" action="../proses/login.php"> <input type="text" placeholder="Username"

name="username"/>

<button>Login</button> </form>

</div>

<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>

(29)

<script

src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3 /jquery.min.js'></script>

</html>

Config.php

<?php

$con = mysqli_connect("localhost", "root", "", "pakpaulus");

?>

Proses/login.php

<?php

include "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

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

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">

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>

<h1><a href="index.html" id="logo">ARIS TRAVEL</a></h1>

<span id="slogan"><b>ARIS TRAVEL</b> <br>Booking Pesawat dan Hotel</span>

(32)

<li><a href="login/index.html">Login</a></li>

<li><a href="book.php"><span><span>Pesan Tiket</span></span></a></li>

<h3 class="pad_top1">Kritik dan Saran</h3> <form id="ContactForm" action="#">

<div>

(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

(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

(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

(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

(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,

(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

(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

(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

(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,

(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

(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

(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

(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

(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

(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

(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,

(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

(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

(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

(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

(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,

(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,

(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

(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

(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

(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