• Tidak ada hasil yang ditemukan

FOOTER User name passw ord GAM BAR login

BAB IV

HASIL DAN PEMBAHASAN

Pada bab ini akan dibahas mengenai hasil dan pembahasan dari perancangan sistem website yang telah dibuat pada bab sebelumnya. Bagian implementasi sistem website ini meliputi: implementasi proses, implementasi database, dan uji coba .

4.1 Spesifikasi Sistem

Peralatan yang digunakan untuk semua proses dari keseluruhan transaksi yang ada termasuk pembuatan laporan adalah menggunakan perangkat keras dan perangkat lunak. Pada proses pengujian ini dibutuhkan beberapa peralatan-peralatan baik berupa perangkat keras dan perangkat lunak.

4.1.1 Perangkat Keras (Hardware) yang Digunakan

Laptop HP, Type Pavilion g4, Memori RAM 2GB, AMD A4, HDD 500GB.

4.1.2 Perangkat Lunak (Software) yang Digunakan

1) Sistem Operasi Microsoft Windows 7 ultimate 64bit 2) Microsoft Visio

3) Adobe Dreamweaver 8 4) Power Designer 12.5 5) Xampp

6) Notepad++

4.2 Pr oses dan kebijakan

Proses dari pemesanan bravado rent car ini mempunyai ketentuan-ketentuan dalam pemesanan yang dimana semua diatur dengan kebijakan perusahaan,

4.2.1 Kebijakan Bravado Rent Car Kebijakan yang ada di bravado rent car

1. Apabila customer menyewa 1 hari melalui website maka penyewa harus melakukan pembayaran maximal 5 jam dari jam memasukan data sewa apabila tidak ada transaksi dalam waktu 5 jam dari maka di anggap sewa batal baik 1 mobil atau selebihnya dan data akan dihapus oleh admin. 2. Apabila customer menyewa lebih dari melalui website 3 hari maka diberi

waktu 1 hari dari tanggal memasukkan data sewa maka harus sudah melakukan transaksi pembayaran apabila tidak melakukan transaksi di anggap transaksi batal dan data akan terhapus secara otomatis.

3. Apabila customer yang sudah menyewa dan melakukan transaksi pada saat mengambil mobil maka customer harus membawa struk transaksi pembayaran,ktp asli dan fotocopy kartu keluarga untuk ditukar dengan mobil yang disewa ktp asli dan kartu keluarga untuk jaminan (struk pembayaran untuk bukti sudah melakukan transaksi dan akan di cocokkan oleh database datanya)

4. Setiap penyewa diberi senggang waktu pengembalian selama 2 jam apabila tidak kembali selama senggang waktu yang diberikan maka akan

dikenakan cash dihitung dari mobil batas waktu akhir penyewaan perhitungan jam dilakukan diwaktu pengambilan mobil ditempat.

4.2.2 Pr oses penyewaan

1. Peraturan penyewaan di bravado rentcar maximal penyewaan via website 7 hari.

2. Penyewa harus membawa struk bukti transfer untuk konfirmasi pembayaran dan membawa ktp asli dan fotocopy kartu keluarga untuk jaminan. 3. Apabila penyewa datang langsung ke tempat dan ingin langsung menyewa maka harus meninggalkan ktp asli dan kendaraan beserta STNK untuk jaminan dan mobil dapat langsung dibawa.

4.3 Implementasi Pr oses

Pada perancangan proses dijelaskan pembuatan proses bagaimana sistem aplikasi website ini diatur dan ditata sehingga setiap entitas saling ber-relasi dengan baik.

4.3.1 Halaman Menu Utama

Pada gambar 4.1 merupakan tampilan pada saat akses halaman utama dbari Sistem Informasi Booking berbasis web menggunakan framework cake. Terdapat menu halaman utama, tentang kami, login, kontak, komentar. Menu samping dari halaman utama ini terdapat categories dan transfer dan berisi tentang mobil baru dan promosi yang di isi oleh admin.

Gambar 4.3.1 halaman utama

4.3.2 Menu tentang kami

Pada Gambar 4.3.2 merupakan tampilan halaman tentang kami yang berisi tentang Bravado Rent Cars.

Data berita yang telah di isi oleh pengelola web/admin akan ditampilkan di halaman tentang kami.

<!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" dir="ltr" lang="en-US"> <head profile="http://gmpg.org/xfn/11">

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title><?php echo $this->name ?></title>

<meta name="generator" content="WordPress 3.1" /> <!-- 4 stats -->

<link rel="stylesheet" href="<?php echo $this->webroot; ?>/css/style.css" type="text/css" media="screen" />

<link rel="stylesheet" type="text/css" href="<?php echo $this->webroot; ?>/css/form.css" />

<!--[if IE]>

<link rel="stylesheet" href="<?php echo $this->webroot; ?>/css/ie.css" type="text/css" media="screen" />

<![endif]-->

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>

<div id="container"> <div id="conten">

<div id="content"><h1 class="title"><a href="#">Welcome to bravado rent car</a></h1>

<div id="page">

<div id="post-2" class="post"> <div class="post-content">

<!---halaman utama--->

Bravado merupakan salah satu rental mobil di Surabaya, yang berdiri sejak tahun 2009. Bravado merupakan bisnis yang memberikan pelayanan terhadap masyarakat yang membutuhkan jasa sewa mobil untuk berbagai keperluan. Pada rental ini kami menyediakan berbagai macam kendaraan, yang cocok untuk keperluan keluarga

maupun keperluan lain. Selain menyediakan kendaraan pribadi, kami juga menyediakan kendaraan untuk kgiatan sekolah,yang bermanfaat untuk kelangsungan kegiatan sekolah, misalnya mengantar rombangan regu futsal atau yang lain. Bravado memberikan penawaran menarik dengan memberikan berbagai macam promosi untuk pelanggan, adanya diskon atau potongan khusus bagi pelanggan tetap maupun tidak.

Tentang Pelayanan Bravado : 24 jam melayani Anda, Syarat sewa mobil yang tidak rumit, Sistem pemesanan sewa sangat sederhana, Harga kompetitif untuk rental mobil surabaya, Fasilitas Sewa Mobil Bersih, Supir kami yang profesional & ramah dalam pelayanan, karena kami memiliki standarisasi dalam hal pelayanan pelanggan <!---Akhir Pesanan---> </div> </div><!-- .post --> </div> 4.3.3 Menu Login

Pada gambar 4.3.3 adalah tampilan halaman menu login seperti terlihat pada gambar dibawah ini menampilkan form yang digunakan admin untuk login

Gambar 4.3.3 halaman menu login

<?php echo $this->Html->css('login'); ?> <table align=center width=355>

<tr>

<td coslpan="3"> <div id="message"> <?php echo $this->Session->flash(); ?> </div> </td>

</tr> <tr> <td>

<h2><font face=tahoma>Form Login</font></h2> <?php echo $html->image('login.gif',

array('align' => 'left')); ?> <?php

echo $form->create('User',

array('action'=>'login','inputDefaults' => array('label' => false, 'div' => false)));

?>

<strong> <?php $session->flash('auth'); ?> </strong> <table>

<tr>

<td> <font face=tahoma size=2> Username </font></td> <td> : </td>

<td> <?php echo $form->input('username'); ?> </td> </tr>

<tr>

<td> <font face=tahoma size=2> Password </font></td> <td> : </td> <td> <?php echo $form->password('password'); ?> </td> </tr> <tr> <td> <?php echo $form->end('Login'); ?> </td> </tr></table></form></td></tr><tr><td>

<div align=center><font face=tahoma size=2>

<br><br> Copyright &copy; 2010<br>

4.3.4 halaman admin

Pada Gambar 4.3.4 merupakan tampilan halaman admin yang digunakan admin untuk manajemen website

Gambar 4.3.4 halaman admin

Dibawah ini merupakan syntax untuk halaman admin

<html> <head> <?php echo $this->Html->charset(); ?> <?php echo $this->Html->script('stm31'); ?> <?php echo $this->Html->css('paging'); ?> <?php echo $this->Html->css('menu_admin'); ?> <title> <?php __('Bravado'); ?> <?php echo $title_for_layout; ?> </title> </head> <body>

<table border="0" width="780" align="center" cellpadding="0" cellspacing="0">

<td align="center"><?php echo

$html->image('admin.jpg', array('width' => 780, 'height' => 200)); ?></td>

</tr> </table>

<table align="center" width="780" cellpadding="0" cellspacing="0"> <tr>

<td width="170" bgcolor="#FFFFFF" valign="top">

<div id="menu">

<ul><li> <?php echo $this->Html->link(__('Home Website', true), '../homes/index/'); ?> </li>

<li> <?php echo $this->Html->link(__('Home Admin', true), '../admin/'); ?> </li>

<li> <?php echo $this->Html->link(__('Data Pesanan', true), '../orders/order/'); ?> </li>

<li> <?php echo $this->Html->link(__('Manajemen Produk', true), '../products/admin_category/'); ?> </li>

<li> <?php echo $this->Html->link(__('Manajemen Promosi', true), '../promotions/admin_index/'); ?> </li>

<li> <?php echo $this->Html->link(__('SMS Gateway', true), '../Outboxs/admin_index/'); ?> </li>

<li> <?php echo $this->Html->link(__('Merk', true), '../merks/admin_index/'); ?> </li>

<li> <?php echo $this->Html->link(__('Kategori', true), '../categories/'); ?> </li>

<li> <?php echo $this->Html->link(__('Links', true), '../links/admin_index/'); ?> </li>

<li> <?php echo $this->Html->link(__('Komentar', true), '../comments/admin_index/'); ?> </li>

<li> <?php echo $this->Html->link(__('Cari Produk', true), '../products/admin_search/'); ?> </li>

<li> <?php echo $this->Html->link(__('Cari Pesanan', true), '../orders/admin_search/'); ?> </li>

<li> <?php echo $this->Html->link(__('Ubah Password', true), '../users/change_password/'); ?> </li>

<li> <?php echo $this->Html->link(__('Logout', true), '../users/logout/'); ?> </li>

</div>

<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p> </td>

<td width="20" bgcolor="#FFFFFF"></td>

<td width="640" bgcolor="#FFFFFF" valign="top"> <p>&nbsp;</p>

<div id="message"> <?php echo $this->Session->flash(); ?> </div> <?php echo $content_for_layout; ?> <p>&nbsp;</p> <p></td> <td width="30" bgcolor="#FFFFFF">&nbsp;</td> </tr> <tr>

<td colspan="4" align="center" bgcolor="#C0C0C0" height=60><div id="tahoma">

Copyright &copy; 2010 Bravado Team All Rights Reserved<br>

</tr> </table> </body> </html>

di halaman admin ini terdapat menu data pesanan, manajemen produk, manajemen promosi, merk, kategori, komentar, cari produk, cari pesanan, ubah password, logout.

4.3.5 Menu promosi

Pada Gambar 4.3.5 merupakan tampilan promosi yang digunakan admin untuk menulis promosi.

Gambar 4.3.5 halaman promosi

Dibawah ini merupakan syntax menampilkan halaman promosi.

<h4><?php echo $form->Html->link(__('Add Promotion', true), 'add'); ?></h4>

<table border=1 cellpadding=0 cellspacing=0> <tr>

<th><div id="tahoma"> <?php echo $paginator->sort('id'); ?> </div></th>

<th width=120><div id="tahoma"> <?php echo $paginator->sort('nama'); ?> </div></th>

<th width=260><div id="tahoma"> <?php echo $paginator->sort('keterangan'); ?> </div></th>

<th colspan=2> <div id="tahoma"> Aksi </div> </th> </tr>

<?php

foreach ($promotions as $promotion):

$keterangan = $promotion['Promotion']['keterangan']; $keterangan = substr ($keterangan, 0,40);

<tr>

<td> <div id="tahoma"> <?php echo $promotion['Promotion']['id']; ?> </div> </td>

<td> <div id="tahoma"> <?php echo $promotion['Promotion']['nama']; ?> </div> </td>

<td> <div id="tahoma"> <?php echo $keterangan; ?> .. </div> </td>

<td width=50 align=center> <?php echo

$html->image('edit.png', array('url' => array('action' => 'edit', $promotion['Promotion']['id']))); ?> </td>

<td width=50 align=center> <?php echo

$html->image('delete.png', array('url' => array('action' => 'delete', $promotion['Promotion']['id']))); ?> </td> </tr> <?php endforeach; ?> </table> </div> <?php echo $this->element('paging'); ?>

4.3.6 Menu view edit

Pada Gambar 4.3.6 merupakan tampilan halaman komentar yang digunakan oleh user untuk menuliskan saran kritik dan komentar untuk bravado rent car

Gambar 4.3.6 halaman edit

Dibawah ini merupakan syntax menampilkan halaman promosi.

<h4><?php echo $form->Html->link(__('Add Promotion', true), 'add'); ?></h4>

<table border=1 cellpadding=0 cellspacing=0> <tr>

<th><div id="tahoma"> <?php echo $paginator->sort('id'); ?> </div></th>

<th width=120><div id="tahoma"> <?php echo $paginator->sort('nama'); ?> </div></th>

<th width=260><div id="tahoma"> <?php echo $paginator->sort('keterangan'); ?> </div></th>

<th colspan=2> <div id="tahoma"> Aksi </div> </th> </tr>

<?php

foreach ($promotions as $promotion):

$keterangan = $promotion['Promotion']['keterangan']; $keterangan = substr ($keterangan, 0,40);

?> <tr>

<td> <div id="tahoma"> <?php echo

<td> <div id="tahoma"> <?php echo

$promotion['Promotion']['nama']; ?> </div> </td>

<td> <div id="tahoma"> <?php echo $keterangan; ?> .. </div> </td>

<td width=50 align=center> <?php echo

$html->image('edit.png', array('url' => array('action' => 'edit', $promotion['Promotion']['id']))); ?> </td>

<td width=50 align=center> <?php echo

$html->image('delete.png', array('url' => array('action' => 'delete', $promotion['Promotion']['id']))); ?> </td> </tr> <?php endforeach; ?> </table> </div> <?php echo $this->element('paging'); ?>

4.3.7 Menu Data Pesanan

Pada Gambar 4.3.7 merupakan tampilan halaman komentar yang digunakan oleh user untuk menuliskan saran kritik dan komentar untuk bravado rent car

Dibawah ini merupakan syntax menampilkan halaman data pesanan.

<h4> Semua Pesanan (All Orders) </h4> <?php echo $this->element('paging'); ?> <?php echo $this->element('rupiah'); ?> <br>

<table border="1" cellpadding="0" cellspacing="0"> <tr>

<th> <div id="tahoma"> No </div> </th>

<th width="100"> <div id="tahoma"> Tanggal </div> </th>

<th width="100"> <div id="tahoma"> No Faktur </div> </th>

<th width="100"> <div id="tahoma"> Nama </div> </th> <th width="100"> <div id="tahoma"> Status </div> </th> <th width="100" colspan="3"> <div id="tahoma"> Aksi </div> </th> </tr> <?php $i = 1; foreach($orders as $order): if ($order['Order']['status'] == 1) { $status = 'Baru'; } else if ($order['Order']['status'] == 2) { $status = 'Siap Kirim';

} else { $status = 'Arsip'; } ?> <tr>

<td> <div id="tahoma"> <?php echo $i; ?> </div> </td> <td> <div id="tahoma"> <?php echo $order['Order']['tanggal']; ?> </div> </td>

<td> <div id="tahoma"> <?php echo $order['Order']['nofaktur']; ?> </div> </td>

<td> <div id="tahoma"> <?php echo $order['Customer']['nama']; ?> </div> </td>

<td> <div id="tahoma" align="center"> <?php echo $status; ?> </div> </td>

<td width=50 align=center> <?php echo $html->image('view.png', array('url' => array('action' => 'view_order', $order['Order']['nofaktur']))); ?> </td>

<td width=50 align=center> <?php echo $html->image('delete.png', array('url' => array('action' => 'delete', $order['Order']['nofaktur']))); ?> </td> </tr> <?php $i++; endforeach; ?> </table> <?php echo $this->element('paging'); ?> 4.3.8 Menu komentar

Pada Gambar 4.3.8 merupakan tampilan halaman komentar yang digunakan oleh user untuk menuliskan saran kritik dan komentar untuk bravado rent car

Gambar 4.3.8 halaman komentar

<h3> Add Komentar </h3>

<?php echo $form->create('Comment', array('inputDefaults' => array('label' => false, 'div' => false))); ?>

<table> <tr>

<td>Nama</td><td>:</td>

<td><?php echo $form->input('nama'); ?> <?php echo $form->hidden('date', array('value' => date('Y-m-d h-i-s'))); ?></td>

</tr> <tr> <td>Email</td><td>:</td> <td><?php echo $form->input('email'); ?></td> </tr> <tr> <td valign="top">Pesan</td><td valign="top">:</td>

<td><?php echo $form->textarea('pesan', array ('rows' => '5', 'cols' => '40')); ?></td> </tr> <tr> <td></td><td></td> <td><?php echo $form->end('Save'); ?></td> </tr> </table> <?php echo $this->element('paging'); ?> <p>&nbsp;</p> <table width="100%">

<? foreach ($comments as $comment): ?> <tr>

<th align="left"><a href="mailto:<? echo $comment['Comment']['email']; ?>"><? echo $comment['Comment']['nama']; ?></a></th>

</tr> <tr>

<td align="left"><? echo $comment['Comment']['pesan']; ?><br><font size=1>Post date on

<?php echo $comment['Comment']['date']; ?></font><hr color="#999999"></td>

</tr>

<? endforeach; ?>

</table>

<?php echo $this->element('paging'); ?>

komentar yang dikimkan user langsung masuk di halaman admin

4.3.9 Menu Pilih Mobil

Pada Gambar 4.3.9 merupakan tampilan halaman category mobil keluarga yang digunakan oleh user untuk membooking mobil

Gambar 4.3.9 halaman booking

Dibawah ini merupakan syntax menampilkan halaman booking.

<?php

echo $this->element('paging'); echo $this->element('rupiah'); ?>

<?php

foreach ($products as $product): $nama = $product['Product']['nama']; $image = $product['Product']['gambar'];

$spesifikasi = $product['Product']['spesifikasi']; $spesifikasi = substr ($spesifikasi, 0, 250);

?>

<?php echo $form->create('Booking', array('url' =>

array('controller' => 'carts', 'action' => '../bookings/sewa', $product['Product']['id_product']), 'inputDefaults' =>

array('label' => false, 'div' => false))); ?>

<table width="100%" border=0 cellpadding=5 cellspacing=5> <tr> <td colspan="2"> Sort By :

Dokumen terkait