Laporan ini membahas tentang pembuatan aplikasi penjualan tiket kereta api berbasis web menggunakan framework Metro UI oleh kelompok mahasiswa. Aplikasi ini dibuat untuk memenuhi tugas besar mata kuliah Pemrograman Berbasis Web dan dapat digunakan mahasiswa untuk mempelajari konsep pemrograman web."

1. LAPORAN
TUGAS BESAR PEMROGRAMAN BERBASIS WEB
Aplikasi Penjualan Tiket Kereta Api
Oleh
Kelompok : Spyware Terminator
Winda Alfa Mufida 1110651168
Aditya Anggraini Yoga K W 1110651172
Fauziah Ragiliyah P S 1110651184
Amelia Ayu Anggraini 1110651191
JURUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH JEMBER
2013

2. Spyware Terminatore
2 Mudafiq Ryan Pratama, S.Kom
I. Tujuan
o Laporan ini membahas Pemrograman WEB Secara Umum dan Khusus
o Laporan ini sebagai hasil pembuatan Aplikasi Penjualan Tiket Kereta Api
berbasis WEB menggunakan Metro-UI
o Mahasiswa dapat memahami dan mengimplementasikan pembelajaran
Pemrograman Berbasis Web
II. Alat dan Bahan
o Komputer
o Notepad ++, Notepad
o Sybase (Power Designer)
o Xampp
o MySql Yog
III.Dasar Teori
Secara terminologi, website adalah kumpulan dari halaman - halaman
situs, yang terangkum dalam sebuah domain atau subdomain, yang tempatnya
berada di dalam World Wide Web ( WWW ) di dalam Internet. Sebuah
halaman web biasanya berupa dokumen yang ditulis dalam format HTML (
Hyper Text Markup Language ), yang selalu bisa diakses melalui HTTP, yaitu
sebuah protokol yang menyampaikan informasi dari server website untuk
ditampilkan kepada para pemakai melalui web browser. Semua publikasi dari
website tersebut dapat membentuk sebuah jaringan informasi yang sangat
besar.
Halaman - halaman dari website dapat diakses melalui sebuah URL
yang biasanya disebut Homepage. URL ini mengatur halaman situs untuk
menjadi sebuah hirarki, meskipun, hyperlink - hyperlink yang ada di halaman
tersebut mengatur para pembaca dan memberitahu mereka sususan keseluruhan
dan bagaimana arus informasi ini berjalan. Beberapa website membutuhkan
subskripsi ( data masukan ) agar para user bisa mengakses sebagian atau
keseluruhan isi website tersebut. Contohnya, ada beberapa situs - situs bisnis,
situs - situs e-mail gratis, yang membutuhkan subkripsi agar kita dapat
mengakses situs tersebut.
Secara umum pengertian dari PHP: Hypertext Preprocessor adalah
bahasa skrip yang dapat ditanamkan atau disisipkan ke dalam HTML.PHP

3. Spyware Terminatore
3 Mudafiq Ryan Pratama, S.Kom
banyak dipakai untuk memrogram situs web dinamis. PHP dapat digunakan
untuk membangun sebuah CMS. dan untuk sejarah nya PHP pertama kali
dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP masih
bernama Form Interpreted (FI), yang wujudnya berupa sekumpulan skrip yang
digunakan untuk mengolah data formulir dari web. Selanjutnya Rasmus merilis
kode sumber tersebut untuk umum dan menamakannya PHP/FI. Dengan
perilisan kode sumber ini menjadi sumber terbuka, maka banyak pemrogram
yang tertarik untuk ikut mengembangkan PHP. Pada November 1997, dirilis
PHP/FI 2.0. Pada rilis ini, interpreter PHP sudah diimplementasikan dalam
program C. Dalam rilis ini disertakan juga modul-modul ekstensi yang
meningkatkan kemampuan PHP/FI secara signifikan. Pada tahun 1997, sebuah
perusahaan bernama Zend menulis ulang interpreter PHP menjadi lebih bersih,
lebih baik, dan lebih cepat. Kemudian pada Juni 1998, perusahaan tersebut
merilis interpreter baru untuk PHP dan meresmikan rilis tersebut sebagai PHP
3.0 dan singkatan PHP diubah menjadi akronim berulang PHP: Hypertext
Preprocessing.
CSS Merupakan aturan untuk mengendalikan beberapa komponen
dalam sebuah web sehingga akan lebih terstruktur dan seragam tentunya tanpa
CSS website tidak akan memiliki tampilan yang rapi. CSS bukan merupakan
bahasa pemograman. Sama halnya styles dalam aplikasi pengolahan kata
seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading,
subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan
bersama-sama dalam beberapa berkas (file). Pada umumnya CSS dipakai untuk
memformat tampilan halaman web yang dibuat dengan bahasa HTML dan
XHTML.
CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada
teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse
over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan
parameter lainnya. CSS adalah bahasa style sheet yang digunakan untuk
mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk
menampilkan halaman yang sama dengan format yang berbeda.

4. Spyware Terminatore
4 Mudafiq Ryan Pratama, S.Kom
Session adalah suatu cara agar suatu variable dapat diakses dibanyak
halaman web. Session biasanya berupa file yang tersimpan di server, berbeda
dengan Cookies yang disimpan di client. Session bersifat uniq dari setiap
pengunjung. jadi seandainya pengunjung bernama "lioniel" maka session yang
dimiliki lioniel adalah 1 dan selanjutnya begitu. uniq id akan dikirim dan
disimpan pada cookies atau pada URL.
Secara umum, session digunakan untuk menyimpan suatu informasi
antar proses request, baik request dalam bentuk POST atau GET. Dalam PHP
session dapat dimulai dengan dua cara, yaitu secara otomatis dan
menggunakan fungsi script session pada PHP. Untuk memulai session
otomatis, file php.ini perlu di edit pada baris session.auto_start = 0 menjadi
session.auto_start = 1 simpan perubahan tersebut dan restart web server.
Perintah – perintah dalam session
Berikut ini adalah perintah-perintah yang terdapat dalam session :
1. Session_start(), berfungsi untuk memulai / mengaktifkan session.
2. Session_register(), berfungsi untuk mendaftarkan suatu variable ke dalam
session. Parameter dari fungsi ini adalah nama variable yang akan disimpan
di session.
3. Session_unregister(), berfungsi untuk menghapus suatu variable yang
disimpan di session.
4. Session_is_registered(), berfungsi untuk memeriksa apakah suatu variable
ada / terdaftar dalam session.
5. Session_unset(), berfungsi untuk menghapus semua variable yang terdaftar
dalam session.
6. Session_destroy(), berfungsi untuk menutup / menghapus session beserta
file sessionnya.
Asynchronous JavaScript and XMLHTTP, atau disingkat AJaX, adalah
suatu teknik pemrograman berbasis web untuk menciptakan aplikasi web
interaktif. Tujuannya adalah untuk memindahkan sebagian besar interaksi pada
komputer web surfer, melakukan pertukaran data dengan server di belakang

5. Spyware Terminatore
5 Mudafiq Ryan Pratama, S.Kom
layar, sehingga halaman web tidak harus dibaca ulang secara keseluruhan
setiap kali seorang pengguna melakukan perubahan. Hal ini akan
meningkatkan interaktivitas, kecepatan, dan usability. Ajax merupakan
kombinasi dari:
 DOM yang diakses dengan client side scripting language, seperti
VBScript dan implementasi ECMAScript seperti JavaScript dan
JScript, untuk menampilkan secara dinamis dan berinteraksi dengan
informasi yang ditampilkan
 Objek XMLHTTP dari Microsoft atau XMLHttpRequest yang lebih
umum di implementasikan pada beberapa browser. Objek ini berguna
sebagai kendaraan pertukaran data asinkronus dengan web server. Pada
beberapa framework AJAX, element HTML IFrame lebih dipilih
daripada XMLHTTP atau XMLHttpRequest untuk melakukan
pertukaran data dengan web server.
 XML umumnya digunakan sebagai dokumen transfer, walaupun format
lain juga memungkinkan, seperti HTML, plain text. XML dianjurkan
dalam pemakaian teknik AJaX karena kemudahan akses
penanganannya dengan memakai DOM
 JSON dapat menjadi pilihan alternatif sebagai dokumen transfer,
mengingat JSON adalah JavaScript itu sendiri sehingga penanganannya
lebih mudah
Seperti halnya DHTML, LAMP, atau SPA, Ajax bukanlah teknologi spesifik,
melainkan merupakan gabungan dari teknologi yang dipakai bersamaan.
Bahkan, teknologi turunan/komposit yang berdasarkan Ajax, seperti AFLAX
sudah mulai bermunculan. Ajax adalah seni yang digunakan untuk Bertukar
(send and receive) client dan server dan merubah bagian dari sebuah website
tanpa harus mereload keseluruhan halaman website.
Metro UI CSS merupakan salah satu tema yang pertama kali
dipopulerkan oleh sistem operasi Windows 8 yang tidak sengaja daya tarik
untuk mencoba Windows 8 makin melonjak.
Apa sih Feature yang ada di Metro UI CSS :
1. Metro UI CSS menggunakan bahasa CSS3 dan HTML5 yang membuat
situs anda akan sangat cepat untuk diterima oleh browser.
2. Metro UI CSS juga mensupport Javascript yang membuat website anda
terasa hidup.
3. Anda dapat mengembangkan lagi source ini karena ini CSS Fork.

6. Spyware Terminatore
6 Mudafiq Ryan Pratama, S.Kom
4. Jika pada windows 8 terdapat Tile maka disource ini pasti ada dan
semua yang ada di Windows 8 akan ada di source ini.
Web Hosting adalah salah satu bentuk layanan jasa penyewaan tempat
di Internet yang memungkinkan perorangan ataupun organisasi menampilkan
layanan jasa atau produknya di web / situs Internet. Tempat dapat juga
diartikan sebagai tempat penyimpanan data berupa megabytes (mb) hingga
terabytes (tb) yang memiliki koneksi ke internet sehingga data tersebut dapat
direquest atau diakses oleh user dari semua tempat secara simultan. Inilah yang
menyebabkan sebuah website dapat diakses bersamaan dalam satu waktu oleh
multi user.
Pada dasarnya sebuah server web hosting menggunakan adalah sebuah
komputer biasa namun menggunakan beberapa komponen dan program dasar
sebuah server serta disarankan harus mampu untuk online 24 jam setiap hari
dan tanpa harus dimatikan dalam jangka waktu lebih lama daripada komputer
biasa Ada beberapa jenis layanan hosting yaitu shared hosting, VPS atau
Virtual Dedicated Server, dedicated server, colocation server.
Shared Hosting adalah menggunakan server hosting bersama sama
dengan pengguna lain satu server dipergunakan oleh lebih dari satu nama
domain. Artinya dalam satu server tersebut terdapat beberapa account yang
dibedakan antara account satu dan lainnya dengan username dan password.
VPS, Virtual Private Server, atau juga dikenal sebagai Virtual
Dedicated Server merupakan proses virtualisasi dari lingkungan software
sistem operasi yang dipergunakan oleh server. Karena lingkungan ini
merupakan lingkungan virtual, hal tersebut memungkinkan untuk menginstall
sistem operasi yang dapat berjalan diatas sistem operasi lain.
Dedicated Server adalah penggunaan server yang dikhususkan untuk
aplikasi yang lebih besar dan tidak bisa dioperasikan dalam shared hosting atau
virtual dedicated server. Dalam hal ini, penyediaan server ditanggung oleh
perusahaan hosting yang biasanya bekerja sama dengan vendor.

7. Spyware Terminatore
7 Mudafiq Ryan Pratama, S.Kom
Colocation Server adalah layanan penyewaan tempat untuk meletakkan
server yang dipergunakan untuk hosting. Server disediakan oleh pelanggan
yang biasanya bekerja sama dengan vendor.
IV. Hasil Proyek
Login.php
Koneksi.php
Logout.php
<form method="post" action="submit.php">
Username <input type="text" name="username">
Password <input type="password" name="password">
<input type="submit" name="submit" value="Submit">
</form>
<?php
$servername = "localhost";
$username = "root";
$password = "";
$databasename = "train";
$db = mysql_connect("$servername", "$username", "$password") or die ("I cannot connect to
the database because: " . mysql_error()); //membuat koneksi ke mysql
mysql_select_db("$databasename", $db) or die ("I cannot select the database
'$databasename' because: " . mysql_error()); //memanggil nama databasenya
?>
<?php
session_start();
unset($_SESSION['namauser']);
include("index.php");
?>

8. Spyware Terminatore
8 Mudafiq Ryan Pratama, S.Kom
Index.php (Halaman Login)
<!DOCTYPE html>
<html class="no-js login" lang="en">
<head>
<title>Start Login - Admin Template</title>
<link rel="shortcut icon" href="css/images/train.png">
<link href="css/base.css" rel="stylesheet">
<link href="css/twitter/responsive.css" rel="stylesheet">
</head>
<body>
<div id="login_page">
<!-- Login page -->
<div id="login">
<div class="row-fluid fluid">
<div class="span6"> <img src="img/signin_icon.png" /> </div>
<div class="span6">
<div class="title">
<span class="name">401 Express</span>
<span class="subtitle">Locked</span>
</div>
<form class="form-search row-fluid " method="post" action="submit.php">
<div class="input-append row-fluid fluid">
<input type="text" name="username" class="row-fluid search-query"
placeholder="Username" value="<?=$nama;?>">
</div>
<div class="input-append row-fluid fluid">
<input type="password" name="password" class="row-fluid search-query"
placeholder="Password" value="<?=$pass;?>">
<input type="submit" class="btn color_2">
</div>
</form>
</div>
</div>
</div>
</div>
<script src="js/jquery.js" type="text/javascript"> </script>
</body>
</html>

9. Spyware Terminatore
9 Mudafiq Ryan Pratama, S.Kom
Index2.php (Halaman Home)
<?php
session_start();
include "cek.php";
include("koneksi.php");
?>
<!DOCTYPE html>
<html class="sidebar_default no-js" lang="en">
<head>
<meta charset="utf-8">
<title>Home 401 Express </title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="css/images/train.png">
<!-- Le styles -->
<link href="css/twitter/bootstrap.css" rel="stylesheet">
<link href="css/base.css" rel="stylesheet">
<link href="css/twitter/responsive.css" rel="stylesheet">
<link href="css/jquery-ui-1.8.23.custom.css" rel="stylesheet">
<script src="js/plugins/modernizr.custom.32549.js"></script>
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div id="loading"><img src="img/ajax-loader.gif"></div>
<div id="responsive_part">
<div class="logo"> <a href="index2.php"><span>Start</span><span
class="icon"></span></a> </div>
<ul class="nav responsive">
<li>
<button class="btn responsive_menu icon_item" data-toggle="collapse" data-
target=".overview"> <i class="icon-reorder"></i> </button>
</li>
</ul>
</div>
<!-- Responsive part -->

10. Spyware Terminatore
10 Mudafiq Ryan Pratama, S.Kom
<div id="sidebar" class="">
<div class="scrollbar">
<div class="track">
<div class="thumb">
<div class="end"></div>
</div>
</div>
</div>
<div class="viewport ">
<div class="overview collapse">
<div class="search row-fluid container">
<h2>Search</h2>
<form class="form-search">
<div class="input-append">
<input type="text" class=" search-query" placeholder="">
<button class="btn_search color_1">Search</button>
</div>
</form>
</div>
<ul id="sidebar_menu" class="navbar nav nav-list container full">
<li class="active color_4"> <a class="dashboard " href="index2.php"><img
src="img/menu_icons/home2.png"><span>Home</span></a> </li>
<li class="accordion-group color_24"> <a class="accordion-toggle widgets
collapsed " data-toggle="collapse" data-parent="#sidebar_menu" href="#collapse1">
<img src="img/menu_icons/others.png"><span>Panduan</span></a>
<ul id="collapse1" class="accordion-body collapse">
<li><a href="forms_panduanpesan.php">Panduan Pemesanan</a></li>
<li><a href="forms_panduanbayar.php">Panduan
Pembayaran</a></li>
</ul>
</li>
<li class="color_3"> <a class="widgets"data-parent="#sidebar_menu"
href="form_register.php"> <img
src="img/menu_icons/forms.png"><span>Daftar</span></a> </li>
<li class="color_13"> <a class="widgets"data-parent="#sidebar_menu"
href="forms_pesan.php"> <img src="img/menu_icons/calendar.png"><span>Pesan
Tiket</span></a> </li>
<li class="color_19"> <a class="widgets"data-parent="#sidebar_menu"
href="forms_jadwal.php"> <img src="img/menu_icons/tables.png"><span>Jadwal
Kereta</span></a> </li>

11. Spyware Terminatore
11 Mudafiq Ryan Pratama, S.Kom
<li class="color_4"> <a class="widgets"data-parent="#sidebar_menu"
href="forms_info.php"> <img src="img/menu_icons/file.png"><span>Info</span></a>
</li>
<li class="color_12"> <a class="widgets"data-parent="#sidebar_menu"
href="forms_tanya.php"> <img src="img/menu_top/profile-
messages.png"><span>Pertanyaan</span></a> </li>
<li class="accordion-group color_25"> <a class="accordion-toggle widgets
collapsed" data-toggle="collapse" data-parent="#sidebar_menu" href="#collapse5"> <img
src="img/menu_top/profile-avatar.png"><span>Tentang Kami</span></a>
<ul id="collapse5" class="accordion-body collapse">
<li><a href="forms_profil.php">Profil</a></li>
<li><a href="forms_kontak.php">Kontak</a></li>
<li><a href="form_login.php">Login</a></li>
</ul>
</li>
</ul>
<div class="menu_states row-fluid container ">
<h2 class="pull-left">Menu Settings</h2>
<div class="options pull-right">
<button id="menu_state_1" class="color_1" rel="tooltip" data-state
="sidebar_icons" data-placement="top" data-original-title="Icon Menu">1</button>
<button id="menu_state_2" class="color_1 active" rel="tooltip" data-state
="sidebar_default" data-placement="top" data-original-title="Fixed Menu">2</button>
<button id="menu_state_3" class="color_1" rel="tooltip" data-placement="top"
data-state ="sidebar_hover" data-original-title="Floating on Hover Menu">3</button>
</div>
</div>
<!-- End sidebar_box -->
</div>
</div>
</div>
<div id="main">
<div class="container">
<div class="header row-fluid">
<div class="top_right">
<ul class="nav nav_menu">
<li class="dropdown"> <a class="dropdown-toggle administrator" id="dLabel"
role="button" data-toggle="dropdown" data-target="#" href="/page.html">
<div class="title"><span class="name">401 Express</span><span
class="subtitle">Service Of Train Tickets Online</span></div>

12. Spyware Terminatore
12 Mudafiq Ryan Pratama, S.Kom
<span class="icon"><img src="img/ka.png"></span></a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<li><a href="forms_profil.php"><i class=" icon-user"></i> Profil</a></li>
<li><a href="logout.php" ><i class=" icon-unlock"></i>Log Out</a></li>
</ul>
</li>
</ul>
</div>
<!-- End top-right -->
</div>
<div id="main_container">
<div class="row-fluid">
<div id="myCarousel" class="carousel slide">
<div class="carousel-inner">
<div class="item active"><img src="img/1.jpg" /></div>
<div class="item"><img src="img/s.jpg" /></div>
<div class="item"><img src="img/r.jpg" /></div>
<div class="item"><img src="img/4.jpg" /></div>
<div class="item"><img src="img/5.jpg" /></div>
<div class="item"><img src="img/6.jpg" /></div>
<div class="item"><img src="img/7.jpg" /></div>
</div>
<a class="carousel-control left" href="#myCarousel" data-
slide="prev">&lsaquo;</a>
<a class="carousel-control right" href="#myCarousel" data-
slide="next">&rsaquo;</a>
</div>
</div>
<div class="row-fluid">
<div class="span9">
<div class="title row-fluid legend">
<h1><b> 7 (Tujuh) Kemudahan Anda menggunakan 401Express.Com </b></h1>
</div>
<div class="row-fluid">
<h2>Tidak perlu antre tiket di stasiun</h2>
<p>Kini Anda tidak perlu lagi mengantre di stasiun untuk mendapatkan tiket
kereta,
Anda dapat melakukan reservasi tiket kereta api dari rumah /
kantor tanpa harus mengantre</p>
<hr>

13. Spyware Terminatore
13 Mudafiq Ryan Pratama, S.Kom
<h2>Reservasi dapat anda lakukan dimana pun</h2>
<p>Di mana pun Anda berada meski sedang di luar rumah / kantor, cukup dengan
laptop /
notebook yang terhubung internet, Anda tetap dapat melakukan
reservasi tiket kereta secara nyaman</p>
<hr>
<h2>Reservasi & Pembayaran secara realtime online</h2>
<p>Kenyamanan lebih untuk sistem reservasi & pembayaran yang dilakukan secara
realtime online dan otomatis,
di dukung jaringan bank & outlet pembayaran yang tersebar luas,
bebas dari keharusan melakukan konfirmasi secara manual</p>
<hr>
<h2>Dapat memilih tempat duduk sendiri</h2>
<p>Dengan dukungan sistem reservasi yang modern,
Anda dapat memilih tempat duduk yang Anda sukai, baik
bepergian sendiri maupun bersama keluarga / teman Anda</p>
<hr>
<h2>Hemat waktu dan biaya</h2>
<p>Pendaftaran pelanggan 401Express.com adalah GRATIS 100% tanpa dipungut
biaya apa pun ! Harga tiket juga sama dengan harga tiket
pemesanan di stasiun dengan biaya admin yang relatif murah
sehingga selain hemat waktu Anda juga akan menghemat biaya</p>
<hr>
<h2>Tersedia tiket kereta api untuk semua jurusan</h2>
<p>401Express.com memberikan layanan reservasi tiket kereta api semua jurusan
untuk kelas Bisnis, Executive dan Ekonomi AC</p>
<hr>
<h2>Layanan reservasi H-90</h2>
<p>Kenyamanan lebih untuk sistem reservasi & pembayaran yang dilakukan secara
realtime online dan otomatis,
di dukung jaringan bank & outlet pembayaran yang tersebar luas,
bebas dari keharusan melakukan konfirmasi secara manual</p>
<hr>
</div>
</div>
<!-- End .span9 -->
<div class="span3">
<div class="title">
<div class="row-fluid legend">
<h2> Tentang Kami </h2>
</div>
</div>

14. Spyware Terminatore
14 Mudafiq Ryan Pratama, S.Kom
<div class="container">
<p> Layanan ini merupakan kerjasama resmi antara PT Kereta Api
Indonesia dan PT. Bimasakti Multiwealth untuk meningkatkan kemudahan layanan
reservasi tiket kereta api kepada masyarakat pengguna jasa kereta
api di Indonesia </p>
<hr>
</div>
<!-- End .title -->
<div class="row-fluid mt15">
<div class="title row-fluid legend">
<h2> Latest Articles </h2>
</div>
<ul class="">
<li><a href="#">First Time Buyer Survey</a></li>
<li><a href="#">A Thailand Meetup with Elite Authors </a></li>
<li><a href="#">TED Talk: The Power of Introverts</a></li>
<li><a href="#">First Time Buyer Survey</a></li>
<li><a href="#">A Thailand Meetup with Elite Authors </a></li>
<li><a href="#">TED Talk: The Power of Introverts</a></li>
</ul>
<a href="#" class="pull-right">View more articles</a> </div>
<!-- End .content -->
</div>
<!-- End .span3 -->
</div>
<!-- End .row-fluid -->
</div>
<!-- End #container -->
</div>
<div id="footer">
<p> &copy; Start - Spyware Terminator 2013 </p> </div>
</div>
<div class="background_changer dropdown">
<div class="dropdown" id="colors_pallete"> <a data-toggle="dropdown" data-
target="drop4" class="change_color"></a>
<ul class="dropdown-menu pull-left" role="menu" aria-labelledby="drop4">
<li><a data-color="color_0" class="color_0" tabindex="-1">1</a></li>
<li><a data-color="color_1" class="color_1" tabindex="-1">1</a></li>
<li><a data-color="color_2" class="color_2" tabindex="-1">2</a></li>
<li><a data-color="color_3" class="color_3" tabindex="-1">3</a></li>
<li><a data-color="color_4" class="color_4" tabindex="-1">4</a></li>

15. Spyware Terminatore
15 Mudafiq Ryan Pratama, S.Kom
<li><a data-color="color_5" class="color_5" tabindex="-1">5</a></li>
<li><a data-color="color_6" class="color_6" tabindex="-1">6</a></li>
<li><a data-color="color_7" class="color_7" tabindex="-1">7</a></li>
<li><a data-color="color_8" class="color_8" tabindex="-1">8</a></li>
<li><a data-color="color_9" class="color_9" tabindex="-1">9</a></li>
<li><a data-color="color_10" class="color_10" tabindex="-1">10</a></li>
<li><a data-color="color_11" class="color_11" tabindex="-1">10</a></li>
<li><a data-color="color_12" class="color_12" tabindex="-1">12</a></li>
<li><a data-color="color_13" class="color_13" tabindex="-1">13</a></li>
<li><a data-color="color_14" class="color_14" tabindex="-1">14</a></li>
<li><a data-color="color_15" class="color_15" tabindex="-1">15</a></li>
<li><a data-color="color_16" class="color_16" tabindex="-1">16</a></li>
<li><a data-color="color_17" class="color_17" tabindex="-1">17</a></li>
<li><a data-color="color_18" class="color_18" tabindex="-1">18</a></li>
<li><a data-color="color_19" class="color_19" tabindex="-1">19</a></li>
<li><a data-color="color_20" class="color_20" tabindex="-1">20</a></li>
<li><a data-color="color_21" class="color_21" tabindex="-1">21</a></li>
<li><a data-color="color_22" class="color_22" tabindex="-1">22</a></li>
<li><a data-color="color_23" class="color_23" tabindex="-1">23</a></li>
<li><a data-color="color_24" class="color_24" tabindex="-1">24</a></li>
<li><a data-color="color_25" class="color_25" tabindex="-1">25</a></li>
</ul>
</div>
</div>
<!-- End .background_changer -->
</div>
<!-- /container -->
<!-- Le javascript
================================================== -->
<!-- General scripts -->
<script src="js/jquery.js" type="text/javascript"> </script>
<!--[if !IE]> -->
<!--[if !IE]> -->
<script src="js/plugins/enquire.min.js" type="text/javascript"></script>
<!-- <![endif]-->
<!-- <![endif]-->
<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>
<![endif]-->
<script language="javascript" type="text/javascript"
src="js/plugins/jquery.sparkline.min.js"></script>
<script src="js/plugins/excanvas.compiled.js"></script>

16. Spyware Terminatore
16 Mudafiq Ryan Pratama, S.Kom
<script src="js/bootstrap-transition.js" type="text/javascript"></script>
<script src="js/bootstrap-alert.js" type="text/javascript"></script>
<script src="js/bootstrap-modal.js" type="text/javascript"></script>
<script src="js/bootstrap-dropdown.js" type="text/javascript"></script>
<script src="js/bootstrap-scrollspy.js" type="text/javascript"></script>
<script src="js/bootstrap-tab.js" type="text/javascript"></script>
<script src="js/bootstrap-tooltip.js" type="text/javascript"></script>
<script src="js/bootstrap-popover.js" type="text/javascript"></script>
<script src="js/bootstrap-button.js" type="text/javascript"></script>
<script src="js/bootstrap-collapse.js" type="text/javascript"></script>
<script src="js/bootstrap-carousel.js" type="text/javascript"></script>
<script type="text/javascript" src="js/carousel.js"></script>
<script src="js/bootstrap-typeahead.js" type="text/javascript"></script>
<script src="js/bootstrap-affix.js" type="text/javascript"></script>
<script src="js/fileinput.jquery.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.8.23.custom.min.js" type="text/javascript"></script>
<script src="js/jquery.touchdown.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript"
src="js/plugins/jquery.uniform.min.js"></script>
<script language="javascript" type="text/javascript"
src="js/plugins/jquery.tinyscrollbar.min.js"></script>
<script language="javascript" type="text/javascript"
src="js/jnavigate.jquery.min.js"></script>
<script language="javascript" type="text/javascript"
src="js/jquery.touchSwipe.min.js"></script>
<script language="javascript" type="text/javascript"
src="js/plugins/jquery.peity.min.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/wysihtml5-
0.3.0.min.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/bootstrap-
wysihtml5.js"></script>
<script language="javascript" type="text/javascript"
src="js/plugins/jquery.peity.min.js"></script>
<!-- Flot charts -->
<script language="javascript" type="text/javascript"
src="js/plugins/flot/jquery.flot.js"></script>
<script language="javascript" type="text/javascript"
src="js/plugins/flot/jquery.flot.resize.js"></script>
<!-- Data tables -->

17. Spyware Terminatore
17 Mudafiq Ryan Pratama, S.Kom
Get.php
<script type="text/javascript" language="javascript"
src="js/plugins/datatables/js/jquery.dataTables.js"></script>
<!-- Task plugin -->
<script language="javascript" type="text/javascript" src="js/plugins/knockout-
2.0.0.js"></script>
<!-- Custom made scripts for this template -->
<script src="js/scripts.js" type="text/javascript"></script>
<script type="text/javascript">
/**** Specific JS for this page ****/
</script>
</body>
</html>
<?php
include ("koneksi.php");
$q = $_GET["q"];
$k = $_GET["k"];
$sql ="SELECT no,jadwal.idka AS jadwal,ka.namaka AS
nama,berangkat,tiba,kelas.namakelas AS kelas,tarifdewasa,tarifanak,tarifbayi
FROM jadwal INNER JOIN ka ON jadwal.idka=ka.idka INNER JOIN kelas ON
jadwal.kelas= kelas.nokelas
WHERE asal='".$q."' AND tujuan='".$k."'";
$result = mysql_query($sql);
echo "<table border='1'>
<tr>
<th>No</th>
<th>ID KA</th>
<th>Nama KA</th>
<th>Berangkat</th>
<th>Tiba</th>
<th>Kelas</th>
<th>Tarif Dewasa</th>
<th>Tarif Anak</th>
<th>Tarif Bayi</th>
</tr>";

18. Spyware Terminatore
18 Mudafiq Ryan Pratama, S.Kom
Get_beli.php
while($row = mysql_fetch_array($result)){
echo "<tr>";
echo "<td>".$row['no']."</td>";
echo "<td>".$row['jadwal']."</td>";
echo "<td>".$row['nama']."</td>";
echo "<td>".$row['berangkat']."</td>";
echo "<td>".$row['tiba']."</td>";
echo "<td>".$row['kelas']."</td>";
echo "<td>".$row['tarifdewasa']."</td>";
echo "<td>".$row['tarifanak']."</td>";
echo "<td>".$row['tarifbayi']."</td>";
echo "</tr>";
}
echo "</table>"
?>
while($row = mysql_fetch_array($result)){
echo "<tr>";
echo "<td>".$row['no']."</td>";
echo "<td>".$row['jadwal']."</td>";
echo "<td>".$row['nama']."</td>";
echo "<td>".$row['berangkat']."</td>";
echo "<td>".$row['tiba']."</td>";
echo "<td>".$row['kelas']."</td>";
echo "<td>".$row['tarifdewasa']."</td>";
echo "<td>".$row['tarifanak']."</td>";
echo "<td>".$row['tarifbayi']."</td>";
echo "</tr>";}
echo "</table>"
?>
<!--?php
include ("koneksi.php");
$fullname = $_POST['fullname'];
$email = $_POST['email'];
$nohp = $_POST['nohp'];
$password = $_POST['password'];
$kopassword = $_POST['kopassword'];
$sql = "insert into beli values('','','','')";
$result = mysql_query($sql) or die(mysql_error());

19. Spyware Terminatore
19 Mudafiq Ryan Pratama, S.Kom
if ($result) {
header('location:forms_pesan.php?message=success');
}
?-->
<?php
mysql_connect("localhost","root","");
mysql_select_db("train");
<?php
include ("koneksi.php");
$t = $_GET["t"];
$q = $_GET["q"];
$k = $_GET["k"];
$sql="SELECT j.no,j.idka AS idka,k.namaka AS namaka,j.berangkat AS berangkat,j.tiba AS
tiba,c.namakelas AS kelas,
j.tarifdewasa AS dewasa,j.tarifanak AS anak,j.tarifbayi AS bayi
FROM tiket t INNER JOIN jadwal j ON t.jadwalka=j.no INNER JOIN ka k ON
j.idka=k.idka INNER JOIN kelas c ON j.kelas= c.nokelas
INNER JOIN kota o ON j.asal=o.idkota INNER JOIN kota a ON
j.tujuan=a.idkota
WHERE t.tgl='".$t."' AND j.asal='".$q."' AND j.tujuan='".$k."'";
$result = mysql_query($sql);
$no=1;
while($rows = mysql_fetch_array($result)){
?>
<tr>
<td><label class="checkbox "><input type="checkbox" name="pilih"
id="pilih"></label></td>
<td><? echo $no; ?> </td>
<td><? echo $rows['idka']; ?> </td>
<td><? echo $rows['namaka']; ?></td>
<td><? echo $rows['berangkat'];?> </td>
<td><? echo $rows['tiba'];?> </td>
<td><? echo $rows['kelas']; ?> </td>
<td><? echo $rows['dewasa'];?></td>
<td><? echo $rows['anak'];?></td>
<td><? echo $rows['bayi'];?></td>
</tr>
<?
$no++;
}?>

20. Spyware Terminatore
20 Mudafiq Ryan Pratama, S.Kom
get_jadwal.php
<!DOCTYPE html>
<link href="css/base.css" rel="stylesheet">
<script src="js/pesan.js"></script>
<div class="row-fluid">
<div class="span12">
<div class="box paint color_13">
<div class="title">
<h4> <i class=" icon-bar-chart"></i><span>Jadwal Kereta </span> </h4>
</div>
<!-- End .title -->
<div class="content top">
<form class="form-horizontal" method="post"
action="get_beli.php">
<table id="datatable_example" class="responsive table table-striped table-
bordered" style="width:100%;margin-bottom:0;color:white; ">
<thead>
<tr>
<th class="no_sort"> <label class="checkbox ">
<input type="checkbox" id="pesan" name="pesan">
</label>
</th>
<th class="no_sort"> No </th>
<th class="no_sort"> ID Kereta </th>
<th class="no_sort"> Nama Kereta </th>
<th class="no_sort"> Berangkat </th>
<th class="no_sort"> Tiba </th>
<th class="no_sort"> Kelas </th>
<th class="no_sort "> Tarif Dewasa </th>
<th class="no_sort "> Tarif Anak </th>
<th class="no_sort "> Tarif Bayi </th>
</tr>
</thead>
<tbody >
<?php
include ("koneksi.php");
$t = $_GET["t"];
$q = $_GET["q"];
$k = $_GET["k"];

21. Spyware Terminatore
21 Mudafiq Ryan Pratama, S.Kom
$sql="SELECT j.no,j.idka AS idka,k.namaka AS namaka,j.berangkat AS berangkat,j.tiba AS
tiba,c.namakelas AS kelas,j.tarifdewasa AS dewasa,j.tarifanak AS anak,j.tarifbayi AS bayi
FROM tiket t INNER JOIN jadwal j ON t.jadwalka=j.no INNER JOIN ka k ON j.idka=k.idka
INNER JOIN kelas c ON j.kelas= c.nokelas INNER JOIN kota o ON j.asal=o.idkota INNER
JOIN kota a ON j.tujuan=a.idkota WHERE t.tgl='".$t."' AND j.asal='".$q."' AND
j.tujuan='".$k."'";
$result = mysql_query($sql);
$no=1;
while($rows = mysql_fetch_array($result)){
?>
<tr>
<td><label class="checkbox "><input type="checkbox" name="pilih"
id="pilih"></label></td>
<td><? echo $no; ?> </td>
<td><? echo $rows['idka']; ?> </td>
<td><? echo $rows['namaka']; ?></td>
<td><? echo $rows['berangkat'];?> </td>
<td><? echo $rows['tiba'];?> </td>
<td><? echo $rows['kelas']; ?> </td>
<td><? echo $rows['dewasa'];?></td>
<td><? echo $rows['anak'];?></td>
<td><? echo $rows['bayi'];?></td>
</tr>
<? $no++; }?>
</tbody>
</table>
<!--div class="form-actions row-fluid control-group mt15">
<div class="pull-left span6 visible-desktop">
<div class="row-fluid fluid ">
<button type="button" class="btn btn-inverse inline">Pesan</button>
</div>
</div>
</div-->
</div>
</div>
<!-- End row-fluid -->
<div id="txtBeli"></div>
</div>
<!-- End .content -->
</div>
<!-- End box -->
</div>

22. Spyware Terminatore
22 Mudafiq Ryan Pratama, S.Kom
Koneksi.php
Cek.php
Daftar.php
<?php
$servername = "localhost";
$username = "root";
$password = "";
$databasename = "train";
$db = mysql_connect("$servername", "$username", "$password") or die ("I cannot
connect to the database because: " . mysql_error()); //membuat koneksi ke mysql
mysql_select_db("$databasename", $db) or die ("I cannot select the database
'$databasename' because: " . mysql_error()); //memanggil nama databasenya
?>
<?php
session_start();
if(!isset($_SESSION['namauser'])){
include ("index.php");
echo "<script language="Javascript">n";
echo "alert('Anda Belum Login')";
echo "</script>";
exit;
}
?>
<?php
//panggil file config.php untuk menghubung ke server
include('koneksi.php');
//tangkap data dari form
$fullname = $_POST['fullname'];
$email = $_POST['email'];
$nohp = $_POST['nohp'];
$password = $_POST['password'];
$kopassword = $_POST['kopassword'];
$tgll = $_POST['tgll'];

23. Spyware Terminatore
23 Mudafiq Ryan Pratama, S.Kom
Submit.php
$noid = $_POST['noid'];
$alamat = $_POST['alamat'];
$prop = $_POST['prop'];
$kotaa = $_POST['kotaa'];
$kode = $_POST['kode'];
$bang = $_POST['bang'];
$norek = $_POST['norek'];
$nama = $_POST['nama'];
$level = $_POST['cek'];
//simpan data ke database
$query = mysql_query("insert into pendaftar
values('$fullname','$email','$nohp','$password','$kopassword',
'$tgll','$noid','$alamat','$prop','$kotaa','$kode','$bang','$norek','$nama','$level')") or
die(mysql_error());
if ($query) {
header('location:http://localhost/metro-Train/Template/form_register.php');
}
?>
<?php
session_start();
include ("koneksi.php");
$namauser = $_POST['username'];
$password = $_POST['password'];
if($namauser=="express" && $password=="401"){
$_SESSION['namauser']=$namauser;
header( "Location: http://localhost/metro-Train/Template/index2.php" );
}else{
include ("index.php");
echo "<script language='Javascript'> alert('Masukkan Username dan
Password');</script>";
}
?>
<!--?php
session_start();
mysql_connect('localhost', 'root', '');

24. Spyware Terminatore
24 Mudafiq Ryan Pratama, S.Kom
mysql_select_db('train');
$username = $_POST['username'];
$password = $_POST['password'];
$query = "SELECT * FROM pendaftar WHERE nama='$username' and pass = '$password'";
$hasil = mysql_query($query);
$data = mysql_fetch_array($hasil);
if ($password == $data['pass']){
$_SESSION['level'] = $data['level'];
$_SESSION['nama'] = $data['nama'];
include "index2.php";
} else{
include ("index.php");
echo "<script language='Javascript'> alert('Masukkan Username dan
Password');</script>";
}
?-->
<!--?php
include "koneksi.php";
$pass=md5($_POST[password]);
$nama=$_POST[username];
$sql=mysql_query("SELECT * FROM pendaftar WHERE nama='$nama' AND
password='$pass'");
$level=mysql_num_rows($sql);
$r=mysql_fetch_array($sql);
if ($level > 0){
session_start();
session_register("namauser");
session_register("passuser");
session_register("leveluser");
$_SESSION[namauser] = $r[id_user];
$_SESSION[passuser] = $r[password];
$_SESSION[leveluser]= $r[level];
header('location:admin.php');
}
else{
header('location:index.php');
}
?-->

25. Spyware Terminatore
25 Mudafiq Ryan Pratama, S.Kom
Menu.php
<!--?php
session_start();
mysql_connect("localhost","root","")or die("Tidak Bisa Tekoneksi");
mysql_select_db("train");
$username = $_POST['username'];
$password = $ $POST['password'];
$op = $_GET['op'];
if($op=="in"){
$cek = mysql_query("SELECT*FROM pendaftar WHERE nama='$username' AND
pass='$password'");
if(mysql_num_rows($cek)==1){
$c = mysql_fetch_array($cek);
$_SESSION['nama'] = $c['nama'];
$_SESSION['level'] = $c['level'];
if ($c['level']=="admin"){
header( "Location: http://localhost/metro-Train/Template/index2.php" );
}else if($c['level']=="member"){
header( "Location: http://localhost/metro-Train/Template/index3.php" );}
}else{
include ("index.php");
echo "<script language='Javascript'> alert('Masukkan Username dan
Password');</script>";
}
}else if ($op=="out"){
unset($_SESSION['nama']);
unset($_SESSION['level']);
header( "Location: http://localhost/metro-Train/Template/index.php" );
}
?-->
<?php
session_start();
if ($_SESSION['level'] == "admin")
{
include ('index2.php');
include ('forms_panduanpesan.php');
include ('forms_panduanbayar.php');
include ('form_register.php');
include ('forms_pesan.php');

26. Spyware Terminatore
26 Mudafiq Ryan Pratama, S.Kom
Upjadwal.php (update jadwal)
include ('forms_jadwal.php');
include ('forms_info.php');
include ('forms_profil.php');
include ('forms_kontak.php');
include ('form_login.php');
include ('forms_tanya.php');
include ('forms_setting.php');
include ('logout.php');
}
else if ($_SESSION['level'] == "member")
{
include ('index2.php');
include ('forms_panduanpesan.php');
include ('forms_panduanbayar.php');
include ('forms_pesan.php');
include ('forms_jadwal.php');
include ('forms_info.php');
include ('forms_profil.php');
include ('forms_kontak.php');
include ('form_login.php');
include ('forms_tanya.php');
include ('logout.php');
} ?>
<?php
//panggil file config.php untuk menghubung ke server
include('koneksi.php');
//tangkap data dari form
$no = $_POST['no'];
$dewasa = $_POST['dewasa'];
$anak = $_POST['anak'];
$bayi = $_POST['bayi'];
//simpan data ke database
$query = mysql_query("update jadwal set
tarifdewasa='$dewasa',tarifanak='$anak',tarifbayi='$bayi' where no='$no'") or
die(mysql_error());
if ($query) {
header('location:http://localhost/metro-Train/Template/forms_setting.php');
}
?>

27. Spyware Terminatore
27 Mudafiq Ryan Pratama, S.Kom
Uptiket.php (Update tiket)
Injadwal.php (Insert Jadwal)
<?php
//panggil file config.php untuk menghubung ke server
include('koneksi.php');
//tangkap data dari form
$tiket = $_POST['tiket'];
$jumlah = $_POST['jumlah'];
//simpan data ke database
$query = mysql_query("update tiket set jumlahtiket='$jumlah' where no='$tiket'") or
die(mysql_error());
if ($query) {
header('location:http://localhost/metro-Train/Template/forms_setting.php');
}
?>
<?php
//panggil file config.php untuk menghubung ke server
include('koneksi.php');
//tangkap data dari form
$ka = $_POST['ka'];
$berangkat = $_POST['berangkat'];
$tiba = $_POST['tiba'];
$kelas = $_POST['kelas'];
$asal = $_POST['asal'];
$tujuan = $_POST['tujuan'];
$dewasa = $_POST['dewasa'];
$anak = $_POST['anak'];
$bayi = $_POST['bayi'];
//simpan data ke database
$query = mysql_query("insert into jadwal values(null,'$ka','$berangkat','$tiba','$kelas',
'$asal','$tujuan','$dewasa','$anak','$bayi')") or die(mysql_error());
if ($query) {
header('location:http://localhost/metro-Train/Template/forms_setting.php');
}
?>

28. Spyware Terminatore
28 Mudafiq Ryan Pratama, S.Kom
Inteiket.php
Form_profil.php ( Untuk form yang lain dpat dibuat sesuai yang
diinginkan dan ini hanya salah satunya)
<?php
//panggil file config.php untuk menghubung ke server
include('koneksi.php');
//tangkap data dari form
$not = $_POST['no'];
$jadwall = $_POST['jadwal'];
$tgll = $_POST['tgl'];
$jumlahh = $_POST['jumlah'];
//simpan data ke database
$query = mysql_query("insert into tiket values('$no','$jadwal','$tgl','$jumlah')") or
die(mysql_error());
if ($query) {
header('location:http://localhost/metro-Train/Template/forms_setting.php');
}
?>
<?php
session_start();
include "cek.php";
include("koneksi.php");
?>
<!DOCTYPE html>
<html class="sidebar_default no-js" lang="en">
<head>
<meta charset="utf-8">
<title>Profile 401 Express</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="css/images/train.png">
<!-- Le styles -->
<link href="js/plugins/chosen/chosen/chosen.css" rel="stylesheet">
<link href="css/twitter/bootstrap.css" rel="stylesheet">

29. Spyware Terminatore
29 Mudafiq Ryan Pratama, S.Kom
<link href="css/base.css" rel="stylesheet">
<link href="css/twitter/responsive.css" rel="stylesheet">
<link href="css/jquery-ui-1.8.23.custom.css" rel="stylesheet">
<script src="js/plugins/modernizr.custom.32549.js"></script>
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div id="loading"><img src="img/ajax-loader.gif"></div>
<div id="responsive_part">
<div class="logo"> <a href="index2.php"><span>Start</span><span
class="icon"></span></a> </div>
<ul class="nav responsive">
<li>
<button class="btn responsive_menu icon_item" data-toggle="collapse" data-
target=".overview"> <i class="icon-reorder"></i> </button>
</li>
</ul>
</div>
<!-- Responsive part -->
<div id="sidebar" class="">
<div class="scrollbar">
<div class="track">
<div class="thumb">
<div class="end"></div>
</div>
</div>
</div>
<div class="viewport ">
<div class="overview collapse">
<div class="search row-fluid container">
<h2>Search</h2>
<form class="form-search">
<div class="input-append">
<input type="text" class=" search-query" placeholder="">
<button class="btn_search color_1">Search</button>
</div>
</form>
</div>

30. Spyware Terminatore
30 Mudafiq Ryan Pratama, S.Kom
<ul id="sidebar_menu" class="navbar nav nav-list container full">
<li class="color_4"> <a class="dashboard " href="index2.php"><img
src="img/menu_icons/home2.png"><span>Home</span></a> </li>
<li class="accordion-group color_24"> <a class="accordion-toggle widgets
collapsed " data-toggle="collapse" data-parent="#sidebar_menu" href="#collapse1">
<img src="img/menu_icons/others.png"><span>Panduan</span></a>
<ul id="collapse1" class="accordion-body collapse">
<li><a href="forms_panduanpesan.php">Panduan Pemesanan</a></li>
<li><a href="forms_panduanbayar.php">Panduan
Pembayaran</a></li>
</ul> </li>
<li class="color_3"><a class="widgets"data-parent="#sidebar_menu"
href="form_register.php"> <img
src="img/menu_icons/forms.png"><span>Daftar</span></a> </li>
<li class="color_13"><a class="widgets"data-parent="#sidebar_menu"
href="forms_pesan.php"> <img src="img/menu_icons/calendar.png"><span>Pesan
Tiket</span></a> </li>
<li class="color_19"><a class="widgets"data-parent="#sidebar_menu"
href="forms_jadwal.php"> <img src="img/menu_icons/tables.png"><span>Jadwal
Kereta</span></a> </li>
<li class="color_4" > <a class="widgets"data-parent="#sidebar_menu"
href="forms_info.php"> <img src="img/menu_icons/file.png"><span>Info</span></a>
</li>
<li class="color_12"> <a class="widgets"data-parent="#sidebar_menu"
href="forms_tanya.php"> <img src="img/menu_top/profile-
messages.png"><span>Pertanyaan</span></a> </li>
<li class="accordion-group color_25 active"> <a class="accordion-toggle
widgets collapsed" data-toggle="collapse" data-parent="#sidebar_menu"
href="#collapse5"> <img src="img/menu_top/profile-avatar.png"><span>Tentang
Kami</span></a>
<ul id="collapse5" class="accordion-body collapse in">
<li class="active"><a href="forms_profil.php">Profil</a></li>
<li><a href="forms_kontak.php">Kontak</a></li>
<li><a href="form_login.php">Login</a></li>
</ul>
</li>
</ul>
<div class="menu_states row-fluid container ">
<h2 class="pull-left">Menu Settings</h2>
<div class="options pull-right">
<button id="menu_state_1" class="color_1" rel="tooltip" data-state ="sidebar_icons"
data-placement="top" data-original-title="Icon Menu">1</button>

31. Spyware Terminatore
31 Mudafiq Ryan Pratama, S.Kom
<button id="menu_state_2" class="color_1 active" rel="tooltip" data-state
="sidebar_default" data-placement="top" data-original-title="Fixed Menu">2</button>
<button id="menu_state_3" class="color_1" rel="tooltip" data-placement="top"
data-state ="sidebar_hover" data-original-title="Floating on Hover Menu">3</button>
</div>
</div>
<!-- End sidebar_box -->
</div>
</div>
</div>
<div id="main">
<div class="container">
<div class="header row-fluid">
<div class="top_right">
<ul class="nav nav_menu">
<li class="dropdown"> <a class="dropdown-toggle administrator" id="dLabel"
role="button" data-toggle="dropdown" data-target="#" href="/page.html">
<div class="title"><span class="name">401 Express</span><span
class="subtitle">Service Of Train Tickets Online</span></div>
<span class="icon"><img src="img/ka.png"></span></a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<li><a href="forms_profil.php"><i class=" icon-user"></i> Profil</a></li>
<li><a href="logout.php"><i class=" icon-unlock"></i>Log Out</a></li>
</ul>
</li>
</ul>
</div>
<!-- End top-right -->
</div>
<div id="main_container">
<div class="row-fluid">
<div class="span3">
<div class="title">
<div class="row-fluid legend">
<h1> 401 Express </h1>
</div> </div>
<!-- End .title -->
<div class="content">
<div class="row-fluid well well-small"> <img class="row-fluid" src="img/img5.png">
</div>
<ul class="nav nav-tabs dark nav-stacked">

32. Spyware Terminatore
32 Mudafiq Ryan Pratama, S.Kom
<li><a href="forms_profil.php"><i class="gicon-user"></i> Profil</a></li>
<li><a href="#"><i class="gicon-envelope"></i> Messages</a></li>
<li><a href="logout.php"><i class="gicon-lock"></i> Log Out</a></li>
</ul>
</div>
<!-- End .content -->
</div>
<!-- End .span3 -->
<div class="span9">
<div class="row-fluid legend profile">
<div class="row-fluid ">
<div class="span6 spacer">
<ul class="unstyled">
<li class="location pull-left right_offset"><span class="muted"><i class="icon-
map-marker"></i> Location:</span> London, UK</li>
<li class="location "><span class="muted"><i class="icon-globe"></i></span>
Brighton Business School </li>
</ul>
</div>
<div class="span6">
<div class=" pull-right">
<button class="btn btn-info" rel="tooltip" data-placement="top" data-original-
title="Send a private message">Send Message</button>
<button class="btn btn-primary" rel="tooltip" data-placement="top" data-
original-title="Connect with this user">Connect</button>
</div>
</div>
</div>
</div>
<!-- End .legend -->
<div class="content spacer-big">
<h3><span>Tentang Kami</span></h3>
<hr>
<p>Layanan ini merupakan kerjasama resmi antara PT Kereta Api Indonesia dan PT.
Bimasakti Multiwealth untuk meningkatkan kemudahan layanan
reservasi tiket kereta api kepada masyarakat pengguna jasa kereta
api di Indonesia</p>
<hr>
<blockquote>

33. Spyware Terminatore
33 Mudafiq Ryan Pratama, S.Kom
original-title="Connect with this user">Connect</button>
</div>
</div>
</div>
</div>
<!-- End .legend -->
<div class="content spacer-big">
<h3><span>Tentang Kami</span></h3>
<hr>
<p>Layanan ini merupakan kerjasama resmi antara PT Kereta Api Indonesia dan PT.
Bimasakti Multiwealth untuk meningkatkan kemudahan layanan
reservasi tiket kereta api kepada masyarakat pengguna jasa kereta
api di Indonesia</p>
<hr>
<blockquote>
<small>Someone famous <cite title="Source Title">Source Title</cite></small>
</blockquote>
<hr>
<h3><span>Alamat</span></h3>
<address>
<strong>PT KAI</strong><br>
Jl.Karimata Semeru 15<br>
Jember, 68121<br>
<abbr title="Phone">Telepon:</abbr> (0341) 456-7890
</address>
<address>
<strong>Email/YM :</strong><br>
<a href="mailto:#">express.train@yahoo.co.id</a>
</address>
<hr>
</div>
<!-- End .content -->
</div>
</div>
<!-- End .row-fluid -->
</div>
<!-- End #container -->
</div>
<div id="footer">
<p> &copy; Start - Spyware Terminator 2013 </p> </div>
</div>
<div class="background_changer dropdown">
<div class="dropdown" id="colors_pallete"> <a data-toggle="dropdown" data-
target="drop4" class="change_color"></a>
<ul class="dropdown-menu pull-left" role="menu" aria-labelledby="drop4">
<li><a data-color="color_0" class="color_0" tabindex="-1">1</a></li>
<li><a data-color="color_1" class="color_1" tabindex="-1">1</a></li>
<li><a data-color="color_2" class="color_2" tabindex="-1">2</a></li>
<li><a data-color="color_3" class="color_3" tabindex="-1">3</a></li>
<li><a data-color="color_4" class="color_4" tabindex="-1">4</a></li>
<li><a data-color="color_5" class="color_5" tabindex="-1">5</a></li>
<li><a data-color="color_6" class="color_6" tabindex="-1">6</a></li>
<li><a data-color="color_7" class="color_7" tabindex="-1">7</a></li>
<li><a data-color="color_8" class="color_8" tabindex="-1">8</a></li>
<li><a data-color="color_9" class="color_9" tabindex="-1">9</a></li>
<li><a data-color="color_10" class="color_10" tabindex="-1">10</a></li>

34. Spyware Terminatore
34 Mudafiq Ryan Pratama, S.Kom
target="drop4" class="change_color"></a>
<ul class="dropdown-menu pull-left" role="menu" aria-labelledby="drop4">
<li><a data-color="color_0" class="color_0" tabindex="-1">1</a></li>
<li><a data-color="color_1" class="color_1" tabindex="-1">1</a></li>
<li><a data-color="color_2" class="color_2" tabindex="-1">2</a></li>
<li><a data-color="color_3" class="color_3" tabindex="-1">3</a></li>
<li><a data-color="color_4" class="color_4" tabindex="-1">4</a></li>
<li><a data-color="color_5" class="color_5" tabindex="-1">5</a></li>
<li><a data-color="color_6" class="color_6" tabindex="-1">6</a></li>
<li><a data-color="color_7" class="color_7" tabindex="-1">7</a></li>
<li><a data-color="color_8" class="color_8" tabindex="-1">8</a></li>
<li><a data-color="color_9" class="color_9" tabindex="-1">9</a></li>
<li><a data-color="color_10" class="color_10" tabindex="-1">10</a></li>
<li><a data-color="color_11" class="color_11" tabindex="-1">10</a></li>
<li><a data-color="color_12" class="color_12" tabindex="-1">12</a></li>
<li><a data-color="color_13" class="color_13" tabindex="-1">13</a></li>
<li><a data-color="color_14" class="color_14" tabindex="-1">14</a></li>
<li><a data-color="color_15" class="color_15" tabindex="-1">15</a></li>
<li><a data-color="color_16" class="color_16" tabindex="-1">16</a></li>
<li><a data-color="color_17" class="color_17" tabindex="-1">17</a></li>
<li><a data-color="color_18" class="color_18" tabindex="-1">18</a></li>
<li><a data-color="color_19" class="color_19" tabindex="-1">19</a></li>
<li><a data-color="color_20" class="color_20" tabindex="-1">20</a></li>
<li><a data-color="color_21" class="color_21" tabindex="-1">21</a></li>
<li><a data-color="color_22" class="color_22" tabindex="-1">22</a></li>
<li><a data-color="color_23" class="color_23" tabindex="-1">23</a></li>
<li><a data-color="color_24" class="color_24" tabindex="-1">24</a></li>
<li><a data-color="color_25" class="color_25" tabindex="-1">25</a></li>
</ul>
</div>
</div>
<!-- End .background_changer -->
</div>
<!-- /container -->
<!-- Le javascript
================================================== -->
<!-- General scripts -->
<script src="js/jquery.js" type="text/javascript"> </script>
<!--[if !IE]> -->
<script src="js/plugins/enquire.min.js" type="text/javascript"></script>
<!-- <![endif]-->
<script language="javascript" type="text/javascript"
src="js/plugins/jquery.sparkline.min.js"></script>
<script src="js/plugins/excanvas.compiled.js" type="text/javascript"></script>
<script src="js/bootstrap-transition.js" type="text/javascript"></script>
<script src="js/bootstrap-alert.js" type="text/javascript"></script>
<script src="js/bootstrap-modal.js" type="text/javascript"></script>
<script src="js/bootstrap-dropdown.js" type="text/javascript"></script>
<script src="js/bootstrap-scrollspy.js" type="text/javascript"></script>
<script src="js/bootstrap-tab.js" type="text/javascript"></script>
<script src="js/bootstrap-tooltip.js" type="text/javascript"></script>
<script src="js/bootstrap-popover.js" type="text/javascript"></script>
<script src="js/bootstrap-button.js" type="text/javascript"></script>
<script src="js/bootstrap-collapse.js" type="text/javascript"></script>

35. Spyware Terminatore
35 Mudafiq Ryan Pratama, S.Kom
Pesan.js
<script src="js/bootstrap-carousel.js" type="text/javascript"></script>
<script src="js/bootstrap-typeahead.js" type="text/javascript"></script>
<script src="js/bootstrap-affix.js" type="text/javascript"></script>
<script src="js/fileinput.jquery.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.8.23.custom.min.js" type="text/javascript"></script>
<script src="js/jquery.touchdown.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript"
src="js/plugins/jquery.uniform.min.js"></script>
<script language="javascript" type="text/javascript"
src="js/plugins/jquery.tinyscrollbar.min.js"></script>
<script language="javascript" type="text/javascript"
src="js/jnavigate.jquery.min.js"></script>
<script language="javascript" type="text/javascript"
src="js/jquery.touchSwipe.min.js"></script>
<script language="javascript" type="text/javascript"
src="js/plugins/jquery.peity.min.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/wysihtml5-
0.3.0.min.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/bootstrap-
wysihtml5.js"></script>
<script language="javascript" type="text/javascript"
src="js/plugins/jquery.peity.min.js"></script>
<!-- Custom made scripts for this template -->
<script src="js/scripts.js" type="text/javascript"></script>
<script type="text/javascript">
/**** Specific JS for this page ****/
</script>
</body>
</html>
var xmlHttp
function booking(no){
xmlHttp=GetXmlHttpObject()
if(xmlHttp==null){
alert("Browser anda tidak support")
return
}

36. Spyware Terminatore
36 Mudafiq Ryan Pratama, S.Kom
Select.js
var pilih = document.getElementById('no').value;
var url="get_beli.php"
url = url +"?c="+no
xmlHttp.onreadystatechange=stateChanged
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
}
function stateChanged(){
if(xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){
document.getElementById("txtBeli").innerHTML=xmlHttp.responseText
}
}
function GetXmlHttpObject(){
var xmlHttp=null;
try{
xmlHttp = new XMLHttpRequest();
}catch(e){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
return xmlHttp;
}
var xmlHttp
function showJadwal(kotatujuan){
xmlHttp=GetXmlHttpObject()
if(xmlHttp==null){
alert("Browser anda tidak support")
return
}
var tgl = document.getElementById('tgl').value;
var kotaasal = document.getElementById('kotaasal').value;
var url="get_jadwal.php"
url = url +"?t="+tgl+"&q="+kotaasal+"&k="+kotatujuan
xmlHttp.onreadystatechange=stateChanged
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
}

37. Spyware Terminatore
37 Mudafiq Ryan Pratama, S.Kom
Query Database
 Membuat Tabel Baru
CREATE TABLE admin (
idadd INT NOT NULL PRIMARY KEY,
username VARCHAR(50),
pass CHAR(50));
CREATE TABLE kota (
idkota CHAR(10) NOT NULL PRIMARY KEY,
namakota VARCHAR(25));
CREATE TABLE kelas (
nokelas CHAR(10) NOT NULL PRIMARY KEY,
namakelas VARCHAR(25));
function stateChanged(){
if(xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){
document.getElementById("txtHint").innerHTML=xmlHttp.responseText
}
}
function GetXmlHttpObject(){
var xmlHttp=null;
try{
xmlHttp = new XMLHttpRequest();
}catch(e){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
return xmlHttp;
}

38. Spyware Terminatore
38 Mudafiq Ryan Pratama, S.Kom
CREATE TABLE ka (
idka INT NOT NULL PRIMARY KEY,
namaka VARCHAR(30));
CREATE TABLE jadwal(
NO INT NOT NULL PRIMARY KEY,
idka INT,
berangkat TIME,
tiba TIME,
kelas CHAR(10),
asal CHAR(10),
tujuan CHAR(10),
tarifdewasa INT,
tarifanak INT,
tarifbayi INT,
FOREIGN KEY (idka) REFERENCES ka (idka),
FOREIGN KEY (asal) REFERENCES kota (idkota),
FOREIGN KEY (tujuan) REFERENCES kota (idkota),
FOREIGN KEY (kelas) REFERENCES kelas (nokelas)
);
CREATE TABLE bank (
idbank CHAR(10) NOT NULL PRIMARY KEY,
namabank VARCHAR(35));

39. Spyware Terminatore
39 Mudafiq Ryan Pratama, S.Kom
CREATE TABLE propinsi (
idpro CHAR(10) NOT NULL PRIMARY KEY,
namapro VARCHAR(30));
CREATE TABLE beli (
idbeli INT NOT NULL PRIMARY KEY,
noid CHAR(50),
notiket INT,
total INT,
FOREIGN KEY (noid) REFERENCES pendaftar (noid),
FOREIGN KEY (notiket) REFERENCES jadwal(NO)
);
CREATE TABLE tiket(
idtiket CHAR(10) NOT NULL PRIMARY KEY,
jadwalka INT,
tgl DATE,
jumlahtiket INT,
FOREIGN KEY (jadwalka) REFERENCES jadwal (NO)
);
CREATE TABLE pendaftar (
nama VARCHAR(100) ,
email VARCHAR(50),
nohp VARCHAR(15),

40. Spyware Terminatore
40 Mudafiq Ryan Pratama, S.Kom
pass VARCHAR(50),
kopass VARCHAR(50),
tgll DATE,
noid CHAR(50) NOT NULL PRIMARY KEY,
alamat VARCHAR(200),
prop CHAR(10),
kotaa CHAR(10),
kodepos CHAR(5),
nmbank CHAR(10),
norek CHAR(50),
nmrek VARCHAR(60),
FOREIGN KEY (prop) REFERENCES propinsi (idpro),
FOREIGN KEY (kotaa) REFERENCES kota (idkota),
FOREIGN KEY (nmbank) REFERENCES bank (idbank));
 Memasukkan data menggunakan Procedure
CREATE PROCEDURE kota(IN idkot CHAR(10),IN nmakot VARCHAR(25))
INSERT INTO kota (idkota,namakota)VALUES(idkot,nmakot)
CREATE PROCEDURE kelas (IN nokel CHAR(10),IN nmakel VARCHAR(25))
INSERT INTO kelas (nokelas,namakelas) VALUES(nokel,nmakel)
INSERT INTO admin VALUES (1,'express','401')

41. Spyware Terminatore
41 Mudafiq Ryan Pratama, S.Kom
INSERT INTO kota (idkota, namakota)
VALUES('KT01','AEKLOBA'),('KT02','ARJAWINANGUN'),('KT03','AWIPARI'),('
KT04','BABADAN'),('KT05','BABAKAN'),('KT06','BABAT'),('KT07','BAGOR'),('K
T08','BAJALINGGEI'),('KT09','BANDARKALIPAH'),('KT10','BANDARTINGGI'),('
KT11','BANDUNG'),('KT12','BANGIL'),('KT13','BANGODUWA'),('KT14','BANJA
R'),('KT15','BANJARSARI'),('KT16','BANYUWANGIBARU'),('KT17','BARAT'),('K
T18','BARON'),('KT19','BATANG'),('KT20','BATANGKUIS'),('KT21','BATURAJA')
,('KT22','BEKASI'),('KT23','BEKRI'),('KT24','BINJAI'),('KT25','BLAMBANGANU
MPU'),('KT26','BLIMBING'),('KT27','BLIMBINGPENDOPO'),('KT28','BLITAR'),('
KT29','BOHARAN'),('KT30','BOJONEGORO'),('KT31','BOJONG'),('KT32','BRAMB
ANAN'),('KT33','BREBES'),('KT34','BRUMBUNG'),('KT35','BULAKAMBA'),('KT3
6','BUMIAYU'),('KT37','BUNGAMAS'),('KT38','CARUBAN'),('KT39','CEPU'),('KT4
0','CIAMIS'),('KT41','CIAWI'),('KT42','CIBATU'),('KT43','CICALENGKA'),('KT44','
CIKADONGDONG'),('KT45','CIKAMPEK'),('KT46','CILACAP'),('KT47','CILEDUG
'),('KT48','CILEGEH'),('KT49','CIMAHI'),('KT50','CIPARI'),('KT51','CIPEUNDEUY'
),('KT52','CIPUNEGARA'),('KT53','CIREBON'),('KT54','CIREBONPRUJAKAN'),('
KT55','COMAL'),('KT56','DENPASAR'),('KT57','DOLOKMERANGIR'),('KT58','DO
PLANG'),('KT59','GAMBIR'),('KT60','GANDRUNGMANGUN'),('KT61','GARUM'),
('KT62','GEDANGAN'),('KT63','GEDEBAGE'),('KT64','GENENG'),('KT65','GIHAM
'),('KT66','GLENMORE'),('KT67','GOMBONG'),('KT68','GRATI'),('KT69','GUMILI
R'),('KT70','GUNDIH'),('KT71','GUNUNGMEGANG'),('KT72','HAURGEULIS'),('K
T73','HAURPUGUR'),('KT74','HENGELO'),('KT75','IJO'),('KT76','JAKARTAKOTA'
),('KT77','JATIBARANG'),('KT78','JATINEGARA'),('KT79','JATIROTO'),('KT80','J
EMBER'),('KT81','JENAR'),('KT82','JERUKLEGI'),('KT83','JOMBANG'),('KT84','K
ADOKANGANGABUS'),('KT85','KALIBARU'),('KT86','KALIBODRI'),('KT87','KA
LISAT'),('KT88','KALISETAIL'),('KT89','KALITIDU'),('KT90','KALIWUNGU'),('K
T91','KARANGANYAR'),('KT92','KARANGASEM'),('KT93','KARANGJATI'),('KT
94','KARANGSARI'),('KT95','KARANGSUWUNG'),('KT96','KAWUNGANTEN'),('
KT97','KEBASEN'),('KT98','KEBONROMO'),('KT99','KEBUMEN'),('KT100','KEDI
RI'),('KT101','KEDUNGBANTENG'),('KT102','KEDUNGGALAR'),('KT103','KEDU
NGJATI'),('KT104','KEMRANJEN'),('KT105','KEPANJEN'),('KT106','KERTAPATI')
,('KT107','KERTASEMAYA'),('KT108','KERTOSONO'),('KT109','KESAMBEN'),('K

42. Spyware Terminatore
42 Mudafiq Ryan Pratama, S.Kom
T110','KETANGGUNGAN'),('KT111','KETANGGUNGANBARAT'),('KT112','KIA
RACONDONG'),('KT113','KISARAN'),('KT114','KLAKAH'),('KT115','KLATEN'),('
KT116','KOTABUMI'),('KT117','KOTAPADANG'),('KT118','KRENGSENG'),('KT1
19','KRETEK'),('KT120','KRIAN'),('KT121','KROYA'),('KT122','KUTOARJO'),('KT1
23','KUTOWINANGUN'),('KT124','LAHAT'),('KT125','LAMONGAN'),('KT126','LA
NGEN'),('KT127','LARANGAN'),('KT128','LAWANG'),('KT129','LEBAKJERO'),('K
T130','LEBENG'),('KT131','LELES'),('KT132','LEMPUYANGAN'),('KT133','LIMAP
ULUH'),('KT134','LINGGAPURA'),('KT135','LOSARI'),('KT136','LUBUKLINGGA
U'),('KT137','LUBUKPAKAM'),('KT138','LUWUNG'),('KT139','MADIUN'),('KT140'
,'MAGUWO'),('KT141','MALANG'),('KT142','MALANGKOTALAMA'),('KT143','M
ANGGARAI'),('KT144','MANONJAYA'),('KT145','MAOS'),('KT146','MARTAPUR
A'),('KT147','MASARAN'),('KT148','MEDAN'),('KT149','MELUWUNG'),('KT150','
MEMBANGMUDA'),('KT151','MERBAU'),('KT152','MOJOKERTO'),('KT153','MU
ARAENIM'),('KT154','MUARASALING'),('KT155','NAGREG'),('KT156','NGANJU
K'),('KT157','NGROMBO'),('KT158','NGUNUT'),('KT159','NOTOG'),('KT160','PAD
ALARANG'),('KT161','PADANGHALABAN'),('KT162','PAMINGKE'),('KT163','PA
NINJAWAN'),('KT164','PAPAR'),('KT165','PARON'),('KT166','PASARSENEN'),('K
T167','PASURUAN'),('KT168','PATUGURAN'),('KT169','PEGADENBARU'),('KT17
0','PEKALONGAN'),('KT171','PEMALANG'),('KT172','PERBAUNGAN'),('KT173','
PERLANAAN'),('KT255','PETARUKAN'),('KT174','PETERONGAN'),('KT175','PLA
BUAN'),('KT176','PLERED'),('KT177','PRABUMULIH'),('KT178','PREMBUN'),('KT
179','PROBOLINGGO'),('KT180','PRUPUK'),('KT181','PULURAJA'),('KT182','PUR
WAKARTA'),('KT183','PURWOKERTO'),('KT184','PURWOSARI'),('KT185','RAJA
POLAH'),('KT186','RAMBIPUJI'),('KT187','RAMPAH'),('KT188','RANCAEKEK'),('
KT189','RANDEGAN'),('KT190','RANDUBLATUNG'),('KT191','RANTAUPRAPAT
'),('KT192','RENDEH'),('KT193','ROGOJAMPI'),('KT194','SARADAN'),('KT195','SA
UNGNAGA'),('KT196','SEIBEJANGKAR'),('KT197','SEMARANGPONCOL'),('KT1
98','SEMARANGTAWANG'),('KT199','SEMBUNG'),('KT200','SENTOLO'),('KT201'
,'SEPANJANG'),('KT202','SIANTAR'),('KT203','SIDAREJA'),('KT204','SIDOARJO')
,('KT205','SIKAMPUH'),('KT206','SINDANGLAUT'),('KT207','SOLOBALAPAN'),('
KT208','SOLOJEBRES'),('KT209','SONGGOM'),('KT210','SRAGEN'),('KT211','SRI')
,('KT212','SROWOT'),('KT213','SRUWENG'),('KT214','SUBERWADUNG'),('KT215

43. Spyware Terminatore
43 Mudafiq Ryan Pratama, S.Kom
','SUMBERPUCUNG'),('KT216','SUMBERREJO'),('KT217','SUMOBITO'),('KT218','
SUMPIUH'),('KT219','SURABAYAGUBENG'),('KT220','SURABAYAKOTA'),('KT
221','SURABAYAPASARTURI'),('KT222','TALUN'),('KT223','TAMBAK'),('KT224'
,'TANAHABANG'),('KT225','TANGERANG'),('KT226','TANGGUL'),('KT227','TAN
JUNG'),('KT228','TANJUNGPRIUK'),('KT229','TANJUNGBALAI'),('KT230','TANJ
UNGKARANG'),('KT231','TANJUNGRASA'),('KT232','TARIK'),('KT233','TASIKM
ALAYA'),('KT234','TEBINGTINGGI'),('KT235','TEBINGTINGGI'),('KT236','TEGA
L'),('KT237','TELAWA'),('KT238','TEMUGURUH'),('KT239','TERISI'),('KT240','TU
LUNGAGUNG'),('KT241','TULUNGBUYUT'),('KT242','UJANMAS'),('KT243','UJU
NGNEGORO'),('KT244','WALIKUKUN'),('KT245','WARUDUWUR'),('KT246','WA
RUNGBANDREK'),('KT247','WATES'),('KT248','WELERI'),('KT249','WILANGAN'
),('KT250','WILANGAN'),('KT251','WLINGI'),('KT252','WONOKROMO'),('KT253','
WONOSARI'),('KT254','YOGYAKARTA');
INSERT INTO kelas (nokelas,namakelas) VALUES ('KA1','Eksekutif'),
('KA2','Bisnis'), ('KA5','Ekonomi');
INSERT INTO ka (idka,namaka) VALUES (1,'SRI
TANJUNG'),(2,'SRIWIJAYA'),(3,'RAJABASA'),(4,'SINDANG MARGA'),(5,'BUKIT
SERELO'),(6,'SRIBILAHPAGI'),(7,'SRIBILAHUTAMA'),(8,'SRIBILAHSIANG'),(9,'
SRIBILAH MALAM'),(10,'SIANTAR EKSPRESS'),(11,'PUTRI DELI'),(12,'ARGO
LAWU'),(13,'GAJAYANA'),(14,'BIMA'),(15,'SEMBRANI'),(16,'TAKSAKAMALA
M'),(17,'GUMARANG'),(18,'BANGUNKARTA'),(19,'MAJAPAHIT'),(20,'SENJA
UTAMASOLO'),(21,'SENJAUTAMAYOGYA'),(22,'SASUNGGALIHMALAM'),(23
,'SENJAUTAMASEMARANG'),(24,'TURANGGA'),(25,'HARINAMALAM'),(26,'L
ODAYAMALAM'),(27,'MALABAR'),(28,'MUTIARASELATAN'),(29,'ARGOBRO
MO ANGGREK'),(30,'ARGO WILLIS'),(31,'ARGO DWIPANGGA'),(32,'ARGO
SINDORO'),(33,'ARGOMULIA'),(34,'ARGOJATI'),(35,'CIREBONEKSPRESS'),(36,'
ARGOPARAHYANGAN'),(37,'RAJAWALI'),(38,'PURWAJAYA'),(39,'SANCAKA')

44. Spyware Terminatore
44 Mudafiq Ryan Pratama, S.Kom
,(40,'KAHURIPAN'),(41,'KUTOJAYASELATAN'),(42,'TAWANGJAYA'),(43,'BOG
OWONTO');
INSERTINTOJADWAL(NO,idka,berangkat,tiba,kelas,asal,tujuan,tarifdewasa,tarifana
k,tarifbayi)VALUES(1,10,'06:00:00','10:00:00','KA2','KT07','KT11',30000,25000,200
00),(2,12,'08:00:00','14:00:00','KA3','KT80','KT100',50000,40000,30000),(3,19,'09:00:
00','12:30:00','KA1','KT128','KT141',20000,15000,10000),(4,35,'11:00:00','16:00:00','
KA3','KT122','KT113',40000,35000,25000),(5,09,'17:00:00','19:30:00','KA2','KT29','
KT15',25000,20000,15000),(6,15,'08:00:00','10:00:00','KA1','KT45','KT56',35000,200
00,15000);
INSERT INTO bank (idbank,namabank) VALUES ('B1','BANK BCA(BCA)'),
('B2','BANK MANDIRI(MANDIRI)'),('B3','BANK NEGARA INDONESIA(BNI)'),
('B4','BANK RAKYAT INDONESIA(BRI)');
INSERT INTO propinsi (idpro,namapro) VALUES ('P1','ACEH'),('P2','BANTEN'),
('P3','BENGKULU'),('P4','JAKARTA'),('P5','JAMBI'),('P6','JAWABARAT'),('P7','JA
WATENGAH'),('P8','JAWATIMUR'),('P9','KEPULAUANBANGKABELITUNG'),('
P10','KEPULAUANRIAU'),('P11','LAMPUNG'),('P12','RIAU'),('P13','SUMATERA
BARAT'),('P14','SUMATERASELATAN'),('P15','SUMATERAUTARA'),('P16','YO
GYAKARTA');
INSERT INTO `train`.`tiket` (`idtiket`, `jadwalka`, `tgl`, `jumlahtiket`) VALUES
('T2', '2', '2013-06-13', '88');INSERT INTO `train`.`tiket` (`idtiket`, `jadwalka`, `tgl`,
`jumlahtiket`) VALUES ('T3', '1', '2013-06-15', '72');INSERT INTO `train`.`tiket`
(`idtiket`, `jadwalka`, `tgl`, `jumlahtiket`) VALUES ('T4', '2', '2013-06-14', '85');
SELECTNO,jadwal.idka,ka.namaka,berangkat,tiba,kelas.namakelaskelas,tarifdewasa,t
arifanak,tarifbayiFROM jadwal INNER JOIN ka ON jadwal.idka=ka.idka INNER
JOIN kelas ON kelas= kelas.nokelas WHERE asal='KT07' AND tujuan='KT11'

45. Spyware Terminatore
45 Mudafiq Ryan Pratama, S.Kom
Hasil Website

46. Spyware Terminatore
46 Mudafiq Ryan Pratama, S.Kom
Menghosting Web

47. Spyware Terminatore
47 Mudafiq Ryan Pratama, S.Kom

48. Spyware Terminatore
48 Mudafiq Ryan Pratama, S.Kom

49. Spyware Terminatore
49 Mudafiq Ryan Pratama, S.Kom

50. Spyware Terminatore
50 Mudafiq Ryan Pratama, S.Kom
Kendala-kendala dalam pembuatan web ini :
V. Kesimpulan
 Untuk form yang lain bisa di tambahkan sesuai keinginan
 CSS, Bootstrap, dan JavaScript menggunakan Metro-UI dan Twitter Bootstrap
 Memahami konsep dasar website dan memiliki kemampuan dalam pembuatan
web yang interaktif dan informatif.
 Memanfaatkan PHP sebagai bahasa pemrogramannya dan MySQL sebagai
DBMS.
 Memahami dasar jQuery dan penerapan AJAX di PHP
 Hosting adalah salah satu bentuk layanan jasa penyewaan tempat di Internet
yang memungkinkan
 perorangan ataupun organisasi menampilkan layanan jasa atau produknya di
web / situs Internet.
 Memadukan Query dengan Script
 Penggunaan AJAX dan Session dalam login
 Penghostingan WEB