KEMENTRIAN RISET, TEKNOLOGI DAN PENDIDIKAN TINGGI
UNIVERSITAS SUMATERA UTARA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
PROGRAM STUDI D3 TEKNIK INFORMATIKA
Jl. Bioteknologi No. 1 Kampus USU Padang Bulan Medan-20155
Telp. (061) 8211050, 8214290, Fax (061) 8214290
SURAT KETERANGAN
Hasil Uji Program Tugas Akhir
Yang bertanda tangan dibawah ini, menerangkan bahwa Mahasiswa Tugas
Akhir Program Diploma 3 Teknik Informatika :
Nama
: Oktavia Sirait
Nomor Induk Mahasiswa
: 132406241
Prog. Studi
: D3 Teknik Informatika
Judul Tugas Akhir
: Sistem Aplikasi Penjualan Baju Wanita Berbasis
Web
Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut di atas pada
tanggal:
Juni 2016
Dengan Hasil : Sukses / Gagal
Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran
Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen
Matematika FMIPA USU Medan.
Medan, Juni 2016
Dosen Pembimbing
LISTING PROGRAM
1.
Koneksi
<?php
mysql_connect("localhost","root",""); mysql_select_db("db_ta_imas");
?>
2.
Style.css
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
display:block }
mark, rp, rt, ruby, summary, time { display:inline
}
/* Left & Right alignment */ .left {
float:left }
.right {
float:right }
.wrapper {
width:100%; overflow:hidden }
body {
background:#000; border:0;
font:12px Arial, Helvetica, sans-serif; color:#72716f;
line-height:20px; min-width:980px }
.ic, .ic a { border:0; float:right; background:#fff; color:#f00; width:50%;
line-height:10px; font-size:10px; margin:-220% 0 0 0; overflow:hidden; padding:0
}
.css3 {
border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
position:relative }
/* Global Structure
============================================================ = */
.main {
margin:0 auto; width:960px; padding:0 6px }
.bg1 {
background:url(../images/bg.gif) top center repeat }
.bg2 {
background:url(../images/bg_top.png) top center no-repeat
} .box {
background:#12110f; box-shadow:0 0 6px #000; -moz-box-shadow:0 0 6px #000; -webkit-box-shadow:0 0 6px #000; position:relative
}
/* ============================= main layout ====================== */
a {
color:#72716f;
text-decoration:underline; outline:none
}
a:hover {
text-decoration:none }
h1 {
padding:40px 0 0 38px; float:left
} h2 {
font-size:21px; line-height:1.2em; padding:6px 0 15px 0; color:#fff;
letter-spacing:-1px }
h2 img {
margin-right:15px; float:left
} p {
padding-bottom:20px }
/* ============================= header ====================== */
header {
height:116px }
#logo {
text-indent:-9999px;
background:url(../images/logo.png) 0 0 no-repeat; width:300px;
height:46px }
.department { float:right;
padding:37px 35px 0 0; color:#72716f;
text-align:right }
.department span { color:#fff }
#menu {
background:#; padding:10px 2px; height:39px;
margin-bottom:10px; color:#F00;
}
#menu > li {
float:left }
#menu .last { border:0 }
#menu > li > a { display:block; padding:0 62px; font-size:16px; color:#FFF;
text-decoration:none; line-height:39px }
#menu > li > a:hover, #menu > .active > a { color:#f3b21d
}
/* ============================= content ====================== */
#content { }
.box1 {
background:#fff; padding:10px; }
.box1 h2 {
color:#12110f;
padding:7px 0 14px 0 }
.button1, .button2 {
-moz-border-radius:1px; -webkit-border-radius:1px; text-decoration:none
}
.button2 {
background:#999; color:#fff; padding:0 22px }
.button1:hover {
background:#2a2824; color:#72716f
}
.button2:hover {
background:#f3b21d }
/* =========== kwiks slider ========= */ .kwicks-wrapper {
width:100%px; overflow:hidden }
.kwicks {/* recommended styles for kwicks ul container */ list-style:none;
position:relative; margin:0;
padding:0 !important; overflow:hidden; height:414px; background:none }
.kwicks li {/* these are required, but the values are up to you (must be pixel) */
width:160px;
height:414px;/*do not change these */ display:block;
overflow:hidden;
padding:0 !important; /* if you need padding, do so with an inner div (or implement your own box-model hack) */
cursor:pointer;
background:none !important; }
.kwicks.horizontal li {/* This is optional and will be disregarded by the script. However, it should be provided for non-JS enabled browsers. */
margin-right:0;/*Set to same as spacing option. */ float:left
}
.pad_bot1 {
padding-bottom:10px }
.pad_bot2 {
padding-bottom:24px }
.pad_bot3 {
padding-bottom:14px }
.pad_left1 {
.pad_left2 {
padding-left:80px }
.pad {
padding:20px 0 39px 40px }
.box1 .pad {
padding:20px 0 15px 30px }
.marg_right1 {
margin-right:20px }
.line1 {
background:url(../images/line_vert1.gif) 280px 0 repeat-y
}
.line2 {
background:url(../images/line_vert1.gif) 600px 0 repeat-y;
padding-bottom:7px }
.line3 {
background:url(../images/line_vert2.gif) 600px 0 repeat-y;
padding-bottom:11px }
.color1 {
color:#f3b21d }
.color2 {
color:#fff }
.color3 {
color:#000 }
figure {
padding-top:4px }
.list1 { }
.list1 li {
line-height:24px }
.list1 a {
color:#f3b21d; padding-left:15px;
background:url(../images/marker_1.gif) 0 5px no-repeat }
.list2 {
border-top:1px solid #f2f2f2; margin-top:-2px;
padding-bottom:21px }
.list2 li {
line-height:23px;
border-bottom:1px solid #f2f2f2; padding:0 6px;
.list2 span { float:right }
/* ============================= footer ====================== */
footer {
padding:47px 30px 47px 40px; height:44px
}
footer a { }
footer a:hover { }
#icons {
padding-top:5px }
#icons li {
float:left;
padding-right:11px }
#footer_menu {
padding-top:10px }
#footer_menu li {
padding-right:5px;
background:url(../images/footer_menu_line.gif) right 5px no-repeat;
margin-right:25px; float:left
}
#footer_menu .last { padding-right:0; margin-right:0; background:none }
#footer_menu .active a { text-decoration:none }
/* Tooltips */ .aToolTip {
background:#2a2824; margin:0;
padding:2px 10px 3px; font-size:11px;
line-height:1.2em; position:absolute }
.aToolTip .aToolTipContent { position:relative; margin:0;
padding:0 }
/* ============================= forms ============================= */
#ContactForm {
padding:0 10px 0 0; margin-top:-2px }
overflow:inherit; min-height:30px; line-height:24px }
#ContactForm .textarea_box { min-height:216px
}
#ContactForm a {
margin-left:10px; float:right; padding:0 20px }
#ContactForm .input { margin:0;
float:left; width:482px; height:16px; background:#fff;
border:1px solid #f2f2f2; padding:3px 5px;
color:#72716f;
font:12px Arial, Helvetica, sans-serif }
#ContactForm textarea { overflow:auto; margin:0; float:right; width:482px; height:198px; background:#fff;
border:1px solid #f2f2f2; padding:3px 5px;
color:#72716f;
font:12px Arial, Helvetica, sans-serif }
#form1 {
width:470px; float:left; padding:10px; background:#12110f }
#form1 h2 {
padding:0 0 22px 0; margin-top:-4px; color:#fff
}
#form1 .right { width:140px }
#form1 .row { height:30px; line-height:22px }
#form1 .row_textarea { height:102px; line-height:22px }
#form1 .input {
color:#CCC; background:none; height:15px; padding:3px 5px; width:158px; margin:0 }
#form1 textarea {
font:12px Arial, Helvetica, sans-serif; color:#CCC;
background:none; height:54px; padding:3px 5px; width:100%; margin:0;
overflow:hidden; }
/* ---
* Hidden - used to hide the original form elements * --- */
.jqTransformHidden { display:none }
/* --- * Inputs
* --- */
.jqTransformInputWrapper { border:1px solid #2a2824; position:relative;
border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px; float:right;
height:21px;
width:138px !important }
.jqTransformTextarea {
border:1px solid #2a2824; position:relative;
border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px; height:64px;
width:100%; margin-top:4px }
/* --- * Selects
* --- */
.jqTransformSelectWrapper { position:relative; float:right;
}
.jqTransformSelectWrapper div {
font:12px Arial, Helvetica, sans-serif; color:#72716f;
line-height:21px; overflow:hidden; cursor:pointer;
border:1px solid #2a2824; background:none;
border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px }
.jqTransformSelectWrapper div span { padding:0 0 0 5px;
display:block }
a.jqTransformSelectOpen { display:block; position:absolute; top:1px;
right:1px; width:19px; height:19px;
background:url(../images/select.gif) no-repeat }
.jqTransformSelectWrapper ul { position:absolute;
top:24px; left:0;
background:#12110f;
border:1px solid #2a2824; border-radius:1px;
-moz-border-radius:1px; -webkit-border-radius:1px; display:none;
z-index:10; padding:5px 0; height:50px; overflow:auto }
.jqTransformSelectWrapper ul a { display:block;
padding:0 5px;
text-decoration:none; line-height:20px }
.jqTransformSelectWrapper ul a.selected { color:#fff
}
.jqTransformSelectWrapper ul a:hover,
.jqTransformSelectWrapper ul a.selected:hover { color:#fff;
background:#2a2824 }
#form1 .select1 .jqTransformSelectWrapper div, #form1 .select1 .jqTransformSelectWrapper ul {
width:138px !important }
#form1 .select2 .jqTransformSelectWrapper div, #form1 .select2 .jqTransformSelectWrapper ul {
#form1 .select2 { float:right; width:44px; margin-left:4px }
#form1 .button1 { float:right; margin-left:4px; padding:0 19px }
3. Tampilan Home
<?php
error_reporting(0); include("kon.php"); session_start(); $np=$_SESSION['npm']; ?>
<!DOCTYPE html> <html lang="en"> <head>
<title>Grand Maju Hotel Kabupaten Humbang Hasundutan, Sumatera Utara, Indonesia</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="js/jquery-1.6.js" ></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript"
src="js/Adamina_400.font.js"></script> <script type="text/javascript"
src="js/jquery.jqtransform.js" ></script>
<script type="text/javascript" src="js/script.js" ></script> <script type="text/javascript" src="js/kwicks-1.5.1.pack.js" ></script>
<script type="text/javascript"
src="js/atooltip.jquery.js"></script> <!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script> <link rel="stylesheet" href="css/ie.css" type="text/css" media="all">
<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><style type="text/css">
<!--
body,td,th {
color: #FFF;}--> </style></head>
<div class="main"> <!-- header --> <header>
<h1><a href="index.php" id="logo">Grand Maju Hotel</a></h1>
<div class="department"> Jl. Merdeka Ujung,
Kabupaten Humbang Hasundutan, Sumatera Utara, Indonesia<br> <span>Telepon :+62 633 2348857</span> </div> </header>
<div class="transparant"> <nav>
<ul id="menu">
<li class="active"><a href="index.php">Home</a></li>
<li><a href="booking.php">Rooms</a></li>
<li><a href="rooms.php">Photo Gallery</a></li> <li><a href="locations.php">Location</a></li> <li><a href="admin.php"
target="_blank">Admin</a></li> </ul>
</nav>
<!-- header end --> <!-- content -->
<article id="content"> <div class="">
<div class="wrapper">
<div class="kwicks-wrapper marg_bot1"> <?php include ("slider.php"); ?> </div>
</div>
<div class="pad"></div> </div>
<div class="pad">
<div class="wrapper line3"> <div class="col2">
<h2><strong>Welcome<?php echo " "; echo $np=$_SESSION['npm']; ?> to Our Site!</strong></h2>
<p align="justify"class="pad_bot1"><strong class="color3">The System Information of Grand Maju
Hotel</strong><br>
<p align="justify"class="pad_bot1"><strong class="color3"> The presence of these website allow guests to make online reservations. Now, you can reserve a room in anywhere and anytime. You have to click reserve a room below and fill the form.</strong></p>
<h2><strong class="color2"> Booking Process</strong></h2>
<p class="pad_bot2"> <strong
class="color3"> Have Your Id by Fulfilled the Registration Form.</strong> <br>
<a href="registration.php" class="button1">Reserve Room Now</strong></a> </p> <p align="justify"> </p>
<p></p> </div>
<dv class="col1 pad_left1">
<?php include "data_booking.php"; ?> <h2>Contact Us!</h2>
<figure class="left marg_right1"><img src="images/page1_img1.jpg" alt=""></figure>
<p class="pad_bot1"><strong class="color3">+62 633 2348857</strong></p>
<p class="pad_bot2" align="">Customer Service Will Help You. Online in 24 Hours </p>
</div> <br>
<a href="about_us.php" class="button1">Read More</a></div>
</div> </div>
</article>
<!--content end--> </div>
</div> </div> </div>
<div class="main"> <!-- footer --> <footer>
<?php include ("footer.php"); ?> </footer>
<!-- footer end --> </div>
<script type="text/javascript">Cufon.now();</script> <script type="text/javascript">
$(document).ready(function () { $('.kwicks').kwicks({
max: 500, spacing: 0,
event: 'mouseover' });
})
</script> </body> </html>
4. Tampilan Registrasi Member
<div class="pad">
<div class="wrapper line3"> <div class="col2">
<form action="proses_registration.php" id="form1" method="post">
<h2>Registration Form</h2> <fieldset>
<div class="row">
<input name="ktp" type="text" class="input" id="ktp">
Identity Number: </div> <div class="row">
<input name="nl" type="text" class="input" id="nl">
Full Name: </div> <div class="row"> <label>
<option value="Man">Man</option> <option
value="Woman">Woman</option> </select> </label>
Gender: </div>
<div class="row">
<input name="tgl" id="tglterbit" type="text" class="input" />
<div class="select2">
<input name="t" type="text" class="input" id="t">
</div>
Place, Day Of Birth: </div> <div class="row">
<input name="al" type="text" class="input" id="al">
Address: </div> <div class="row">
<input name="nt" type="text" class="input" id="nt"> Phone Number: </div>
<div class="row">
<input name="np" type="text" class="input" id="np"> User Id: </div>
<div class="row">
<input name="ks" type="password" class="input" id="ks">
Password: </div>
<div class="wrapper"> <input
type="submit" value="Registration" class="button1"> <input type="reset" value="Clear" class="button1"></div>
</fieldset> </form>
</div>
5.
Proses Registrasi
<?php
require_once('kon.php'); $ktp=$_REQUEST['ktp']; $nl=$_REQUEST['nl']; $jk=$_REQUEST['jk']; $t=$_REQUEST['t']; $tgl=$_REQUEST['tgl']; $al=$_REQUEST['al']; $nt=$_REQUEST['nt']; $np=$_REQUEST['np']; $ks=$_REQUEST['ks'];
$simpan="insert into member values('$ktp','$nl','$jk','$t, $tgl' ,'$al','$nt','$np','$ks')";
mysql_query($simpan);
6.
Log in Member
<div class="pad">
<div class="wrapper line3"> <div class="col2">
<form action="proses_login.php" id="form1" method="post">
<h2>Member Login</h2>
<h3>You Have to Fill the Registration Before Login</h3>
<fieldset>
<div class="row">
<input name="np" type="text" class="input" id="np"> User Id: </div>
<div class="row"> <input name="ks" type="password" class="input" id="ks">
Password: </div>
<div class="wrapper"> <input type="submit" value="Login" class="button1"> <input type="reset" value="Reset" class="button1"></div> </fieldset>
</form> </div>
7.
Proses Log in Member
<?php
session_start(); include("kon.php"); $np = $_POST['np']; $ks = $_POST['ks'];
$query = "select * from member where np='$np' and ks='$ks'"; $run_query = mysql_query ($query);
if (mysql_num_rows ($run_query)== 1) {
$user = mysql_fetch_assoc($run_query); $_SESSION['npm'] = $user['np'];
$_SESSION['ktp'] = $user['ktp']; $_SESSION['nl'] = $user['nl']; $_SESSION['nt'] = $user['nt']; header("location:booking.php"); }
else {
header("location:re_login_member.php"); }?>
8.
Tampilan Booking
<?phpsession_start(); $np=$_SESSION['npm'];
$id_room=$_REQUEST['id_room'];?> <!DOCTYPE html>
<html lang="en"> <head>
<title>Grand Maju Hotel Kabupaten Humbang Hasundutan, Sumatera Utara, Indonesia</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="js/jquery-1.6.js" ></script>
<script type="text/javascript" src="js/cufon-yui.js"></script> <script type="text/javascript"
src="js/cufon-replace.js"></script>
<script type="text/javascript"
src="js/Adamina_400.font.js"></script>
<script type="text/javascript" src="js/jquery.jqtransform.js" ></script>
<script type="text/javascript" src="js/script.js" ></script> <script type="text/javascript" src="js/kwicks-1.5.1.pack.js" ></script>
<script type="text/javascript"
src="js/atooltip.jquery.js"></script> <!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script> <link rel="stylesheet" href="css/ie.css" type="text/css" media="all">
<![endif]--><meta http-equiv="Content-Type"
content="text/html; charset=utf-8"><style type="text/css"> <!--body,td,th {
color: #FFF;}--> </style></head> <body id="page1"> <div class="bg1"> <div class="bg2"> <div class="main"> <!-- header --> <header>
<h1><a href="index.php" id="logo">Grand Maju Hotel</a></h1>
<div class="department"> Jl. Merdeka Ujung, Kabupaten Humbang Hasundutan, Sumatera Utara, Indonesia<br>
<span>Telepon :+62 633 2348857</span> </div> </header>
<div class=""> <nav>
<ul id="menu">
<li ><a href="index.php">Home</a></li> <li class="active"><a
href="booking.php">Rooms</a></li>
</ul> </nav>
<!-- header end --> <!-- content -->
<article id="content"> <div class="">
<div class="wrapper">
<div class="kwicks-wrapper marg_bot1"></div> </div>
<div class="pad"></div> </div>
<div class="pad">
<div class="wrapper line3"> <div class="col2">
<table width="100%" cellpadding="2" cellspacing="0" border="1">
<?php
require_once("kon.php");
$tampil=mysql_query("SELECT * FROM rooms where id_room='$id_room'");
while($row=mysql_fetch_object($tampil)){?> <tr>
<th colspan="2" align="left"
scope="row"><strong><h2><?php echo ucwords("$row->nk"); ?></h2></strong></th>
</tr> <tr>
<th width="22%" scope="row"><img src="files/<?php echo ucwords("$row->photo"); ?>" alt="" width="300px"></th>
<td width="78%"><table width="100%" border="0" cellpadding="3">
<tr><br>
<th align="left" scope="row"> </th> <td><?php echo ucwords("$row->f"); ?></td> </tr>
</table> </td> </tr> <tr>
<th colspan="2" align="left" scope="row"><table width="100%" border="0" cellpadding="2">
<tr>
<th width="15%" align="left" scope="row">Status</th>
<td width="36%" ><?php echo ucwords("$row->s"); ?></td>
<td width="46%" rowspan="2" align="center" valign="middle">
<?php if(!isset($_SESSION['npm']))
{?>
Please login to get full access in this page <a
href="login_member.php" class="button2">Login</a></td> <?php }
else {?>
<a href="next_step.php?id_room=<?php echo
<?php } ?> </tr>
<tr>
<th align="left" scope="row">Harga</th>
<td>Rp. <?php echo ucwords("$row->h"); ?></td> </tr>
</table> <?php }; ?>
</tr> </table>
<table width="100%" cellpadding="2" cellspacing="0" border="1">
<?php
require_once("kon.php");
$tampil=mysql_query("SELECT * FROM rooms "); while($row=mysql_fetch_object($tampil)){ ?>
<tr>
<th colspan="2" align="left" scope="row"><strong><h2> </h2>
<?php echo ucwords("$row->nk"); ?></strong></th> </tr>
<tr>
<td width="78%"> </td>
</tr> <tr>
<th colspan="2" align="left" scope="row">
<table width="100%" border="0" cellpadding="2">
</tr> <tr>
<th align="left" scope="row">Status</th> <td ><?php echo ucwords("$row->s"); ?></td> <td rowspan="2" align="center"
valign="middle">
<td width="46%" rowspan="2" align="center" valign="middle">
<?php if(!isset($_SESSION['npm'])) {
?>
Please login to get full access in this page <a href="login_member.php"
class="button2">Login</a></td>
<?php } else
{ ?>
<?php if(("$row->s")=='Unvailable') {
?>
<h3>Booking Unavailable</h3><h3>Rooms Are Available</h3></td>
else {
?>
<a href="booking.php?id_room=<?php echo ucwords("$row->id_room"); ?>" class="button2">Book Room</a><td width="0%"></td>
<?php } ?> <?php } ?>
</tr>
<th align="left" scope="row"> </th> <td > </td>
<td > </td> </tr>
<tr >
<td class="list2" colspan="4"></td> </tr>
</table>
</tr> <?php
} ?>
</table> </div>
<div class="col1 pad_left1">
<?php include "data_booking.php"; ?>
<h2>Contact Us!</h2> <div class="wrapper">
<figure class="left marg_right1"><img src="images/page1_img1.jpg" alt=""></figure>
<p class="pad_bot1"><strong class="color2">+62 633 2348857</strong></p>
<p class="pad_bot2" align="">Customer Service Will Help You. Online in 24 Hours </p>
</div> <br>
<a href="about_us.php" class="button1">Read More</a> </div>
</div> </div> </article>
<!--content end--> </div>
</div> </div> </div>
<div class="main"> <!-- footer --> <footer>
<?php include ("footer.php"); ?> </footer>
</div>
<script type="text/javascript">Cufon.now();</script> <script type="text/javascript">
$(document).ready(function () { $('.kwicks').kwicks({
max: 500, spacing: 0,
event: 'mouseover' });
})
</script> </body> </html>
9. Tampilan Booking
<?php
error_reporting(0); include("kon.php"); session_start(); $np=$_SESSION['npm'];
$id_room=$_REQUEST['id_room']; ?>
<!DOCTYPE html> <html lang="en"> <head>
<link type="text/css" rel="stylesheet" href="development-bundle/themes/ui-lightness/ui.all.css" />
<script src="development-bundle/jquery-1.8.0.min.js"></script>
<script src="development-bundle/ui/ui.core.js"></script> <script
src="development-bundle/ui/ui.datepicker.js"></script>
<script src="development-bundle/ui/i18n/ui.datepicker-id.js"></script>
<script type="text/javascript"> $(document).ready(function(){ $("#tglterbit").datepicker({ dateFormat : "dd/mm/yy", changeMonth : true, changeYear : true });
}); </script>
<script type="text/javascript"> $(document).ready(function(){ $("#tglterbit2").datepicker({ dateFormat : "dd/mm/yy", changeMonth : true, changeYear : true });
}); </script>
<title>Grand Maju Hotel Kabupaten Humbang Hasundutan, Sumatera Utara, Indonesia</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript"
src="js/Adamina_400.font.js"></script> <script type="text/javascript"
src="js/jquery.jqtransform.js" ></script>
<script type="text/javascript" src="js/script.js" ></script> <script type="text/javascript" src="js/kwicks-1.5.1.pack.js" ></script>
<script type="text/javascript"
src="js/atooltip.jquery.js"></script> <!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script> <link rel="stylesheet" href="css/ie.css" type="text/css" media="all">
<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><style type="text/css">
<!--
body,td,th {
color: #FFF; }
-->
</style></head> <body id="page1"> <div class="bg1"> <div class="bg2"> <div class="main"> <!-- header --> <header>
<h1><a href="index.php" id="logo">Grand Maju Hotel</a></h1>
<div class="department"> Jl. Merdeka Ujung,
Kabupaten Humbang Hasundutan, Sumatera Utara, Indonesia<br> <span>Telepon :+62 633 2348857</span> </div> </header>
<div class="box"> <nav>
<ul id="menu">
<li ><a href="index.php">Home</a></li> <li
class="active"><ahref="booking.php">Rooms</a></li>
<li><a href="rooms.php">Photo Gallery</a></li> <li><a href="locations.php">Location</a></li> <li><a href="admin.php"
target="_blank">Admin</a></li> </ul>
</nav>
<!-- header end --> <!-- content -->
<div class="wrapper">
<div class="kwicks-wrapper marg_bot1"> <?php include ("slider.php"); ?> </div>
</div>
<div class="pad"></div> </div>
<div class="pad">
<div class="wrapper line3"> <div class="col2">
<h2>Complete Data Below</h2>
<table width="100%" cellpadding="2" cellspacing="0" border="1">
<?php if($id_room=='') {
echo "<h2 align='center'>No Room Selected</h2>";
} else { ?> <?php
require_once("kon.php");
$tampil=mysql_query("SELECT * FROM rooms where id_room='$id_room'");
$tampil2=mysql_query("SELECT * FROM member where np='$np'");
while($row=mysql_fetch_object($tampil))
while($row2=mysql_fetch_object($tampil2)) {
?> <tr>
<td> </td>
<td align="left" width="" scope="row"><img src="files/<?php echo ucwords("$row->photo"); ?>" alt="" width="400px"></td></tr>
<tr>
<td> </td>
<td colspan="2"><h2><?php echo ("$row->nmk"); ?></h2></td>
</tr>
</table>
<form action="proses_booking.php" id="form1" method="post">
<fieldset>
<div class="row">
<input name="nmk" type="hidden" class="input" id="nmk" value="<?php echo ucwords("$row->nk"); ?>">
<input name="ktp" type="hidden" class="input" id="ktp" value="<?php echo ucwords("$row2->ktp"); ?>">
<input name="nl" type="hidden" class="input" id="nl" value="<?php echo ucwords("$row2->nl"); ?>">
<input name="photo" type="hidden" class="input" id="tk" value="<?php echo ucwords("$row->photo"); ?>">
<input name="nt" type="hidden" class="input" id="nt" value="<?php echo ucwords("$row2->nt"); ?>">
<input name="jk" type="hidden" class="input" id="jk" value="<?php echo ucwords("$row2->jk"); ?>">
<input name="npm" type="hidden" class="input" id="np" value="<?php echo
$np=$_SESSION['npm']; ?>"> </div>
<div class="row">
<input placeholder="In Day"
name="lama_inap" type="text" class="input" id="lama_inap"> Lenght Of Stay: </div>
<div class="row">
<input name="tgl_masuk" id="tglterbit" type="text" class="input" />
Arrive: </div>
<div class="row"> <input name="tgl_keluar" id="tglterbit2" type="text" class="input" /> Depart:
</div>
<div class="row"></div> <div class="row">
<textarea name="ket" class="" id="ket"></textarea>
More Information
<input type="submit" value="Proses" class="button1"> </div>
</fieldset> </form>
<p> </p>
<?php }; ?>
</tr> <?php
} ?>
</table>
</div>
<?php include "data_booking.php"; ?>
<h2>Contact Us!</h2> <div class="wrapper">
<figure class="left marg_right1"><img src="images/page1_img1.jpg" alt=""></figure>
<p class="pad_bot1"><strong class="color2">+62 633 2348857</strong></p>
<p class="pad_bot2" align="">Customer Service Will Help You. Online in 24 Hours </p>
</div> <br>
<a href="about_us.php" class="button1">Read More</a> </div>
</div> </div> </article>
<!--content end--> </div>
</div> </div> </div>
<div class="main"> <!-- footer --> <footer>
<?php include ("footer.php"); ?> </footer>
<!-- footer end --> </div>
<script type="text/javascript">Cufon.now();</script> <script type="text/javascript">
$(document).ready(function () { $('.kwicks').kwicks({
max: 500, spacing: 0,
event: 'mouseover' });
})
</script> </body> </html>
10.
Proses Booking
<?php
require_once('kon.php');
function genRndString($length = 8, $chars = 'GRANDMAJUHOTEL123456789')
{
if($length > 0) {
$len_chars = (strlen($chars) - 1);
$the_chars = $chars{rand(0, $len_chars)};
for ($i = 1; $i < $length; $i = strlen($the_chars)) {
$r = $chars{rand(0, $len_chars)};
}
return $the_chars; }
}
$kd_booking=genRndString(); $id_room=$_REQUEST['id_room']; $photo=$_REQUEST['photo'];
$npm=$_REQUEST['npm']; $ktp=$_REQUEST['ktp']; $nmk=$_REQUEST['nmk']; $nl=$_REQUEST['nl']; $nt=$_REQUEST['nt']; $jk=$_REQUEST['jk'];
$lama_inap=$_REQUEST['lama_inap']; $tgl_masuk=$_REQUEST['tgl_masuk']; $tgl_keluar=$_REQUEST['tgl_keluar']; $ket=$_REQUEST['ket'];
$tgl_booking=date('d-M-Y');
$simpan="insert into booking
values('','$kd_booking','$tgl_booking','$id_room','$photo',' $npm','$ktp','$nmk','$nl',
'$nt','$jk','$lama_inap','$tgl_masuk','$tgl_keluar','$ket',' $ket')";
mysql_query($simpan);
header("location:data_booking_full.php"); ?>
11.
Data Booking
<h2>Booking Data</h2>
<table width="100%" cellpadding="2" cellspacing="0" border="1">
<?php
require_once("kon.php");
$np=$_SESSION['npm'];
$tampil=mysql_query("SELECT * FROM booking where npm='$np' order by id_booking desc");
while($row=mysql_fetch_object($tampil)){ ?>
<tr>
<th colspan="2" align="left" scope="row"><table width="100%" border="0" cellpadding="2">
<tr >
<th width="16%" align="left" scope="row">Booking Code</th>
<td width="20%">Arrive</td> <td width="17%">Depart</td>
<td width="16%">Lenght Of Stay</td>
<td rowspan="2" width="9%" align="center"><a target="_blank" href="print_data.php?id_booking=<?php echo ucwords("$row->id_booking"); ?>"
</tr> <tr >
<th align="left" scope="row"><?php echo ucwords("$row->kd_booking"); ?></th>
<td><?php echo ucwords("$row->tgl_booking"); ?></td>
<td><?php echo ucwords("$row->tgl_masuk"); ?></td>
<td><?php echo ucwords("$row->lama_inap"); ?> day(s)</td>
</tr>
<tr >
<td class="list2" colspan="6"></td> </tr>
</table>
</tr> <?php
} ?>
</table> </div>
<div class="col1 pad_left1">
<?php include "data_booking.php"; ?>
12.
Print Data
<?php
error_reporting(0); include("kon.php"); session_start(); $np=$_SESSION['npm'];
$id_room=$_REQUEST['id_room']; ?>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Grand Maju Hotel Online Reservation</title> <style type="text/css">
<!-- .print {
font-family: Georgia, Times New Roman, Times, serif; }
--> </style> </head>
<body> <?php
require_once("kon.php");
$tampil=mysql_query("SELECT * FROM booking where id_booking='$id_booking' ");
while($row=mysql_fetch_object($tampil)){ ?>
<p> </p>
<table width="100%" cellpadding="1" cellspacing="0" align="center" bgcolor="#FCFCFC" border="1">
<tr>
<td colspan="5" align="center">
<table width="100%" border="0" cellpadding="2"> <tr>
<td align="center" scope="row"><strong>Grand Maju Hotel Online Reserve
</th>
</strong></tr> <tr>
<td align="center" scope="row"><strong>Jl.
Merdeka Ujung, Kabupaten Humbang Hasundutan, Sumatera Utara, Telephone :+62 633 2348857
</th>
</strong></tr> </table></td> </tr>
<tr>
<td height="208" colspan="5" align="left"><table width="100%" border="0" cellpadding="2">
<tr>
<td width="26%" height="" align="center" valign="top" scope="row"> <img src="files/<?php echo ucwords("$row->photo"); ?>" width="280" height="" border="1" align="middle" /><br/>
<br/><h2><?php echo ucwords("$row->kd_booking"); ?></h2></th>
<td width="74%" valign="top"><table width="100%" border="0" cellpadding="2">
<tr>
<td width="24%" align="left" scope="row">Booking Date</th>
<td width="4%">:</td>
<td width="72%"><?php echo ucwords("$row->tgl_booking"); ?></td>
</tr> <tr>
<td align="left" scope="row">Identity Number</th>
<td>:</td>
<td><?php echo ucwords("$row->ktp"); ?></td>
</tr> <tr>
<td align="left" scope="row">Guest Name</th>
<td>:</td>
<td><?php echo ucwords("$row->nl"); ?></td>
</tr> <tr>
<td>:</td>
<td><?php echo ucwords("$row->nt"); ?></td>
</tr> <tr>
<td align="left" scope="row">Room Name</td>
<td>:</td>
<td><?php echo ucwords("$row->nmk"); ?></td>
</tr> <tr>
<td align="left" scope="row">Leght of Stay</th>
<td>:</td>
<td><?php echo ucwords("$row->lama_inap"); ?> (day)</td>
</tr> <tr>
<td align="left" scope="row">Arrive</th> <td>:</td>
<td><?php echo ucwords("$row->tgl_masuk"); ?></td>
</tr> <tr>
<td colspan="3" align="left" scope="row"><p>Note:</p>
<p>1. Print out with landscape mode to have the maximal result.</p>
<p>2. Bring the print out while you want to check-in in Grand Maju Hotel.</p>
<p>3. The receptionist will told you the cost when you have arrive at the hotel.</p>
<p>4. You have to call the receptionist to make a deal after have done the online reservation.</p> <p>5. Management of Grand Maju Hotel reserve the right to cancel the reservation if they found any violents.</p>
</tr> </table></td> </tr>
</table></td> </tr>
<tr>
<td height="22" colspan="2" align="center" valign="bottom" scope="row"><strong>Grand Maju Hotel Online Reservation
</th> </strong></tr>
<?php }?> </table>
window.print(); </script>"; ?>
13. Log out Member
<?php
session_start();
$nama = $_SESSION['npm']; session_unset();
header("location:index.php"); ?>
14. Log In Admin
<?php
error_reporting(0); include("kon.php"); session_start(); $np=$_SESSION['npm']; ?>
<!DOCTYPE html> <html lang="en"> <head>
<title>Grand Maju Hotel Kabupaten Humbang Hasundutan, Sumatera Utara, Indonesia</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="js/jquery-1.6.js" ></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript"
src="js/Adamina_400.font.js"></script> <script type="text/javascript"
src="js/jquery.jqtransform.js" ></script>
<script type="text/javascript" src="js/script.js" ></script> <script type="text/javascript" src="js/kwicks-1.5.1.pack.js" ></script>
<script type="text/javascript"
src="js/atooltip.jquery.js"></script> <!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script> <link rel="stylesheet" href="css/ie.css" type="text/css" media="all">
<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><style type="text/css">
<!--
body,td,th {
} -->
</style></head> <body id="page1"> <div class="bg1"> <div class="bg2"> <div class="main"> <!-- header --> <header>
<h1><a href="index.php" id="logo">Grand Maju Hotel</a></h1>
<div class="department"> Jl. Merdeka Ujung,
Kabupaten Humbang Hasundutan, Sumatera Utara, Indonesia<br> <span>Telepon :+62 633 2348857</span> </div> </header>
<div class=""> <nav>
<ul id="menu">
<li ><a href="index.php">Home</a></li> <li><a href="booking.php">Rooms</a></li>
<li><a href="rooms.php">Photo Gallery</a></li> <li><a href="locations.php">Location</a></li> <li class="active"><a href="admin.php"
target="_blank">Admin</a></li> </ul>
</nav>
<!-- header end --> <!-- content -->
<article id="content"> <div class="">
<div class="wrapper">
<div class="kwicks-wrapper marg_bot1"> <?php include ("slider.php"); ?> </div>
</div>
<div class="pad"></div> </div>
<div class="pad">
<div class="wrapper line3"> <div class="col2">
<form action="proses_login_admin.php" id="form1" method="post">
<div class="box"></div> <h2>Admin Login</h2> <fieldset>
<div class="row">
<input name="np" type="text" class="input" id="np"> Admin Id: </div>
<div class="row"> <input name="ks" type="password" class="input" id="ks">
Password: </div>
<div class="wrapper"> <input type="submit" value="Login" class="button1"> <input type="reset" value="Reset" class="button1"></div> </fieldset>
</div>
<div class="col1 pad_left1">
<?php include "data_booking.php"; ?> <h2>Contact Us!</h2>
<div class="wrapper">
<figure class="left marg_right1"><img src="images/page1_img1.jpg" alt=""></figure>
<p class="pad_bot1"><strong class="color2">+62 633 2348857</strong></p>
<p class="pad_bot2" align="">Customer Service Will Help You. Online in 24 Hours</p>
</div> <br>
<a href="about_us.php" class="button1">Baca Lagi</a> </div>
</div> </div> </article>
<!--content end--> </div>
</div> </div> </div>
<div class="main"> <!-- footer --> <footer>
<?php include ("footer.php"); ?> </footer>
<!-- footer end --> </div>
<script type="text/javascript">Cufon.now();</script> <script type="text/javascript">
$(document).ready(function () { $('.kwicks').kwicks({
max: 500, spacing: 0,
event: 'mouseover' });})
</script> </body> </html>
15. Proses Log In Admin
<?php
session_start(); include("kon.php"); $np = $_POST['np']; $ks = $_POST['ks'];
$query = "select * from admin where user='$np' and pass='$ks'";
$run_query = mysql_query ($query);
if (mysql_num_rows ($run_query)== 1) {
$user = mysql_fetch_assoc($run_query); $_SESSION['np'] = $user['user'];
header("location:admin/"); }
header("location:admin.php"); }
?>
16. Proses Tambah Room
<?php
require_once('../kon.php');
$nmk=$_POST['nmk']; $f=$_POST['f']; $s=$_POST['s'];
$photo=$_FILES["photo"];
$nama=$photo["name"];
if(copy($photo["tmp_name"],"../files/Rooms/$nama")) {
$photo="Rooms/".$nama; $simpan="insert into rooms
values('','$nmk','$f','$s','$photo')"; mysql_query($simpan);
header("location:booking.php"); }
?>
17. Proses Edit Room
<?php
include "../kon.php"; $id=$_REQUEST['id_room'];
$sql = "select * FROM rooms WHERE id_room='$id'"; $hasil = mysql_query($sql);
$row = mysql_fetch_array($hasil); ?>
<!DOCTYPE html> <html lang="en"> <head>
<title>Administrator | Grand Maju Hotel</title> <meta charset="utf-8">
<link rel="stylesheet" href="../css/reset2.css" type="text/css" media="all">
<link rel="stylesheet" href="../css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="../css/style2.css" type="text/css" media="all">
<script type="text/javascript" src="../js/jquery-1.6.js" ></script>
<script type="text/javascript" src="../js/cufon-yui.js"></script>
<script type="text/javascript" src="../js/cufon-replace.js"></script>
<script type="text/javascript"
src="../js/Adamina_400.font.js"></script> <script type="text/javascript"
<script type="text/javascript" src="../js/script.js" ></script>
<script type="text/javascript" src="../js/kwicks-1.5.1.pack.js" ></script>
<script type="text/javascript"
src="../js/atooltip.jquery.js"></script> <script type="text/javascript"
src="./jscripts/tiny_mce/tiny_mce.js"></script> <script type="text/javascript">
tinyMCE.init({ mode : "exact", elements : "elm2", theme : "advanced", skin : "o2k7",
skin_variant : "silver", plugins :
"safari,pagebreak,style,layer,table,save,advhr,advimage,advlin k,emotions,iespell,insertdatetime,preview,media,searchreplace, print,contextmenu,paste,directionality,fullscreen,noneditable, visualchars,nonbreaking,xhtmlxtras,template,inlinepopups",
theme_advanced_buttons1 :
"save,newdocument,|,bold,italic,underline,strikethrough,|,just ifyleft,justifycenter,justifyright,justifyfull,|,styleselect,f ormatselect,fontselect,fontsizeselect",
theme_advanced_buttons2 :
"cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist ,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink ,anchor,image,cleanup,help,|,insertdate,inserttime,preview,|,f orecolor,backcolor",
theme_advanced_buttons3 :
"tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap ,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen", theme_advanced_buttons4 :
"insertlayer,moveforward,movebackward,absolute,|,styleprops,|, cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,te mplate,pagebreak",
theme_advanced_toolbar_location : "top", theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom", theme_advanced_resizing : true,
template_external_list_url : "lists/template_list.js", external_link_list_url : "lists/link_list.js",
external_image_list_url : "lists/image_list.js", media_external_list_url : "lists/media_list.js",
template_replace_values : { username : "Some User", staffid : "991234" }
}); </script>
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script> <link rel="stylesheet" href="css/ie.css" type="text/css" media="all">
<body id="page1"> <div class="bg1"> <div class="bg2"> <div class="main"> <!-- header --> <header>
<h1><a href="index.php" id="logo">Grand Maju Hotel!</a></h1>
</header>
<div class="box"> <nav>
<ul id="menu">
<li><a href="index.php">Home Page</a></li> <li class="active"><a
href="booking.php">Rooms</a></li>
<li><a href="rooms.php">Gallery</a></li> <li ><a href="member.php">Member</a></li> <li><a href="log_out.php">Logout</a></li> </ul>
</nav>
<!-- header end --> <!-- content --> <!--content end--> </div>
<div class="box1">
<h2><strong>Add Data and Room Facilities</strong></h2> <form action="proses_edit_rooms.php" method="post" enctype="">
<table width="100%" border="0" align="center" cellpadding="2" cellspacing="1">
<tr>
<td><strong>Room Name</strong></td> <td height="19"><input name="nmk" type="text" id="nmk" value="<?php echo $row['nk']; ?>" size="40"></td>
</tr><input name="id_room" type="hidden" value="<?php echo $row['id_room']; ?>" size="40">
<tr>
<td><strong>Facilities</strong></td>
<td height="19"><font face="Times New Roman" size="2">
<textarea name="f" id='elm2'> <?php echo $row['f']; ?></textarea>
</font></td> </tr>
<tr>
<td><strong>Status</strong></td> <td height="19"><label>
<select name="s" id="s"> <option>Options</option> <option
value="Available">Available</option> <option
value="Unvailable">Unavailable</option> </select>
</label>Previous Status : <?php echo $row['s']; ?></td>
<td width="20%"> </td>
<td width="80%"><input type="submit" value="Edit" onClick="return cek();">
<input type="button" name="batal"
value="Cancel" onClick="location.replace('booking.php');" /></td>
</tr> </table> </form> <h2> </h2> </div>
</div> </div> </div>
<script type="text/javascript">Cufon.now();</script> <script type="text/javascript">
$(document).ready(function () { $('.kwicks').kwicks({
max: 500, spacing: 0,
event: 'mouseover' });
})
</script> </body> </html>
18. Proses Tambah Gallery
<?php
require_once('../kon.php');
$photo=$_FILES["photo"];
$nama=$photo["name"];
if(copy($photo["tmp_name"],"../files/Galeri/$nama")) {
$photo="Galeri/".$nama;
$simpan="insert into gallery values('','$photo')"; mysql_query($simpan);
header("location:rooms.php"); }
?>
19. Hapus Rooms
<?php
include "../kon.php"; $id=$_REQUEST['id_room'];
$sql = "DELETE FROM rooms WHERE id_room='$id'"; $hasil = mysql_query($sql);