• Tidak ada hasil yang ditemukan

Sistem Informasi Grand Maju Hotel Menggunakan Php Dan Mysql

N/A
N/A
Protected

Academic year: 2017

Membagikan "Sistem Informasi Grand Maju Hotel Menggunakan Php Dan Mysql"

Copied!
36
0
0

Teks penuh

(1)

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

(2)
(3)

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;

(4)

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 {

(5)

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 {

(6)

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

(7)

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

(8)

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

(9)

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 {

(10)

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;

(11)

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 {

(12)

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

(13)

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

(14)

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

(15)

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

(16)

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

<?php

(17)

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

(18)

</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">&nbsp;</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

(19)

<?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>&nbsp;</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>

(20)

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">&nbsp;</th> <td >&nbsp;</td>

<td >&nbsp;</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>

(21)

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

(22)

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

(23)

<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>&nbsp;&nbsp;&nbsp;</td>

<td align="left" width="" scope="row"><img src="files/<?php echo ucwords("$row->photo"); ?>" alt="" width="400px"></td></tr>

<tr>

<td>&nbsp;&nbsp;&nbsp;</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">

(24)

<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>&nbsp;</p>

<?php }; ?>

</tr> <?php

} ?>

</table>

</div>

(25)

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

(26)

}

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

(27)

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

(28)

$tampil=mysql_query("SELECT * FROM booking where id_booking='$id_booking' ");

while($row=mysql_fetch_object($tampil)){ ?>

<p>&nbsp;</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">&nbsp;<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>

(29)

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

(30)

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 {

(31)

} -->

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

(32)

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

(33)

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"

(34)

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

(35)

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

(36)

<td width="20%">&nbsp;</td>

<td width="80%"><input type="submit" value="Edit" onClick="return cek();">&nbsp;

<input type="button" name="batal"

value="Cancel" onClick="location.replace('booking.php');" /></td>

</tr> </table> </form> <h2>&nbsp;</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);

Referensi

Dokumen terkait

Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU Medan. Medan,

Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU Medan.. KARTU BIMBINGAN

Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU Medan. Elly

Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU

Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA

Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU Medan. Medan,

Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU

Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU