Institutional Repository | Satya Wacana Christian University: Perancangan Sistem Informasi Pemesanan Tiket Bus Berbasis Web

(1)

1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>SISTEM RESERVASI TIKET BUS ONLINE LOGIN</title> </head>

<body>

<h2>Login Disini</h2>

<p>Email Anda: </p>

<p>Password : </p> <div class="bg left"> <input name="psw" class="input input3" type="password" /></div><br/>

<br/>

<a href="#" class="button2"

onClick="document.getElementById('form_1').submit()">Login</a>

<a href="" class="button2"

onClick="document.getElementById('form_1').reset()">Reset</a>

<p><a href="./daftar.php"><b>Daftar?</b></a> </p>

</div>

(2)

2. Script tambah agen

<?php

include "./include/conn.php";

$query=mysql_query ("SELECT * FROM tb_agen",$koneksi)or die (mysql_error());

$jumlah = mysql_num_rows($query);

?>

<!DOCTYPE html>

src="js/cufon-replace.js"></script>

src="js/Myriad_Pro_italic_600.font.js"></script> <script type="text/javascript"

src="js/Myriad_Pro_400.font.js"></script> <!--[if lt IE 9]>

src="http://info.template-help.com/files/ie6_warning/ie6_script_other.js"></script> <script type="text/javascript"

(3)

<![endif]-->

width: 100%; height: 400px; }

</style>

type="text/javascript"></script> </head>

<a href="index.php" id="logo">PO ANJANI</a><span id="slogan">Mitra Perjalanan Anda</span>

</h1>

<li><a href="index-4.html"><img src="images/img2.gif"

alt=""></a></li>

(4)

<?php $menu=3; include "topmenu.php";

?> </nav> </div>

</div> </header> </div>

</div>

<div class="main">  <h2>DAFTAR AGEN </h2> <div id="map"></div>

<table>

<tr>

</tr> <tr>

<td>Alamat</td>

</tr> <tr>

(5)

id='telp'></td> </tr> <tr>

</tr> <tr>

<td>Email</td>

</tr>

<tr>

</td> </tr>

</form>

</table>

//* Fungsi untuk mendapatkan nilai latitude longitude

function updateMarkerPosition(latLng) {

(6)

document.getElementById('lng').value = [latLng.lng()]

}

var map = new google.maps.Map(document.getElementById('map'), {

zoom: 12,

center: new google.maps.LatLng(-7.346292995410866,110.51471004345706),

mapTypeId: google.maps.MapTypeId.ROADMAP

});

var latLng = new google.maps.LatLng(-7.346292995410866,110.51471004345706);

/* buat marker yang bisa di drag lalu

panggil fungsi updateMarkerPosition(latLng)

dan letakan posisi terakhir di id=latitude dan id=longitude

*/

var marker = new google.maps.Marker({

position : latLng,

title : 'lokasi',

map : map,

draggable : true

(7)

updateMarkerPosition(latLng);

google.maps.event.addListener(marker, 'drag', function() {

updateMarkerPosition(marker.getPosition());

});

</script>

<?php

echo "<table width='100%'> <tr>

<th align='center' width='5'>NO</th> <th align='left' width='15%' >KOTA</th> <th align='left'>ALAMAT</th>

<th align='left'>TELEPON</th> <th align='left'>FAX</th> <th align='left'>EMAIL</th>

<th align='left' width='20%'>ACTION</th>

</tr>"; $j=1;

while ($row=mysql_fetch_array($query)) {

echo "<tr><td align='center'>";echo "<font face='Arial' size=2>";echo

$j;echo"</font>";echo"</td>";

echo "<td align='left'>";echo "<font face='Arial' size=2>";echo

$row["kota"];echo"</font>";echo"</td>";

$row["alamat"];echo"</font>";echo"</td>";

(8)

$row["telp"];echo"</font>";echo"</td>";

$row["fax"];echo"</font>";echo"</td>";

$row["email"];echo"</font>";echo"</td>";

echo"<td align='left'>";

echo "<a href='editagen.php?id=".$row['id_agen']."' style=\"text-decoration:

none\" title=\"Edit\" class='button4'><font face='tahoma' size='2'>Edit</font></a>

<a href='delete.php?id=".$row['id_agen']."'style=\"text-decoration: none\" title=\"Delete\" class='button3'><font face='tahoma'

size='2'>Delete</font></a>"; $j++;

echo "</tr>"; }

echo"</table>";

?>  <h2></h2>

</div>

<a href="#" target="_blank" rel="nofollow">DUBYOUTH COMPANY </a><br>

(9)

</div> </div>

</body> </html>

3. Tambah jalur

<?php

$query=mysql_query ("SELECT * FROM tb_jalur",$koneksi)or die (mysql_error());

$jumlah = mysql_num_rows($query);

?>

<!DOCTYPE html>

(10)

src="js/html5.js"></script> <![endif]-->

<script

src="http://maps.google.com/maps?file=api&v=3&sensor=t rue&key=AIzaSyBjlJx2YuFLepqzTkkCNq8g9bkB2UErrcI"

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

</head>

</h1>

(11)

</ul> </nav> <nav>

?> </nav> </div>

</div>

<?php

include "./Slider/index.html"; ?>

</div> </div>

<div class="main">  <h2>TAMBAH JALUR </h2>

<table>

<tr>

<td width="120px">Harga</td>

</tr> <tr>

(12)

<option value="">-Pilih Bus-</option>

<option>Super Executive</option> <option>Executive</option> <option>VIP</option> <option>Patas</option>

</select> </td> </tr> <tr>

</tr> <tr>

</tr> <tr>

</tr>

<tr>

(13)

class="button2" name="Submit"> </td>

</tr>

</form> </table> <?php

<th align='center' width='5'>NO</th> <th align='left'>KELAS</th>

<th align='left'>JALUR</th> <th align='left'>HARGA</th>

<th align='center' width='20%'>ACTION</th> </tr>";

$j=0;

echo "<tr><td align='center' >";echo "<font face='Arial' size=2>";echo

$j+1;echo"</font>";echo"</td>";

echo "<td align='left' >";echo "<font face='Arial' size=2>";echo

$row["id_jenis"];echo"</font>";echo"</td>"; echo "<td align='left'>";echo "<font face='Arial' size=2>";echo

$row["kota1"]." ".$row["kota2"]." -".$row["kota3"];echo"</font>";echo"</td>";

$row["harga"];echo"</font>";echo"</td>";

echo"<td align='left'>";echo " <a

href='editjalur.php?id=".$row['rute']."' style=\"text-decoration:

(14)

href='deletejalur.php?id=".$row['rute']."'

style=\"text-decoration: none\" title=\"Delete\" class='button4'>Delete</a>";

$j++; }

echo"</table>";

?>

<h2></h2>

</div>

</footer>

</div> </div>

</html>

4. Konfirmasi admin

<?php

session_start();

if($_SESSION['LOGIN'] != 'OK'){ header('location: index.php'); }

include "./include/conn.php"; $query=mysql_query ("SELECT

(15)

k.konfirmasi,pk.konfirmasi_user

FROM tb_user p, tb_pesan pk,tb_jalur j WHERE p.id_user = pk.id_user and

pk.id_jalur=j.rute",$koneksi)or die (mysql_error()); $jumlah = mysql_num_rows($query);

?>

<!DOCTYPE html>

(16)

</head>

</h1>

alt=""></a></li>

</ul> </nav> <nav>

?> </nav> </div>

</div>

(17)

<div class="main">

<h2>DATA PEMESANAN </h2>

</script>

<?php

<th align='center' width='5'>NO</th> <th align='left'>KODE_BOOKING</th> <th align='left'>NAMA</th>

<th align='left'>ALAMAT</th> <th align='left'>KELAS</th> <th align='left'>HARGA</th>

<th align='left'>KONFIRMASI PETUGAS</th> <th align='left'>KONFIRMASI USER</th> <th align='left'>ACTION</th>

</tr>"; $j=1;

echo "<tr><td align='center'>";echo "<font face='Arial' size=2>";echo

$j;echo"</font>";echo"</td>";

$row["kode_booking"];echo"</font>";echo"</td>"; echo "<td align='left'>";echo "<font face='Arial' size=2>";echo

$row["nama"];echo"</font>";echo"</td>";

$row["alamat"];echo"</font>";echo"</td>";

(18)

size=2>";echo

$row["id_jenis"];echo"</font>";echo"</td>"; echo "<td align='left'>";echo "<font face='Arial' size=2>";echo

$row["harga"];echo"</font>";echo"</td>";

$row["konfirmasi"];echo"</font>";echo"</td>"; echo "<td align='left'>";echo "<font face='Arial' size=2>";echo

$row["konfirmasi_user"];echo"</font>";echo"</td>"; echo"<td align='left'>";echo "<a

href='update_konfirmasi.php?id=".$row['kode_booking']."' style=\"text-decoration: none\" title=\"Konfirmasi\" class='button4'><font face='tahoma'

size='2'>Konfirmasi</font></a>"; echo"</tr>";

$j++; }

echo"</table>";

?>  <h2></h2>

</div>

<a href="#" target="_blank" rel="nofollow">DUBYOUTH COMPANY </a><br>

(19)

</div>

</body> </html>

5. Tiket on-line

<?php

session_start();

if($_SESSION['LOGIN'] != 'OK'){ header('location: index.php'); }

$query=mysql_query ("SELECT * FROM tb_jalur",$koneksi)or die (mysql_error());

$query2=mysql_query ("SELECT * FROM tb_jenisbus",$koneksi)or die (mysql_error());

?>

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

(20)

src="js/html5.js"></script> <![endif]-->

var htmlobjek;

$(document).ready(function(){

//apabila terjadi event onchange terhadap object <select id=jenisbus>

$("#jenisbus").change(function(){ var jenisbus = $("#jenisbus").val(); $.ajax({

type: 'POST',

url: 'ambiljurusan.php', data: "jenisbus="+jenisbus, cache: false,

success: function(msg){

//jika data sukses diambil dari server kita tampilkan

//di <select id=jurusan> $("#jurusan").html(msg); }

}); }); });

(21)

var str = $("#jurusan").val(); //alert(str);

if (str=="") {

document.getElementById("txtHint").innerHTML=""; return;

}

if (window.XMLHttpRequest)

{// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest();

} else

{// code for IE6, IE5

xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); }

xmlhttp.onreadystatechange=function() {

if (xmlhttp.readyState==4 && xmlhttp.status==200) {

document.getElementById("txtHint").innerHTML=xmlhttp.r esponseText;

} }

xmlhttp.open("GET","ambiljadwal.php?q="+str,true); xmlhttp.send();

}

</script>

</head>

(22)

</h1>

alt=""></a></li>

</ul> </nav> <nav>

?> </nav> </div>

</div>

<?php

include "./Slider/index.html"; ?>

</div> </div>

(23)

<h2>Pemesanan Tiket</h2>

<tr>

<td

style="image:url(images/bg_schedule_content.png); position:right; repeat:no-repeat; background-color:#FFF; " height="192">

<tr>

<td><strong>Kelas Bus</strong></td>

<td style="padding:0px; "> <select name="jenisbus" id="jenisbus" tabindex="1" style="padding:5px 7px;

width:244px; height:29px;

background:url(images/form_select_bg2.png); border:none; color:#000000;">

<option value="">-Pilih Bus-</option>

<?php

while($jenis = mysql_fetch_array($query2)){

echo "<option

value='".$jenis['jenis']."'>".$jenis['jenis']."</option>"; } ?> </select>

(24)

<tr>

<select name="jurusan" id="jurusan" onchange="showSchedule();" tabindex="1" style="padding:5px 7px; width:244px; height:29px;

background:url(images/form_select_bg2.png); border:none; color:#000000;">

<option value=''>-Pilih Rute-</option>;

</select>

</td> </tr> <tr>

</table> </form>

</td> </tr> </table>

(25)

</div> </div>

(26)