Sarana Penyampaian Informasi Hotel dan Pemesanan Kamar Hotel Berbasis Web.
i
Universitas Kristen MaranathaSARANA PENYAMPAIAN INFORMASI HOTEL
DAN PEMESANAN KAMAR HOTEL BERBASIS WEB
Sarina Butar-Butar / 0727031
Jurusan Sistem Komputer, Fakultas Teknik, Universitas Kristen Maranatha
Jalan Prof.Drg.SuriaSumantri 65
Bandung 40164. Indonesia
ABSTRAK
Internet telah menjadi hal yang sangat penting bagi sebagian besar masyarakat
dalam mengerjakan aktivitasnya. Website adalah salah satu media informasi yang
menggunakan fasilitas Internet. Dalam dunia usaha, peluang usaha saat ini tidak
hanya berkembang dalam dunia nyata, saat ini banyak juga usaha yang dijalankan
melalui dunia maya atau internet, bahkan terbukti peluang usaha melalui media
internet atau website berkembang dengan pesatnya. Penggunaan website dalam
menjalankan usaha memiliki berbagai keuntungan, terutama dalam memasarkan
produk barang maupun jasa kepada khalayak luas. Penelitian ini bertujuan untuk
membuat fasilitas Website untuk menjalankan usaha perhotelan. Pada penelitian ini
lebih mengkhususkan untuk membuat sarana penyampaian informasi hotel dan
pemesanan kamar hotel berbasis web. Website ini berisi informasi mengenai jenis -
jenis kamar dan harga
–
harga kamar yang terdapat pada hotel. Website ini berfungsi
untuk mempermudah para pengunjung untuk memesan kamar berbasis web. Namun
website yang dibuat tidak menangani masalah pembayaran seperti menggunakan
kartu kredit secara online.
(2)
ii
Universitas Kristen MaranathaHOTEL INFORMATION DLIVERING TOOLS AND ROOM BOOKING BASED
ON WEB
Sarina Butar-Butar / 0727031
Computer Engineering, Faculty Of Engineering Maranatha Christian University.
Prof.Drg.Suria Sumantri Street, no.65
Bandung 40164. Indonesia
ABSTRACT
Internet has become an important thing in people's activity nowadays.
Website is one of the information tools which is base on the internet facility.
In bussiness world, the opportunity for growth not only increase in the real
world, but also in the internet, in fact many bussiness in the internet grow fast
nowadays. The using of the internet for bussiness has some advantage.
Especially in introduce and selling product or serrvice to the market. This
research is to make a website facility for running a hotel bussiness. In this
research is more particular to make information tools and booking a room
based on web. This website contains information about the hotel rooms and
also the price. This website help the customer make their booking easily,
based on web. However, this website not supported for online payment by
credit card.
(3)
v
Universitas Kristen MaranathaDAFTAR ISI
ABSTRAK
……….…………
i
ABSTRACT
……….………..…
ii
KATAPENGANTAR
………...……….….iii
DAFTAR ISI
………
..
……….……..…...v
DAFTAR GAMBAR..
………..…..…..……...
...ix
DAFTAR TABEL
………
..
………..………..….
xi
BAB I. PENDAHULUAN
1.1 Latar Belakang
………..………
..
……
.
………
...
…
...1
1.2 Identifikasi Masalah
………..………
...
….2
1.3 Tujuan
laporan……
..
…………
...
………
..
………
.
…….…
...
…
...2
1.4 Pembatasan Masalah
………
..
………
....
…
...
…..…...2
1.5 Sistematika Penulisan
………
...
………
..
……
...
….
....3
BAB II. LANDASAN TEORI
2.1 Konsep Dasar Sistem Informasi.
……….………
...
………..
4
2.1.1.
Sistem………
..
…………
...
………
.4
2.1.2. Informasi.
………
...
……
...
…...…………
...4
2.2
HTML………
.
………
..
………
...
…..…
....5
2.2.1. Pengenalan HTML
………..………
...
………
..5
2.2.2. Kelebihan Menggunakan HTML
……….………
...
………….
6
2.2.3. Tag-Tag Dasar HTML
………
.
..…
...
……
...7
(4)
vi
Universitas Kristen Maranatha2.3.1 Script PHP
…
...
…..………...….
...12
2.3.2 Variabel PHP
……….……….……
.
……
.
………...1
5
2.3.3 Operator PHP
………
.
……….…
...16
2.4 Pengenalan MySQL..
………
...
………1
7
2.4.1 Tipe data pada MySQL
…………
...
………
18
2.4.2 Perintah-perintah pada MySQL
…..………..……
.20
2.4.3 Fungsi pada MySQL
………
...
……….…
..22
2.5 Basis Data (Database)...
……
...
………
.
………
...
…………2
4
2.5.1 Struktur File Database
………
.
…………
.
…………
...
……
...24
2.5.2 Fungsi
–
Fungsi DBMS
..……
.
…
.
……….…………
...24
2.6 XMPP
………
.
…
..
…
..27
2.7 Macromedia Dreamweaver MX 8
………
..
…………
28
2.7.1 Pengenalan Macromedia Dreamweaver MX 8
…………..………2
8
2.7.2 Beberapa keunggulan Dreamweaver MX 8
…………..…………
28
BAB III. PERANCANGAN DAN PEMODELAN
3.1 Skema Rancangan
…………
.
……….……..………
....34
3.2
Struktur Menu……….…………
..
….
..35
3.3 Diagram Alir pada informasi dan pe
mesanan kamar hotel………….…36
3.4 Perancangan Database
…….……..………
38
3.5
Perancangan Struktur Basis Data………..………...…………...
39
3.5.1 Tabel tipe buku tamu
………
...
…………
...39
3.5.2 Tabel tipe pengunjung
………40
3.5.3 Tabel
pesan kamar………..
41
3.5.4 Tabel tipe pesan kamar
……….……….
.42
(5)
vii
Universitas Kristen Maranatha3.6.1 Mengatur Layout menggunakan tabel
………..………
..44
3.6.2 Menghias Header Web
hotel…………..……….……
...45
3.6.3 Membentuk kolom Navigasi
……….…...
..45
3.7 Perancangan interface
………
..
..……...
..46
3.7.1 Perancangan interface pada h
alaman Home………
.
………
46
3.7.2 Perancangan interface pada halaman Family Room...
……..……
48
3.7.3 Perancangan interface pada halaman Executive Club Room...50
3.7.4 Perancangan interface pada halaman Signature Suite Room
….
..52
3.7.5 Perancangan interface pada halaman Fasilitas
………..
54
3.7.6 Perancangan interface pada halaman Galery
……….…
56
3.7.7 Perancangan interface pada halaman Promo
………
...58
3.7.8 Perancangan interface pada halaman Form Pengunjun.
………..
..60
37.9 Perancangan interface pada halaman Logi
…...………
....
…
.63
3.7.10 Perancangan interface pada pemesanan kamar
………
62
BAB IV. HASIL DAN PEMBAHASAN
4
.1 HASIL………
...
……….
67
4.1.1 Tampilan Awal Web Informasi Hotel
………
...67
4.1.2 Tampilan Cara Pemesanan Kamar
………...……...…
..68
4.1.3 Tampilan Halaman Pada Tipe Kamar Family Room.
……
.
…….
.69
4.1.4 Tampilan Halaman Pada Tipe Kamar Executive Club Room
…..
.70
4.1.5 Tampilan Halaman Pada Tipe Kamar Signature Cuite Room
…
...71
4.1.6 Tampilan Halaman Fasilitas
–
Fasilitas Hotel
………
...72
4.1.7 Tampilan Halaman Galery Hotel
………
..
……...
...73
4.1.8 Tampilan Halaman Promo
……….
.
..………...
..74
4.1.9 Tampilan Halaman Form Registrasi Kamar Hotel
……..…
...
…
..75
4.1.10 Tampilan Halaman Login
……
...
………
.
…….……
76
(6)
viii
Universitas Kristen Maranatha4.1.12 Tampilan Halaman Pada Bukti Pemesanan Kamar Hotel
……..
.79
4.1.13 Tampilan Halaman Pengecekan Kamar Hotel yang sudah bayar..79
4.1.14 Tampilan Halaman Form Buku Tamu
…
.
……….…..80
BAB V. KESIMPULAN DAN SARAN
5.1 Kesimpulan
…
.
……
.
……….………
..
……
...
……
81
5.2 Saran
……
...
………
.
………...
.
……
,,,.
…
81
DAFTAR PUSTAKA
………...……….82
LAMPIRAN A LISTING PROGRAM
………A
(7)
ix
Universitas Kristen MaranathaDAFTAR GAMBAR
Gambar 2.1 Diagram proses eksekusi kode PHP pada halaman HTML
……
.
…...11
Gambar 2.2 Tampilan awal Dreamweaver 8
.………..………
...
….
29
Gambar 2.3
Tampilan Lingkungan Kerja Dreamweaver MX …
.
………...
30
Gambar 2.4 Start
page Dreamweaver MX ………
...
………..…
31
Gambar 2.5 Menu View
………..………...….…
31
Gambar 2.6 Tampilan Kode
……..………..………32
Gambar 2.7 Tampilan Kode bersama dengan layout
………….……….33
Gambar 2.8 Menu Help
……….………..…
...33
Gambar 3.1 Skema perancangan awal
………
32
Gambar 3.2 Struktur menu pemesana K
amar hotel ………..
...35
Gambar 3.3 Diagram Alir pada informasi dan pemesanan kamar hotel
…
..
…
.
….
.36
Gambar 3.4 Relasi antara tabel-tabel yang terdapat dalam database hotel
………
.38
Gambar 3.5 Bentuk layout pada web
hotel ………...
………
.43
Gambar 3.6 Tampil kotak-kota dialog pada layout
tabel ………...………
44
Gambar 3.7 Properties layout tabel
…………
..
………...
...44
Gambar 3.8 Tampilan gambar header pada website
………..
45
Gambar 3.9 Tampil kolom Navigasi
………..
45
Gambar 3.10 Perancangan interface
pada halaman Home ………...…………
46
Gambar 3.11 Perancangan interface pada halaman Family Room..
………….
..
…..
48
Gambar 3.12 Perancangan interface pada halaman Executive Club Room...50
Gambar 3.13 Perancangan interface pada halaman Signature Suite Room ...52
Gambar 3.14 Perancangan interface pada halaman Fasilitas .
…….
...54
Gambar 3.15 Perancangan interface pada halaman G
allery………..………
...56
Gambar 3.16 Perancangan interface pada halaman Promo
………..
...58
Gambar 3.17 Perancangan interface pada halaman Registrasi Pengunjung
……..
...60
(8)
x
Universitas Kristen MaranathaGambar 3.19 Perancangan interface pada halaman Pemesanan Kamar...
…..
...64
Gambar 4.1 Tampilan Awal Web Informasi Hotel
……….……….
67
Gamabr 4.2 Tampilan cara pemesanan kamar
……….………
...68
Gambar 4.3 Tampilan pada tipe kamar Family Room..
………...…...
.
…
....69
Gambar 4.4 Tampilan pada tipe kamar Excutive Club Room
………
..
……70
Gambar 4.5 Tampilan pada tipe k
amar Signature Suite Room…………
...
…
.
……
71
Gambar 4.6 Tampilan pada Fasilitas-Fasilitas yang disediakan Hotel
……
.
………72
Gambar 4.7 Tampilan pada halaman Galery yang terdapat pada Hotel..
…
..
…
...73
Gambar 4.8 Tampilan pada informasi halaman Promo
…………..………..………
74
Gambar 4.9 Tampilan halaman form registrasi Kamar H
otel…...…………
..
…….
75
Gambar 4.10 Tampilan pada halaman L
ogin………..………
.
…….
76
Gambar 4.11 Tampilan pada
login salah…..……….…...……….
77
Gambar 4.12 Tampilan pada login yang benar
……..………
77
Gambar 4.13 Tampilan pada halaman Pemesanan Kamar H
otel………
..
…
...78
Gambar 4.14 Tampilan pada Bukti Pemesanan Kamar Hotel
………
...79
Gambar 4.15 Tampilan Pengecekan Pemesanan Kamar Hotel yang sudah bayar....79
(9)
xi
Universitas Kristen MaranathaDAFTAR TABEL
Tabel 2.1 Operator PHP
………
...
……….
..
………..…
...16
Tabel 2.2 Tipe data numerik
………..………
19
Tabel 2.3 Tipe data String
………
...
……….………
....19
Tabel 2.4 Letak perb
edaan jumlah memori ………...………….…….
20
Tabel 2.5 Tipe data tanggal………..21
Tabel 3.1 Struktur Tabel Buku Tamu
…………
..
………
.
……
39
Tabel 3.2 Struktur Tabel Form Pengunjung
….….
..
.…....
...40
Tabel 3.3 Struktur Tabel pesan kamar
………..
41
Tabel 3.4 Struktur Tabel kamar
……….……….…
..
……
...
…
.42
Tabel 3.5 Penjelasan dari Rancangan interface pada halaman Home
…...……
...47
Tabel 3.6 Rancangan interface halaman tipe kamar Family Room..
……...………
49
Tabel 3.7 Penjelasan dari tipe kamar Executive Club Room..
………
....
………….
51
Tabel 3.8 Rancangan interface pada halaman Signature Suite Room
…
.
…...…
....53
Tabel 3.9 Penjelasan dari Rancangan interface pada halaman Fasilitas
…
...55
Tabel 3.10 Penjelasan dari Rancangan interface pada halaman Galery..
….……….
57
Tabel 3 .11 Penjelasan dari Rancangan interface pada halaman Promo
…
...
……...
59
Tabel 3a.12 Rancangan interface pada halaman form pengunjung
………...……….
61
Tabel 3b.12 Rancangan interface
pada halaman form pengunjung…
..
.…….
...62
Tabel 3.13 Penjelasan dari Rancangan interface pada halaman Login
…
..
…...……63
Tabel 3a.14 Rancangan interface pada halaman Pemesanan
Kamar……….
.
……...
65
(10)
A1
LAMPIRAN A
LISTING PROGRAM
HOME. PHP
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xht ml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml"> <head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title> <style type="text/css">
<!--
.style2 {font-size: 24}
.style6 {font-size: 36; font-weight: bold; } .style9 {font-size: 22px}
.style17 {font-family: fantasy} .style19 {
font-size: 23px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #0000FF; font-weight: bold; }
.style21 {
font-size: 18px; font-weight: bold; font-style: italic; color: #FF0000; }
.style3 { font-size: 24px; font-weight: bold; }
--> </style>
<script language="JavaScript"> <!--
function mmLoadMenus() {
if (window.mm_menu_0213015209_0) return;
window.mm_menu_0213015209_0 = new
Menu("root",102,20,"fantasy",14,"#FF000 0","#FFFFFF","#990066","#00FFFF","lef
t","middle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_0213015209_0.addMenuItem( "FORM PENGUNJUNG","location ='formpengunjung.php'");
(11)
A2
mm_menu_0213015209_0.addMenuItem( "KONTAK","location='kontak.php'");
mm_menu_0213015209_0.fontWeight="b old";
mm_menu_0213015209_0.hideOnMouse Out=true;
mm_menu_0213015209_0.bgColor='#000 0FF';
mm_menu_0213015209_0.menuBorder=1 ;
mm_menu_0213015209_0.menuLiteBgC olor='#FFFFFF';
mm_menu_0213015209_0.menuBorderB gColor='#00FF00';
window.mm_menu_0213011326_0 = new Menu("root",214,20,"fantasy",14,"#FF000 0","#FFFFFF","#990066","#00FFFF","lef
t","middle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_0213011326_0.addMenuItem( "FAMILY ROOM","location='fami lt.php'");
mm_menu_0213011326_0.addMenuItem( "EXECUTIVE CLUB ROO M","location='excutive.php'");
mm_menu_0213011326_0.addMenuItem( "SIGNATURE SUITE ROO M","location='signature.php'");
mm_menu_0213011326_0.hideOnMouse Out=true;
mm_menu_0213011326_0.bgColor='#555 555';
mm_menu_0213011326_0.menuBorder=1 ;
mm_menu_0213011326_0.menuLiteBgC olor='#FFFFFF';
mm_menu_0213011326_0.menuBorderB gColor='#777777';
window.mm_menu_0228221934_0 = new
Menu("root",191,20,"fantasy",14,"#FF000 0","#FFFFFF","#990066","#00FFFF","lef
t","middle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_0228221934_0.addMenuItem( "FORM PENDAFTARAN","locati on='formpengunjung.php'");
mm_menu_0228221934_0.addMenuItem( "Pengecekan Pembayaran","locatio n='pengecek.php'");
mm_menu_0228221934_0.addMenuItem( "FORM BUKU TAMU","lo cation='kontak.php'");
mm_menu_0228221934_0.fontWeight="b old";
mm_menu_0228221934_0.hideOnMouse Out=true;
(12)
A3
mm_menu_0228221934_0.bgColor='#000 0FF';
mm_menu_0228221934_0.menuBorder=1 ;
mm_menu_0228221934_0.menuLiteBgC olor='#FFFFFF';
mm_menu_0228221934_0.menuBorderB gColor='#00FF00';
window.mm_menu_0513230535_0 = new Menu("root",171,20,"fantasy",14,"#FF000 0","#FFFFFF","#990066","#00FFFF","lef
t","middle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_0513230535_0.addMenuItem( "CARA PEMESANAN","location= 'petunjuk.php'");
mm_menu_0513230535_0.fontWeight="b old";
mm_menu_0513230535_0.hideOnMouse Out=true;
mm_menu_0513230535_0.bgColor='#000 0FF';
mm_menu_0513230535_0.menuBorder=1 ;
mm_menu_0513230535_0.menuLiteBgC olor='#FFFFFF';
mm_menu_0513230535_0.menuBorderB gColor='#00FF00';
mm_menu_0513230535_0.writeMenus(); } // mmLoadMenus()
//--> </script>
<script language="JavaScript" src="mm_menu.js"></script> </head>
<body background="1242985807.jpg"> <script
language="JavaScript1.2">mmLoadMenu s();</script>
<table width="1099" border="1" align="center" cellpadding="2" cellspacing="1">
<tr>
<td width="880"><img src="hotel7pg.jpg" width="888" height="300" /></td>
<td width="202"><img src="daaa.jpg" width="220" height="300" /></td> </tr>
<tr>
<td colspan="2" class="style2"><img src="screedbot(2).gif" width="1116" height="53" /></td>
</tr> <tr>
<td bgcolor="#FFFF00"
class="style6"><span class="style9"><a href="home.php" name="link3"
id="link3"
onmouseover="MM_showMenu(window. mm_menu_0513230535_0,72,22,null,'link
(13)
A4
3')"onmouseout="MM_startTimeout();">HO ME </a>|<a href="familt.php"
name="link4" id="link1"
onmouseover="MM_showMenu(window. mm_menu_0213011326_0,72,22,null,'link 4')" onmouseout="MM_startTimeout();"> ROOM</a> | <a
href="fasilitas.php">FASILITAS</a> | <a href="galery.php">GALERY</a> | <a href="promo.php">PROMO</a> | <a href="pesan5.php" name="link5" id="link2"
onmouseover="MM_showMenu(window. mm_menu_0228221934_0,126,22,null,'lin k5')"
onmouseout="MM_startTimeout();">RES ERVATION</a><a href="#">
</a></span></td> <td rowspan="2"
background="glitter_background_b4.gif" class="style6">
<form id="form2" name="form2" method="post" action="login.php"> <table width="218" border="0" cellspacing="0" cellpadding="0"> <tr>
<td height="38" colspan="3"><div align="center">LOGIN PENGUNJUNG <br />
<br /> <br /> </div></td> </tr> <tr>
<td width="68" height="54"><span class="style6">Username</span></td> <td width="6">:</td>
<td width="144"><label>
<input name="txtuser" type="text" id="txtuser" maxlength="20" />
</label></td> </tr>
<tr>
<td>Password</td> <td>:</td>
<td><label>
<input name="txtpass" type="password" id="txtpass" /> </label></td>
</tr> <tr>
<td height="73" colspan="3"><label> <input type="submit"
name="Submit" value="LOGIN" /> </label></td>
</tr> </table> </form>
<form id="form3" name="form3" method="post" action="">
<table width="219" border="0" cellspacing="0" cellpadding="0"> <tr>
<td><img src="0002032D.GIF" width="218" height="150" /></td> </tr>
(14)
A5
</table></form> <p></p></td> </tr>
<tr> <td
background="glitter_background_b4.gif"> <form id="form1" name="form1"
method="post" action=""> <p align="justify"><img
src="customer-service.jpg" width="235" height="261" hspace="10" align="left" /> <span class="style19">Kami adalah Perusahan yang bergerak dibidang pariwisata. Hotel Xone City adalah hotel yang ideal bagi anda yang sedang melakukan perjalanan wisata ke kota bandung dengan membawa serta keluarga maupun rombongan. Dengan jumlah kamar yang banyak, lingkungan hotel yang luas dan bersih anda akan senantiasa merasa nyaman ketika beristirahat di hotel Xone City.<br />
<br />
Dengan disediakan Fasilitas yang sunggu memadai Lepas sejenak kepenatan anda dengan berenang di kolam renang kami yang luas dan jernih. Ajak serta anak-anak bermain di area bermain yang telah kami sediakan. Suasana akrab kian terasa bila anda makan bersama di Restoran Xone City yang selalu menyajikan menu istimewa, baik Indonesian food maupun continental. </span>S</p>
</form></td> </tr>
<tr>
<td colspan="2"
bgcolor="#FFFF00"><span class="style17">
<marquee class="style21"> TERIMA KASIH ATAS
KUNJUNGANYA PADA WEB HOTEL Xone CITY SEMOGA ANDA PUAS DENGAN LAYANAN KAMI </ </marquee>
</span></td> </tr>
<tr>
<td colspan="2" bgcolor="#FFFF00"><div align="center"><span
class="style3">www.Hotel Xone City.com </span></div></td> </tr>
</table> </body> </html>
CARA MEMESAN KAMAR.
PHP
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/D TD/xhtml1-transitional.dtd"> <html
xmlns="http://www.w3.org/1999/ xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title> <style type="text/css">
(15)
A6
<!--.style19 { font-size: 23px; font-family: Georgia, "Times New Roman", Times, serif;
color: #0000FF; font-weight: bold; }
.style21 { font-size: 17px; font-weight: bold; font-style: italic; color: #FF0000; }
.style28 {font-size: 18px} .style30 {
font-size: 20px; color: #660000; }
--> </style> </head> <body>
<table width="493" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="145"><img src="daaa.jpg" width="200" height="300" /></td> <td width="348"><img src="hotel7pg.jpg" width="724" height="300" /></td>
</tr> <tr>
<td colspan="2"><img src="screedbot(2).gif"
width="924" height="43" /></td> </tr>
<tr>
<td colspan="2"
background="glitter_background_ b4.gif"><form id="form1" name="form1" method="post" action="home.php">
<table width="924" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="888"><div align="left">
<p align="center"><span class="style19"><span
class="style28"><img src="customer-service.jpg" width="262" height="450" hspace="10" align="left" /><span class="style30">Cara pemesanan dan Pembayaran kamar Hotel Xone
city</span></span></span></p> <p align="justify"><span class="style19"><span
class="style28">->Ketika Anda hendak memesan salah satu kamar dihotel Xone city anda harus login sebagai
member/anggota. Jika anda belum terdaftar, silahkan melakukan pengisian diform pengunjung dengan cara klik tombol form pengunjung. <br />
<br />
->Setelah anda sudah mendaftar, anda akan masuk ke form pemesanan kamar hotel dan diform itulah anda bisa memesan kamar yang anda inginkan.<br /> <br />
(16)
A7
->Setelah anda sudahselesai memesan kamar hotel, anda harus membayar uang DP (panjar) maksimal 25 % dari harga tipe / kamar dan batas waktunya itu 1 x 24 jam.<br /> <br />
->Anda dapat mentransfer jumlah pembayara DP (uang muka) dari bank anda kepada rekning bank kami.<br />
Bank BCA<br /> no rekning:337-0994-3757<br />
atas nama :Hotel Xone city<br />
anda akan dapat bukti pembayaran Dp(uang muka) dari bank tersebut <br />
<br />
</span></span><span class="style28"><strong><br /> </strong></span></p> </div> </td> </tr>
<tr>
<td><br /> <label><span class="style19"><span class="style28">
<input type="submit" name="Submit" value="HOME" />
</span></span></label></td> </tr>
</table> </form> </td>
</tr> <tr>
<td colspan="2"
bgcolor="#FFFF00"><span class="style21"><marquee>TERI MA KASIH ATAS
KUNJUNGANYA PADA WEB HOTEL Xone CITY SEMOGA ANDA PUAS DENGAN LAYANAN
KAMI</marquee></span></td> </tr>
</table> </body> </html>
ROOM
FAMILY.PHP <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/D TD/xhtml1-transitional.dtd"> <html
xmlns="http://www.w3.org/1999/ xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title> <style type="text/css">
<!-- .style1 {
font-size: 23px; font-weight: bold; color: #FF0000; }
(17)
A8
color: #FF0000;font-style: italic; font-weight: bold; }
.style3 {
font-size: 24px; font-weight: bold; }
.style4 {
font-size: 20px; color: #FFFF00; }
.style6 {font-family: "Times New Roman", Times, serif}
.style10 {font-size: 20px} .style11 {
color: #660000; font-weight: bold; font-size: 22px; }
.style13 {color: #0000FF; font-weight: bold; font-size: 22px; } -->
</style>
<script language="JavaScript"> <!--
function mmLoadMenus() { if
(window.mm_menu_0209013824 _0) return;
window.mm_menu_0209013824_ 0 = new
Menu("root",214,20,"fantasy",14, "#FF0000","#FFFFFF","#990066 ","#00FFFF","left","middle",3,0,1 000,-5,7,true,true,true,0,true,true);
mm_menu_0209013824_0.addMe
nuItem("FAMILY ROOM" ,"location='familt.php'");
mm_menu_0209013824_0.addMe nuItem("EXECUTIVE CL UB ROOM","location='exc utive.php'");
mm_menu_0209013824_0.addMe nuItem("SIGNATURE SUI TE ROOM","location='sign ature.php'");
mm_menu_0209013824_0.fontW eight="bold";
mm_menu_0209013824_0.hideO nMouseOut=true;
mm_menu_0209013824_0.bgCol or='#0000FF';
mm_menu_0209013824_0.menu Border=1;
mm_menu_0209013824_0.menuL iteBgColor='#FFFFFF';
mm_menu_0209013824_0.menu BorderBgColor='#00FF00';
window.mm_menu_0213014207_ 0 = new
Menu("root",191,20,"fantasy",14, "#FF0000","#FFFFFF","#990066 ","#00FFFF","left","middle",3,0,1 000,-5,7,true,true,true,0,true,true);
mm_menu_0213014207_0.addMe nuItem("FORM PENDAFT
(18)
A9
ARAN","location='formpengunjung.php'");
mm_menu_0213014207_0.addMe nuItem("FORM BUKU&n bsp;TAMU","location='kontak.ph p'");
mm_menu_0213014207_0.fontW eight="bold";
mm_menu_0213014207_0.hideO nMouseOut=true;
mm_menu_0213014207_0.bgCol or='#0000FF';
mm_menu_0213014207_0.menu Border=1;
mm_menu_0213014207_0.menuL iteBgColor='#FFFFFF';
mm_menu_0213014207_0.menu BorderBgColor='#00FF00'; mm_menu_0213014207_0.write Menus();
} // mmLoadMenus() //-->
</script>
<script language="JavaScript" src="mm_menu.js"></script> </head>
<body
background="1242985807.jpg"> <script
language="JavaScript1.2">mmLo adMenus();</script>
<table width="1064" border="1" align="center" cellpadding="2" cellspacing="1">
<tr>
<td width="200"><img src="daaa.jpg" width="200" height="300" /></td>
<td width="878"><img src="hotel7pg.jpg" width="877" height="300" /></td>
</tr> <tr>
<td colspan="2"><img src="screedbot(2).gif" width="1084" height="53" /></td>
</tr> <tr> <td
background="white_stars_and_sn owflakes_over_blue_background_ striped.jpg" class="style3 style4 style6"><!-- #BeginDate
format:Am1a -->August 3, 2011 9:59 PM<!-- #EndDate --></td> <td bgcolor="#FFFF00"><span class="style1"><a
href="home.php"> HOME </a> | <a href="familt.php"
name="link5" id="link1"
onmouseover="MM_showMenu( window.mm_menu_0209013824_ 0,75,23,null,'link5')"
onmouseout="MM_startTimeout( );">ROOM</a> | <a
href="fasilitas.php">FASILITAS </a> | <a
href="galery.php">GALERY</a> | <a
href="promo.php">PROMO</a> | <a href="#" name="link2"
id="link3"
onmouseover="MM_showMenu( window.mm_menu_0213014207_ 0,133,22,null,'link2')"
(19)
A10
);">RESERVATION</a></span></td> </tr> <tr>
<td colspan="2"
background="glitter_background_ b4.gif"><table width="1067" height="283" border="1" align="center" cellpadding="2" cellspacing="1">
<tr>
<td width="257"><div align="justify" class="style10"> <div align="center"><span class="style11">FAMILY ROOM </span><br />
<table width="249" height="61" border="0"
cellpadding="0" cellspacing="0"> <tr>
<td><div
align="center">Menyediakan ruangan yang dilengkapi oleh AC,Televisi,lemari es,kamar mandi khusus keluarga dan pemandangan</div></td> </tr>
</table>
<span class="style13">Rp 400000</span>
/<strong>hari</strong> </div> </div></td>
<td width="257"
background="glitter_background_ b4.gif"><img src="kamar
mewah/Executive Club
Room/swiss-business-executive-club-room.jpg" width="257" height="121" /><br />
<span
class="style3">F200</span><br /></td>
<td width="257"
background="glitter_background_ b4.gif"><img src="kamar
mewah/Signature Suite/2-bedroom-suite-room.jpg"
width="257" height="121" /><br />
<span
class="style3">F201</span></td> <td width="265"
background="glitter_background_ b4.gif"><img src="kamar
mewah/superior
room/SuperiorRoom.jpg" width="257" height="121" /><br />
<span
class="style3">F202</span></td> </tr>
<tr> <td
background="glitter_background_ b4.gif"><img src="kamar
mewah/superior room/08_-_Majestic_Superior_Room.jpg" width="257" height="121" /><br />
<span class="style3">F203</span></td> <td
background="glitter_background_ b4.gif"><img src="kamar
mewah/superior room/superior-room-2-m.jpg" width="257" height="121" /><br /> <span
class="style3">F204</span><br /></td>
(20)
A11
<tdbackground="glitter_background_ b4.gif"><img src="kamar
mewah/superior
room/large_mphkh_SuperiorRoo m.jpg" width="257" height="121" /><br />
<span
class="style3">F205</span></td> <td
background="glitter_background_ b4.gif"><img src="kamar
mewah/superior room/pic1-superior-room.jpg" width="257" height="121" /><br />
<span
class="style3">F206</span></td> </tr>
<tr> <td
background="glitter_background_ b4.gif"><img src="kamar
mewah/Executive Club
Room/executive_club_room.jpg" width="257" height="121" /><br />
<span
class="style3">F207</span></td> <td
background="glitter_background_ b4.gif"><img src="kamar
mewah/superior room/manor-superior room.jpg" width="257" height="121" /><br />
<span
class="style3">F208</span></td> <td
background="glitter_background_ b4.gif"><img src="kamar
mewah/superior room/superior
roozm.jpg" width="255" height="121" /><br /> <span
class="style3">F209</span></td> <td
background="glitter_background_ b4.gif"><img src="kamar
mewah/11_president_suite_parent sroom.jpg" width="257"
height="121" /><br /> <span
class="style3">F210</span></td> </tr>
</table></td> </tr>
<tr>
<td colspan="2"
bgcolor="#FFFF00"><span class="style2">
<marquee>
TERIMA KASIH ATAS KUNJUNGANYA PADA WEB HOTEL Xone CITY SEMOGA ANDA PUAS DENGAN LAYANAN KAMI </marquee> </span></td> </tr>
<tr>
<td colspan="2" bgcolor="#FFFF00"><div align="center"
class="style3">www.Hotel Xone City.com </div></td>
</tr> </table> </body> </html>
(21)
A12
EXECUTIVE CLUB ROOM. PHP<!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/xht ml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title> <style type="text/css">
<!-- .style1 {
font-size: 23px; font-weight: bold; color: #FF0000; }
.style2 {
color: #FF0000; font-style: italic; font-weight: bold; }
.style3 {
font-size: 24px; font-weight: bold; }
.style9 {
font-size: 20px; font-weight: bold; color: #FFFF00; }
.style11 {
font-size: 22px; font-weight: bold; color: #660000;
}
.style13 {font-size: 20px}
.style15 {font-size: 24px; font-weight: bold; color: #0000FF; }
.style16 {color: #000033} -->
</style>
<script language="JavaScript"> <!--
function mmLoadMenus() { if
(window.mm_menu_0209013824_0) return;
window.mm_menu_0209013824_0 = new
Menu("root",214,20,"fantasy",14,"#F F0000","#FFFFFF","#990066","#00F FFF","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_0209013824_0.addMenuIt em("FAMILY ROOM","locati on='familt.php'");
mm_menu_0209013824_0.addMenuIt em("EXECUTIVE CLUB&nbs p;ROOM","location='excutive.php'");
mm_menu_0209013824_0.addMenuIt em("SIGNATURE SUITE&nb sp;ROOM","location='signature.php'" );
mm_menu_0209013824_0.fontWeigh t="bold";
mm_menu_0209013824_0.hideOnMo useOut=true;
(22)
A13
mm_menu_0209013824_0.bgColor='#0000FF';
mm_menu_0209013824_0.menuBord er=1;
mm_menu_0209013824_0.menuLite BgColor='#FFFFFF';
mm_menu_0209013824_0.menuBord erBgColor='#00FF00';
window.mm_menu_0213014207_0 = new
Menu("root",191,20,"fantasy",14,"#F F0000","#FFFFFF","#990066","#00F FFF","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_0213014207_0.addMenuIt em("FORM PENDAFTARAN" ,"location='formpengunjung.php'"); mm_menu_0213014207_0.addMenuIt em("FORM BUKU TA MU","location='kontak.php'"); mm_menu_0213014207_0.fontWeigh t="bold";
mm_menu_0213014207_0.hideOnMo useOut=true;
mm_menu_0213014207_0.bgColor=' #0000FF';
mm_menu_0213014207_0.menuBord er=1;
mm_menu_0213014207_0.menuLite BgColor='#FFFFFF';
mm_menu_0213014207_0.menuBord erBgColor='#00FF00';
mm_menu_0213014207_0.writeMenu s();
} // mmLoadMenus() //-->
</script>
<script language="JavaScript" src="mm_menu.js"></script> </head>
<body
background="1242985807.jpg"> <script
language="JavaScript1.2">mmLoadM enus();</script>
<table width="1054" border="1" align="center" cellpadding="2" cellspacing="1">
<tr>
<td width="203"><img src="daaa.jpg" width="200" height="300" /></td> <td width="834"><img src="hotel7pg.jpg" width="877" height="300" /></td>
</tr> <tr>
<td colspan="2"><img
src="screedbot(2).gif" width="1084" height="45" /></td>
</tr> <tr> <td
background="ws_Blue_butterfly_102 4x768.jpg"><span class="style9"> <! #BeginDate format:Am1a -->August 3, 2011 8:31 PM<!-- #EndDate -->
</span></td>
<td bgcolor="#FFFF00"><span class="style1"><a
href="home.php">HOME </a>| <a href="familt.php" name="link5" id="link1"
onmouseover="MM_showMenu(wind ow.mm_menu_0209013824_0,75,23,n
(23)
A14
ull,'link5')"onmouseout="MM_startTimeout();"> ROOM</a> | <a
href="fasilitas.php">FASILITAS</a> | <a href="galery.php">GALERY</a> | <a href="promo.php">PROMO</a> | <a href="#" name="link2" id="link3" onmouseover="MM_showMenu(wind ow.mm_menu_0213014207_0,133,22, null,'link2')"
onmouseout="MM_startTimeout();"> RESERVATION</a> | <a
href="home.php"></a> </span></td> </tr>
<tr>
<td colspan="2"
background="glitter_background_b4. gif"><table width="1061"
height="283" border="1" align="center" cellpadding="2" cellspacing="1">
<tr>
<td width="257"><div align="center"><span
class="style11">Executive Club Room</span><br />
<span
class="style13">Menyediakan ruangan yang dilengkapi oleh AC,Televisi,lemari es,kamar mandi mewah dan pemandanga</span>n<br />
<br />
<span class="style15">Rp 500000/<span class="style16">hari </span></span><br />
</div></td> <td width="257"
background="glitter_background_b4. gif"><img src="kamar
mewah/Executive Club
Room/2_[1]_[1].jpg" width="257" height="121" /><br />
<span
class="style3">E300</span><br /></td>
<td width="257"
background="glitter_background_b4. gif"><img src="kamar
mewah/Executive Club
Room/1437895.jpg" width="257" height="121" /><br />
<span
class="style3">E301</span></td> <td width="259"
background="glitter_background_b4. gif"><img src="kamar
mewah/Executive Club
Room/2550166.jpg" width="257" height="121" /><br />
<span
class="style3">E302</span></td> </tr>
<tr> <td
background="glitter_background_b4. gif"><img src="kamar
mewah/Executive Club
Room/Image_4345_606_381.jpg" width="257" height="121" /><br /> <span
class="style3">E303</span></td> <td
background="glitter_background_b4. gif"><img src="kamar
mewah/Executive Club
Room/executive-club-2009_full.jpg" width="257" height="121" /><br />
(24)
A15
<spanclass="style3">E304</span><br /></td>
<td
background="glitter_background_b4. gif"><img src="kamar
mewah/Executive Club
Room/OTHERS_10409_3.jpg" width="257" height="121" /><br /> <span
class="style3">E305</span></td> <td
background="glitter_background_b4. gif"><img src="kamar
mewah/Executive Club
Room/grandeur8.jpg" width="257" height="121" /><br />
<span
class="style3">E306</span></td> </tr>
<tr> <td
background="glitter_background_b4. gif"><img src="kamar mewah/kamar mewah.jpg" width="257"
height="121" /><br /> <span
class="style3">E307</span></td> <td
background="glitter_background_b4. gif"><img src="kamar
mewah/Executive Club Room/OTHERS_199_21.jpg" width="257" height="121" /><br /> <span
class="style3">E308</span></td> <td
background="glitter_background_b4. gif"><img src="kamar
mewah/Signature
Suite/84_Fortuna_Suite_Room_1.jpg" width="257" height="121" /><br /> <span
class="style3">E309</span></td> <td
background="glitter_background_b4. gif"><img src="kamar
mewah/Signature Suite/linen-suite-bedroom-signature-suite.jpg" width="257" height="121" /><br /> <span
class="style3">E310</span></td> </tr>
</table></td> </tr>
<tr>
<td colspan="2"
bgcolor="#FFFF00"><span class="style2"> <marquee> TERIMA KASIH ATAS KUNJUNGANYA PADA WEB HOTEL Xone CITY SEMOGA ANDA PUAS DENGAN LAYANAN KAMI
</marquee> </span></td> </tr>
<tr>
<td colspan="2" bgcolor="#FFFF00"><div align="center"><span
class="style3">www.Hotel Xone City.com </span></div></td> </tr>
</table> </body> </html>
(25)
A16
SIGNATURE SUITE ROOM.
PHP
<!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/xht ml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title> <style type="text/css">
<!-- .style1 {
font-size: 23px; font-weight: bold; color: #FF0000; }
.style2 {
color: #FF0000; font-style: italic; font-weight: bold; }
.style3 {
font-size: 24px; font-weight: bold; }
.style4 {
font-family: "Times New Roman", Times, serif;
font-weight: bold; font-size: 20px; color: #FFFF00; }
.style6 {
font-size: 22px; font-weight: bold; color: #660000; }
.style10 {
font-size: 22px; color: #0000FF; font-weight: bold; }
.style12 {font-size: 20px} .style13 {
color: #000000; font-weight: bold;
(26)
A17
}--> </style>
<script language="JavaScript"> <!--
function mmLoadMenus() { if
(window.mm_menu_0209013958_0) return;
window.mm_menu_0209013958_0 = new
Menu("root",214,20,"fantasy",14,"#F F0000","#FFFFFF","#990066","#00F FFF","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_0209013958_0.addMenuIt em("FAMILY ROOM","locati on='familt.php'");
mm_menu_0209013958_0.addMenuIt em("EXECUTIVE CLUB&nbs p;ROOM","location='excutive.php'"); mm_menu_0209013958_0.addMenuIt em("SIGNATURE SUITE&nb sp;ROOM","location='signature.php'" );
mm_menu_0209013958_0.fontWeigh t="bold";
mm_menu_0209013958_0.hideOnMo useOut=true;
mm_menu_0209013958_0.bgColor=' #0000FF';
mm_menu_0209013958_0.menuBord er=1;
mm_menu_0209013958_0.menuLite BgColor='#FFFFFF';
mm_menu_0209013958_0.menuBord erBgColor='#00FF00';window.mm_m enu_0213031219_0 = new
Menu("root",191,20,"fantasy",14,"#F F0000","#FFFFFF","#990066","#00F FFF","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);mm_men u_0213031219_0.addMenuItem("FO RM PENDAFTARAN","locati on='formpengunjung.php'");
mm_menu_0213031219_0.addMenuIt em("FORM BUKU TA MU","location='kontak.php'"); mm_menu_0213031219_0.fontWeigh t="bold";
mm_menu_0213031219_0.hideOnMo useOut=true;mm_menu_0213031219_ 0.bgColor='#0000FF';mm_menu_021 3031219_0.menuBorder=1;
mm_menu_0213031219_0.menuLite BgColor='#FFFFFF';
mm_menu_0213031219_0.menuBord erBgColor='#00FF00';
mm_menu_0213031219_0.writeMenu s();
} // mmLoadMenus() //-->
</script>
<script language="JavaScript" src="mm_menu.js"></script> </head>
<body
(27)
A18
<scriptlanguage="JavaScript1.2">mmLoadM enus();</script>
<table width="1064" border="1" align="center" cellpadding="2" cellspacing="1">
<tr>
<td width="202"><img src="daaa.jpg" width="200" height="300" /></td> <td width="883"><img src="hotel7pg.jpg" width="883" height="300" /></td>
</tr> <tr>
<td colspan="2"><img
src="screedbot(2).gif" width="1092" height="49" /></td>
</tr> <tr> <td
background="white_stars_and_snowfl akes_over_blue_background_striped.j pg"><span class="style4">
<! #BeginDate format:Am1a -->August 3, 2011 8:55 PM<!-- #EndDate -->
</span></td>
<td bgcolor="#FFFF00"><span class="style1"><a
href="home.php">HOME</a> | <a
href="familt.php" name="link5" id="link1"
onmouseover="MM_showMenu(wind ow.mm_menu_0209013958_0,75,23,n ull,'link5')"
onmouseout="MM_startTimeout();"> ROOM</a> | <a
href="fasilitas.php">FASILITAS </a>| <a
href="galery.php">GALERY</a> | <a href="promo.php">PROMO</a> | <a href="kontak.php" name="link4" id="link2"
onmouseover="MM_showMenu(wind ow.mm_menu_0213031219_0,133,22, null,'link4')"
onmouseout="MM_startTimeout();"> RESERVATION</a> | <a
href="home.php"></a> </span></td> </tr>
<tr>
<td colspan="2"><table width="1092" height="283" border="1" align="center"
cellpadding="2" cellspacing="1"> <tr>
<td width="245"
background="glitter_background_b4. gif"><form id="form1"
name="form1" method="post" action="">
<span class="style6">Signature suit Room </span><br />
(28)
A19
<table width="256"height="61" border="0"
cellpadding="0" cellspacing="0"> <tr>
<td width="256"><div align="center" class="style12
style13">Menyediakan ruangan yang sangat luas dan dilengkapi oleh AC,Televisi,lemari es,kamar mandi mewah dan pemandangan</div></td> </tr>
</table>
<span class="style10">Rp 650000
/hari</span><strong></strong> </form></td>
<td width="245"
background="glitter_background_b4. gif"><img src="kamar
mewah/superior room/pic1-superior-roomj.jpg" width="257" height="121" /><br />
<span
class="style3">S400</span></td> <td width="245"
background="glitter_background_b4. gif"><img src="kamar
mewah/superior room/superior
room.JPG" width="257" height="121" /><br />
<span
class="style3">S401</span></td>
<td width="267"
background="glitter_background_b4. gif"><img src="kamar
mewah/superior room/g-hotel superior room.JPG" width="282" height="121" /><br />
<span
class="style3">S402</span></td> </tr>
<tr> <td
background="glitter_background_b4. gif"><img src="kamar
mewah/superior room/08_-_Majestic_Superior_Room.jpg" width="257" height="121" /><br /> <span
class="style3">S403</span></td> <td
background="glitter_background_b4. gif"><img src="kamar
mewah/Signature Suite/deluxe-room.jpg" width="257" height="121" /><br />
<span
class="style3">S404</span></td> <td
background="glitter_background_b4. gif"><img src="kamar
mewah/Signature
Suite/84_Fortuna_Suite_Room_1.jpg" width="257" height="121" /><br /> <span
(29)
A20
<tdbackground="glitter_background_b4. gif"><img src="kamar
mewah/superior room/superior-room.jpg" width="284" height="121" /><br />
<span
class="style3">S406</span></td> </tr>
<tr> <td
background="glitter_background_b4. gif"><img src="Gambar
1/OTHERS_10610_15.jpg"
width="257" height="121" /><br /> <span
class="style3">S407</span></td> <td
background="glitter_background_b4. gif"><img src="kamar
mewah/superior room/manor-superior room.jpg" width="257" height="121" /><br /> <span
class="style3">S408</span></td> <td
background="glitter_background_b4. gif"><img src="kamar
mewah/Signature Suite/Signature-One-Bedroom-Suite.jpg" width="257" height="121" /><br />
<span
class="style3">S409</span></td> <td
background="glitter_background_b4.
gif"><img src="kamar mewah/Signature
Suite/01_Suite_room.jpg"
width="281" height="121" /><br /> <span
class="style3">S410</span></td> </tr>
</table></td> </tr>
<tr>
<td colspan="2"
bgcolor="#FFFF00"><span class="style2">
<marquee>
TERIMA KASIH ATAS KUNJUNGANYA PADA WEB HOTEL Xone CITY SEMOGA ANDA PUAS DENGAN LAYANAN KAMI
</marquee> </span></td> </tr>
<tr>
<td colspan="2" bgcolor="#FFFF00"><div align="center"><span
class="style3">www.Hotel Xone City.com </span></div></td> </tr>
(30)
A21
</body></html>
FASILITAS. PHP
<!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/xht ml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title> <style type="text/css">
<!-- .style1 {
font-size: 24px; font-weight: bold; color: #FF0000; }
.style2 {
color: #FF0000; font-style: italic;
font-weight: bold; }
.style4 {font-size: 20px} .style6 {
font-size: 20px; color: #FFFF00; font-weight: bold; font-family: "Times New Roman", Times, serif; }
.style8 {
font-size: 24px; font-weight: bold; color: #00FF00; }
.style9 {
font-size: 24px; color: #00FF00; }
.style11 {font-size: 22px} .style3 { font-size: 24px;
font-weight: bold; }
(31)
A22
font-size: 22px;font-weight: bold; color: #00FF00; }
.style15 {color: #00FF00} -->
</style>
<script language="JavaScript"> <!--
function mmLoadMenus() { if
(window.mm_menu_0209011146_0) return;
window.mm_menu_0209011146_0 = new
Menu("root",214,20,"fantasy",14,"#F F0000","#FFFFFF","#990066","#00F FFF","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_0209011146_0.addMenuIt em("FAMILY ROOM","locati on='familt.php'");
mm_menu_0209011146_0.addMenuIt em("EXECUTIVE CLUB&nbs p;ROOM","location='excutive.php'"); mm_menu_0209011146_0.addMenuIt em("SIGNATURE SUITE&nb sp;ROOM","location='signature.php'" );
mm_menu_0209011146_0.fontWeigh t="bold";
mm_menu_0209011146_0.hideOnMo useOut=true;
mm_menu_0209011146_0.bgColor=' #0000FF';
mm_menu_0209011146_0.menuBord er=1;
mm_menu_0209011146_0.menuLite BgColor='#FFFFFF';
mm_menu_0209011146_0.menuBord erBgColor='#00FF00';
window.mm_menu_0213021229_0 = new
Menu("root",191,20,"fantasy",14,"#F F0000","#FFFFFF","#990066","#00F FFF","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_0213021229_0.addMenuIt em("FORM PENDAFTARAN" ,"location='formpengunjung.php'");
mm_menu_0213021229_0.addMenuIt em("FORM PENGUNJUNG"," location='kontak.php'");
(32)
A23
mm_menu_0213021229_0.fontWeigh t="bold";
mm_menu_0213021229_0.hideOnMo useOut=true;
mm_menu_0213021229_0.bgColor=' #0000FF';
mm_menu_0213021229_0.menuBord er=1;
mm_menu_0213021229_0.menuLite BgColor='#FFFFFF';
mm_menu_0213021229_0.menuBord erBgColor='#00FF00';
mm_menu_0213021229_0.writeMenu s();
} // mmLoadMenus() //-->
</script>
<script language="JavaScript" src="mm_menu.js"></script> </head>
<body
background="1242985807.jpg">
<script
language="JavaScript1.2">mmLoadM enus();</script>
<table width="1046" border="1" align="center" cellpadding="2" cellspacing="1">
<tr>
<td width="200"><img src="daaa.jpg" width="200" height="300" /></td> <td width="854"><img src="hotel7pg.jpg" width="877" height="300" /></td>
</tr> <tr>
<td colspan="2"><img
src="screedbot(2).gif" width="1086" height="53" /></td>
</tr> <tr> <td
background="white_stars_and_snowfl akes_over_blue_background_striped.j pg" class="style4"><span
class="style6">
<! #BeginDate format:Am1a -->August 3, 2011 8:29 PM<!-- #EndDate -->
</span></td>
<td bgcolor="#FFFF00"><span class="style1"><a
(33)
A24
href="home.php">HOME </a>| <ahref="familt.php" name="link5" id="link1"
onmouseover="MM_showMenu(wind ow.mm_menu_0209011146_0,75,23,n ull,'link5')"
onmouseout="MM_startTimeout();"> ROOM</a> | <a
href="fasilitas.php">FASILITAS</a> | <a href="galery.php">GALERY</a> | <a href="promo.php">PROMO </a>| <a href="#" name="link4" id="link2" onmouseover="MM_showMenu(wind ow.mm_menu_0213021229_0,135,23, null,'link4')"
onmouseout="MM_startTimeout();"> RESERVATION</a> | <a
href="home.php"></a></span></td> </tr>
<tr>
<td colspan="2"
background="Valentines-Day-heart- shaped-background-butterfly-pattern.jpg"><table width="1060" height="246" border="0"
align="center" cellpadding="2" cellspacing="1">
<tr>
<td width="350"
background="white_stars_and_snowfl akes_over_blue_background_striped.j pg"><object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromed ia.com/pub/shockwave/cabs/flash/swfl
ash.cab#version=7,0,19,0" width="350" height="260"> <param name="movie" value="ut/Untitled-1.swf" /> <param name="quality" value="high" />
<embed src="ut/Untitled-1.swf" quality="high"
pluginspage="http://www.macromedi a.com/go/getflashplayer"
type="application/x-shockwave-flash" width="350" height="260"></embed> </object></td>
<td width="173" align="center" bordercolor="#00FFFF"
background="Valentines-Day-heart- shaped-background-butterfly-pattern.jpg"><table width="173" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div align="center" class="style12">
<span class="style15"> Gedung Ruang
Rapat/Pertemuan</span> </div></td>
</tr> </table></td>
<td width="350" align="center" bordercolor="#00FFFF"
(34)
background="Valentines-Day-heart-A25
shaped-background-butterfly-pattern.jpg"><object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromed ia.com/pub/shockwave/cabs/flash/swfl ash.cab#version=7,0,19,0"
width="350" height="260"> <param name="movie" value="ut/Untitled-3.swf" /> <param name="quality" value="high" />
<embed src="ut/Untitled-3.swf" quality="high"
pluginspage="http://www.macromedi a.com/go/getflashplayer"
type="application/x-shockwave-flash" width="350" height="260"></embed> </object></td>
<td width="166" align="center" background="Valentines-Day-heart- shaped-background-butterfly-pattern.jpg"><span
class="style8">Kolam Renang </span></td>
</tr> <tr> <td
background="white_stars_and_snowfl akes_over_blue_background_striped.j pg"><object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromed ia.com/pub/shockwave/cabs/flash/swfl
ash.cab#version=7,0,19,0" width="350" height="260"> <param name="movie" value="ut/Untitled-4.swf" /> <param name="quality" value="high" />
<embed src="ut/Untitled-4.swf" quality="high"
pluginspage="http://www.macromedi a.com/go/getflashplayer"
type="application/x-shockwave-flash" width="350" height="260"></embed> </object></td>
<td align="center"
background="Valentines-Day-heart- shaped-background-butterfly-pattern.jpg"><span
class="style8">KAFE</span></td> <td align="center"
background="Valentines-Day-heart- shaped-background-butterfly-pattern.jpg"><object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromed ia.com/pub/shockwave/cabs/flash/swfl ash.cab#version=7,0,19,0"
width="350" height="250"> <param name="movie" value="ut/Untitled-5.swf" /> <param name="quality" value="high" />
<embed src="ut/Untitled-5.swf" quality="high"
(35)
A26
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="350" height="250"></embed> </object></td>
<td align="center"
background="Valentines-Day-heart- shaped-background-butterfly-pattern.jpg"><span
class="style8">RESTOURAN</span> </td>
</tr> <tr> <td
background="white_stars_and_snowfl akes_over_blue_background_striped.j pg"><img src="ut/fish-spa.jpg" width="350" height="260" /></td> <td align="center"
background="Valentines-Day-heart- shaped-background-butterfly-pattern.jpg"><span
class="style9">SPA</span></td> <td align="center"
background="Valentines-Day-heart- shaped-background-butterfly-pattern.jpg"><img
src="ut/IMG_7884_wmsm.jpg" width="350" height="260" /></td> <td align="center"
background="Valentines-Day-heart- shaped-background-butterfly-pattern.jpg"><span
class="style8">Ruang Fitnes </span></td>
</tr> <tr>
<td background="Valentines- Day-heart-shaped-background-butterfly-pattern.jpg"><img src="Gedung Parkir 06_resize.jpg" width="350" height="260" /></td> <td background="Valentines- Day-heart-shaped-background-butterfly-pattern.jpg"><span class="style8">P<span class="style11">ARKIR MOBIL</span> </span></td> <td align="center"
background="Valentines-Day-heart- shaped-background-butterfly-pattern.jpg"><img
src="e14862image1.jpg" width="350" height="260" /></td>
<td align="center"
background="Valentines-Day-heart- shaped-background-butterfly-pattern.jpg"><span
class="style8">RUANG KAROKE </span></td>
</tr> <tr>
<td background="Valentines- Day-heart-shaped-background-butterfly-pattern.jpg"> </td> <td background="Valentines- Day-heart-shaped-background-butterfly-pattern.jpg"> </td>
(36)
A27
<td align="center"background="Valentines-Day-heart- shaped-background-butterfly-pattern.jpg"> </td> <td align="center"
background="Valentines-Day-heart- shaped-background-butterfly-pattern.jpg"> </td> </tr>
</table></td> </tr> <tr> <td colspan="2"
bgcolor="#FFFF00"><span class="style2">
<marquee>
TERIMA KASIH ATAS KUNJUNGANYA PADA WEB HOTEL Xone CITY SEMOGA ANDA PUAS DENGAN LAYANAN KAMI
</marquee> </span></td> </tr>
<tr>
<td colspan="2" bgcolor="#FFFF00"><div align="center"><span
class="style3">www.Hotel Xone City.com </span></div></td> </tr>
</table>
</body> </html>
GALERY. PHP
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/D TD/xhtml1-transitional.dtd"> <html
xmlns="http://www.w3.org/1999/ xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title> <style type="text/css">
<!-- .style1 {
font-size: 24px; font-weight: bold; color: #FF0000; }
.style2 {
(37)
A28
font-style: italic;font-weight: bold; }
.style4 {
font-size: 20px; font-weight: bold; color: #FFFF00;
font-family: "Times New Roman", Times, serif;
}
.style3 { font-size: 24px; font-weight: bold; }
--> </style>
<script language="JavaScript"> <!--
function mmLoadMenus() { if
(window.mm_menu_0209013824 _0) return;
window.mm_menu_0209013824_ 0 = new
Menu("root",214,20,"fantasy",14, "#FF0000","#FFFFFF","#990066 ","#00FFFF","left","middle",3,0,1 000,-5,7,true,true,true,0,true,true);
mm_menu_0209013824_0.addMe nuItem("FAMILY ROOM" ,"location='Untitled-3.html'");
mm_menu_0209013824_0.addMe nuItem("EXECUTIVE CL UB ROOM","location='Unt itled-2.html'");
mm_menu_0209013824_0.addMe nuItem("SIGNATURE SUI TE ROOM","location='Unt itled-4.html'");
mm_menu_0209013824_0.fontW eight="bold";
mm_menu_0209013824_0.hideO nMouseOut=true;
mm_menu_0209013824_0.bgCol or='#0000FF';
mm_menu_0209013824_0.menu Border=1;
mm_menu_0209013824_0.menuL iteBgColor='#FFFFFF';
mm_menu_0209013824_0.menu BorderBgColor='#00FF00';
(38)
A29
window.mm_menu_0212161744_ 0 = new
Menu("root",191,20,"fantasy",14, "#FF0000","#FFFFFF","#990066 ","#00FFFF","left","middle",3,0,1 000,-5,7,true,true,true,0,true,true);
mm_menu_0212161744_0.addMe nuItem("FORM PENDAFT ARAN","location='formpengunju ng.php'");
mm_menu_0212161744_0.addMe nuItem("FORM BUKU&n bsp;TAMU","location='kontak.ph p'");
mm_menu_0212161744_0.fontW eight="bold";
mm_menu_0212161744_0.hideO nMouseOut=true;
mm_menu_0212161744_0.bgCol or='#0000FF';
mm_menu_0212161744_0.menu Border=1;
mm_menu_0212161744_0.menuL iteBgColor='#FFFFFF';
mm_menu_0212161744_0.menu BorderBgColor='#00FF00';
window.mm_menu_0209013824_ 0 = new
Menu("root",214,20,"fantasy",14, "#FF0000","#FFFFFF","#990066 ","#00FFFF","left","middle",3,0,1 000,-5,7,true,true,true,0,true,true);
mm_menu_0209013824_0.addMe nuItem("FAMILY ROOM" ,"location='familt.php'");
mm_menu_0209013824_0.addMe nuItem("EXECUTIVE CL UB ROOM","location='exc utive.php'");
mm_menu_0209013824_0.addMe nuItem("SIGNATURE SUI TE ROOM","location='sign ature.php'");
mm_menu_0209013824_0.fontW eight="bold";
mm_menu_0209013824_0.hideO nMouseOut=true;
mm_menu_0209013824_0.bgCol or='#0000FF';
mm_menu_0209013824_0.menu Border=1;
mm_menu_0209013824_0.menuL iteBgColor='#FFFFFF';
(39)
A30
mm_menu_0209013824_0.menu BorderBgColor='#00FF00';
window.mm_menu_0213023633_ 0 = new
Menu("root",214,20,"fantasy",14, "#FF0000","#FFFFFF","#990066 ","#00FFFF","left","middle",3,0,1 000,-5,7,true,true,true,0,true,true);
mm_menu_0213023633_0.addMe nuItem("FAMILY ROOM" ,"location='familt.php'");mm_men u_0213023633_0.addMenuItem(" EXECUTIVE CLUB&nbs p;ROOM","location='excutive.ph p'");
mm_menu_0213023633_0.addMe nuItem("SIGNATURE SUI TE ROOM","location='sign ature.php'");
mm_menu_0213023633_0.fontW eight="bold";
mm_menu_0213023633_0.hideO nMouseOut=true;
mm_menu_0213023633_0.bgCol or='#0000FF';
mm_menu_0213023633_0.menu Border=1;
mm_menu_0213023633_0.menuL iteBgColor='#FFFFFF';
mm_menu_0213023633_0.menuBorderB gColor='#00FF00';
mm_menu_0213023633_0.write Menus();
} // mmLoadMenus() //-->
</script>
<script language="JavaScript" src="mm_menu.js"></script> </head
<body
background="1242985807.jpg"> <script
language="JavaScript1.2">mmLo adMenus();</script>
<table width="1089" border="1" align="center" cellpadding="2" cellspacing="1">
<tr>
<td width="200"><img src="daaa.jpg" width="200" height="300" /></td> <td width="872"><img src="hotel7pg.jpg" width="877" height="300" /></td>
</tr> <tr>
<td colspan="2"><img src="screedbot(2).gif" width="1085" height="53" /></td>
(40)
A31
<tr><td
background="white_stars_and_sn owflakes_over_blue_background_ striped.jpg"><span
class="style4">
<!-- #BeginDate format:Am1a -->August 3, 2011 8:40 PM<!-- #EndDate -->
</span></td><td
bgcolor="#FFFF00"><span class="style1"><a
href="home.php">HOME</a> | <a href="signature.php"
name="link2" id="link1"
onmouseover="MM_showMenu( window.mm_menu_0213023633_ 0,75,23,null,'link2')"
onmouseout="MM_startTimeout( );">ROOM</a> | <a
href="fasilitas.php">FASILITAS </a> |<a href="galery.php"> GALERY</a><a
href="galery.php"></a> | <a href="promo.php">PROMO </a>| <a href="kontak.php"
name="link4" id="link3"
onmouseover="MM_showMenu( window.mm_menu_0212161744_ 0,135,23,null,'link4')"
onmouseout="MM_startTimeout( );">RESEVATION</a></span></ td>
</tr> <tr>
<td colspan="2"
background="glitter_background_ b4.gif"><table width="1065" height="489" border="1" align="center" cellpadding="2" cellspacing="1">
<tr>
<td width="205"
height="90"><img src="Gambar 1/peta-kota-bandung.jpg"
width="205" height="85" /></td> <td width="205"><img src="Gambar 1/hotel-hotels- wisata-murah-di-in-bandung-voucher-gate.JPG" width="205" height="85" /></td>
<td width="205"><img src="Gambar 1/main2.jpg" width="205" height="85" /></td> <td width="205"><img src="Gambar 1/photo-lobby.jpg" width="205" height="80" /></td> <td width="207"><img src="Gambar 1/hotel-view.jpg" width="205" height="85" /></td> </tr>
<tr> <td><img
src="ut/IDGrandPasundanConven tionHotel61.jpg" width="205" height="85" /></td>
<td colspan="3"
(1)
A2 TABEL KAMAR
(2)
1 Universitas Kristen Maranatha
BAB I
PENDAHULUAN
1.1 Latar Belakang
Teknologi informasi terutama internet telah berkembang dengan sangat pesat. Media website dalam internet tidak hanya berguna untuk menjalin hubungan relasi antar personal dalam masyarakat akan tetapi lebih luas lagi penerapannya dalam peningkatan kinerja sebuah instansi swasta maupun pemerintah. Perkembangan kinerja suatu lembaga, kemudahan membangun jaringan kerja sama seluas-luasnya, jaringan luas tanpa batas ruang dan waktu hingga kecepatan dan ketepatan publikasi informasi menjadikan internet sebagai media publik yang sangat baik dalam meningkatkan layanan sebuah instansi kepada masyarakat.
Perkembangan teknologi internet sangat mendukung kinerja sebuah perusahaan, seperti perusahaan yang bergerak di bidang layanan jasa seperti hotel. Sebuah hotel akan sangat memerlukan kemudahan dalam menginformasikan fasilitas dan pelayanan yang ditawarkan pihak hotel kepada masyarakat. Melalui teknologi website dalam internet, dapat menginformasikan perusahaan tersebut dan menampilkan pemesanan kamar hotel melalui web.
(3)
2 Universitas Kristen Maranatha Oleh sebab itu alangkah baiknya jika perusahaan hotel mempunyai sebuah website yang dapat digunakan sebagai informasi online yang bisa menampilkan harga kamar, tempat seminar, pernikahan, dan website ini mempermudah pengunjung dari kota lain atau dari luar negeri ketika hendak menginap ke hotel tersebut.
1.2 Identifikasi Masalah
Berdasarkan latar belakang yang telah diuraikan maka identifikasi masalah yang menjadi pokok pembahasan:
Bagaimana cara membuat sarana penyampaian informasi hotel berbasis web? Bagaimana membuat pemesanan kamar hotel berbasis web ?
1.3 Tujuan Laporan
Tujuan laporan tugas akhir ini adalah :
Pembuatan sarana penyampaian informasi hotel berbasis web. Membuat pemesanan kamar hotel berbasis web.
1.4 Pembatasan Masalah
Proyek ini menggunakan program Adobe Photoshop CS, XAMPP (PHP, MYSQL dan Apache server), Macromedia Dreamweaver 8.
Sistem Pembayaran pada hotel menggunakan transfer yaitu secara manual yaitu pengunjung yang datang ke Bank atau ke ATM yang terdekat untuk mengirim biaya pemesanan kamar yang sudah dipesan oleh pengunjung. Program yang dibuat tidak menangani masalah pembayaran.
(4)
3 Universitas Kristen Maranatha 1.5 Sistematika Penulisan
BAB I : Pendahuluan
Berisikan tentang latar belakang, identifikasi masalah, tujuan laporan, dan pembatasan masalah
BAB II : Landasan Teori
Berisikan tentang teori – teori topik Tugas Akhir.
BAB III : Perancangan dan Pemodelan
Berisikan tentang hasil rancangan sarana penyampaian informasi dan pemesanan kamar hotel berbasis web
BAB IV : Hasil dan Pembahasan
Berisikan tentang hasil perancangan dan data – data pengamatan.
BAB V : Kesimpulan dan Saran.
(5)
81 Universitas Kristen Maranatha BAB V
KESIMPULAN DAN SARAN
Berdasarkan uraian dari bab-bab sebelumnya, maka pada bab ini diambil kesimpulan serta memberikan saran yang mungkin bermanfaat .
5.1 Kesimpulan
Pembuatan sarana penyampaian Informasi hotel dan pemesanan kamar hotel berbasis web telah berhasil direalisasikan.
5.2 Saran
Web pemesanan kamar hotel, dilengkapi dengan pembayaran online seperti
(6)
82 Universitas Kristen Maranatha DAFTAR PUSTAKA
Nugroho, Bunafit, “PHP dan MySQL dengan editor Dreamwever MX Penerbit ANDI”, YogyakartA 2004
Waliyanto, “Sistem Basis Data Analisis dan Pemodelan Data”, J&J Learning, Yogyakarta, 2000
Betha dan Budihardjo, “Epsi, Client side Programming pksi – ITB”, 2001.
Kustiyahningsih Yeni, Devie Rose, “Animasi pemrograman Basis Data Berbasis Web menggunakan PHP & MySQL”.
Wijaya, Marvin Chandra, “Modul Pemograman web” HTML Howto, http://www.w3c.com, 2004