Sistem Informasi Grand Maju Hotel Menggunakan Php Dan Mysql

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
Nomor Induk Mahasiswa
Prog. Studi
Judul Tugas Akhir

: Oktavia Sirait
: 132406241
: D3 Teknik Informatika
: 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

Drs. Rosman Siregar, M.Si
NIP : 196101071986011001

Universitas Sumatera Utara

Universitas Sumatera Utara

LISTING PROGRAM
1. Koneksi


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;
box-shadow:0 0 4px rgba(0, 0, 0, .4);
-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);
-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);

Universitas Sumatera Utara

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 norepeat
}
.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 {
display:block;

Universitas Sumatera Utara

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 {
display:inline-block;
background:#FFF;
padding:0 25px;
color:#12110f;
line-height:29px;
position:relative;
border-radius:1px;

Universitas Sumatera Utara

-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 {
padding-left:70px
}

Universitas Sumatera Utara

.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)
repeat-y
}
.line2 {
background:url(../images/line_vert1.gif)
repeat-y;
padding-bottom:7px
}
.line3 {
background:url(../images/line_vert2.gif)
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
}
.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;
color:#000
}

280px 0

600px 0

600px 0

5px no-repeat

Universitas Sumatera Utara

.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
}
#ContactForm .wrapper {

Universitas Sumatera Utara

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 {
font:12px Arial, Helvetica, sans-serif;

Universitas Sumatera Utara

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;
display:block;
position:relative;
height:21px;

Universitas Sumatera Utara

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 {
width:42px !important
}

Universitas Sumatera Utara

#form1 .select2 {
float:right;
width:44px;
margin-left:4px
}
#form1 .button1 {
float:right;
margin-left:4px;
padding:0 19px
}

3. Tampilan Home




Grand Maju Hotel Kabupaten Humbang Hasundutan,
Sumatera Utara, Indonesia




















Universitas Sumatera Utara




Grand Maju
Hotel
Jl. Merdeka Ujung,
Kabupaten Humbang Hasundutan, Sumatera Utara, Indonesia
Telepon :+62 633 2348857




Home
Rooms
Photo Gallery
Location
Admin
















Welcome to Our Site!
The System Information of Grand Maju
Hotel
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.
Booking
Process
Have Your Id by Fulfilled the Registration
Form.
Reserve Room Now





Contact Us!


Universitas Sumatera Utara


+62 633 2348857
Customer
Service Will Help You. Online in 24 Hours

Read
More















Cufon.now();

$(document).ready(function () {
$('.kwicks').kwicks({
max: 500,
spacing: 0,
event: 'mouseover'
});
})




4. Tampilan Registrasi Member




Registration Form



Identity Number:


Full Name:



Options

Universitas Sumatera Utara

Man
Woman


Gender:





Place, Day Of Birth:


Address:


Phone Number:


User Id:


Password:





5. Proses Registrasi