laporan tugas besar website_pbw

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

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

Spyware Terminatore


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.

Spyware Terminatore


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

Spyware Terminatore


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.

Spyware Terminatore


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.

Spyware Terminatore


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

?>

Spyware Terminatore


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



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

Spyware Terminatore


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 href="css/twitter/bootstrap.css" rel="stylesheet">



<link href="css/jquery-ui-1.8.23.custom.css" rel="stylesheet">

<script src="js/plugins/modernizr.custom.32549.js"></script>





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

Spyware Terminatore


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


href="forms_pesan.php"> <img src="img/menu_icons/calendar.png"><span>Pesan

Tiket</span></a> </li>


href="forms_jadwal.php"> <img src="img/menu_icons/tables.png"><span>Jadwal

Kereta</span></a> </li>

Spyware Terminatore



href="forms_info.php"> <img src="img/menu_icons/file.png"><span>Info</span></a>

</li>


href="forms_tanya.php"> <img src="img/menu_top/profile-

messages.png"><span>Pertanyaan</span></a> </li>


collapsed" data-toggle="collapse" data-parent="#sidebar_menu" href="#collapse5"> <img

src="img/menu_top/profile-avatar.png"><span>Tentang Kami</span></a>


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



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

Spyware Terminatore


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



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

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

<div class="title row-fluid legend">

<h1><b> 7 (Tujuh) Kemudahan Anda menggunakan 401Express.Com </b></h1>

</div>


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

Spyware Terminatore


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



<div class="span3">

<div class="title">

<div class="row-fluid legend">

<h2> Tentang Kami </h2>

</div>

</div>

Spyware Terminatore



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



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



</div>



</div>



</div>



</div>

<div id="footer">

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

Spyware Terminatore























</ul>

</div>

</div>



</div>












<script src="js/plugins/enquire.min.js" type="text/javascript"></script>







<script language="javascript" type="text/javascript"

src="js/plugins/jquery.sparkline.min.js"></script>

<script src="js/plugins/excanvas.compiled.js"></script>

Spyware Terminatore


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


src="js/plugins/jquery.uniform.min.js"></script>


src="js/plugins/jquery.tinyscrollbar.min.js"></script>


src="js/jnavigate.jquery.min.js"></script>


src="js/jquery.touchSwipe.min.js"></script>


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>






src="js/plugins/flot/jquery.flot.js"></script>


src="js/plugins/flot/jquery.flot.resize.js"></script>

Spyware Terminatore


Get.php

<script type="text/javascript" language="javascript"

src="js/plugins/datatables/js/jquery.dataTables.js"></script>



<script language="javascript" type="text/javascript" src="js/plugins/knockout-

2.0.0.js"></script>



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

Spyware Terminatore


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


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

Spyware Terminatore


if ($result) {

header('location:forms_pesan.php?message=success');

}

?-->

<?php

mysql_connect("localhost","root","");

mysql_select_db("train");

<?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."'";


$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++;

}?>

Spyware Terminatore


get_jadwal.php

<!DOCTYPE html>


<script src="js/pesan.js"></script>


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



<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


$t = $_GET["t"];

$q = $_GET["q"];

$k = $_GET["k"];

Spyware Terminatore


$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."'";


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

</div>



<div id="txtBeli"></div>

</div>


</div>



</div>

Spyware Terminatore


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


$kopassword = $_POST['kopassword'];

$tgll = $_POST['tgll'];

Spyware Terminatore


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


$namauser = $_POST['username'];


if($namauser=="express" && $password=="401"){

$_SESSION['namauser']=$namauser;

header( "Location: http://localhost/metro-Train/Template/index2.php" );

}else{


echo "<script language='Javascript'> alert('Masukkan Username dan

Password');</script>";

}

?>

<!--?php

session_start();

mysql_connect('localhost', 'root', '');

Spyware Terminatore


mysql_select_db('train');

$username = $_POST['username'];


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




}

?-->

Spyware Terminatore


Menu.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');

Spyware Terminatore


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




$no = $_POST['no'];

$dewasa = $_POST['dewasa'];

$anak = $_POST['anak'];

$bayi = $_POST['bayi'];


$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');

}

?>

Spyware Terminatore


Uptiket.php (Update tiket)

Injadwal.php (Insert Jadwal)

<?php




$tiket = $_POST['tiket'];

$jumlah = $_POST['jumlah'];


$query = mysql_query("update tiket set jumlahtiket='$jumlah' where no='$tiket'") or

die(mysql_error());

if ($query) {


}

?>

<?php




$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'];


$query = mysql_query("insert into jadwal values(null,'$ka','$berangkat','$tiba','$kelas',

'$asal','$tujuan','$dewasa','$anak','$bayi')") or die(mysql_error());

if ($query) {


}

?>

Spyware Terminatore


Inteiket.php

Form_profil.php ( Untuk form yang lain dpat dibuat sesuai yang

diinginkan dan ini hanya salah satunya)

<?php




$not = $_POST['no'];

$jadwall = $_POST['jadwal'];

$tgll = $_POST['tgl'];

$jumlahh = $_POST['jumlah'];


$query = mysql_query("insert into tiket values('$no','$jadwal','$tgl','$jumlah')") or

die(mysql_error());

if ($query) {


}

?>

<?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 href="js/plugins/chosen/chosen/chosen.css" rel="stylesheet">

<link href="css/twitter/bootstrap.css" rel="stylesheet">

Spyware Terminatore




<link href="css/jquery-ui-1.8.23.custom.css" rel="stylesheet">

<script src="js/plugins/modernizr.custom.32549.js"></script>





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



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

Spyware Terminatore


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


collapsed " data-toggle="collapse" data-parent="#sidebar_menu" href="#collapse1">

<img src="img/menu_icons/others.png"><span>Panduan</span></a>


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


href="forms_pesan.php"> <img src="img/menu_icons/calendar.png"><span>Pesan

Tiket</span></a> </li>


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>


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>

Spyware Terminatore


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



</div>

</div>

</div>

<div id="main">


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



</div>

<div id="main_container">


<div class="span3">

<div class="title">

<div class="row-fluid legend">

<h1> 401 Express </h1>

</div> </div>



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

Spyware Terminatore


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


</div>



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



<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


api di Indonesia</p>

<hr>

<blockquote>

Spyware Terminatore


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


</div>



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



<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


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:#">[email protected]</a>

</address>

<hr>

</div>


</div>

</div>


</div>


</div>

<div id="footer">


</div>

Spyware Terminatore


<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:#">[email protected]</a>

</address>

<hr>

</div>


</div>

</div>


</div>


</div>

<div id="footer">


</div>































</ul>

</div>

</div>



</div>










<script src="js/plugins/enquire.min.js" type="text/javascript"></script>




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>

Spyware Terminatore


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>


src="js/plugins/jquery.uniform.min.js"></script>


src="js/plugins/jquery.tinyscrollbar.min.js"></script>


src="js/jnavigate.jquery.min.js"></script>


src="js/jquery.touchSwipe.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 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

}

Spyware Terminatore


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)

}

Spyware Terminatore


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;

}

Spyware Terminatore


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

Spyware Terminatore


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

Spyware Terminatore


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

Spyware Terminatore


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

Spyware Terminatore


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

Spyware Terminatore


','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')

Spyware Terminatore


,(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` (ìdtiket`, `jadwalka`, `tgl`, `jumlahtiket`) VALUES

('T2', '2', '2013-06-13', '88');INSERT INTO `train`.`tiket` (ìdtiket`, `jadwalka`, `tgl`,

`jumlahtiket`) VALUES ('T3', '1', '2013-06-15', '72');INSERT INTO `train`.`tiket`

(ìdtiket`, `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'

Spyware Terminatore


Hasil Website

Spyware Terminatore


Menghosting Web

Spyware Terminatore


Spyware Terminatore


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

laporan tugas besar website_pbw

Education