Upload
others
View
5
Download
0
Embed Size (px)
Citation preview
BAB IV
RANCANGAN SISTEM DAN PROGRAM USULAN
4.1. Analisis Kebutuhan Software
A. Tahapan Analisis
Perancangan sistem informasi penyewaan Ruang Serbaguna Al-Nizham
berbasis web pada Yayasan Masjid Jami’ Rawasari mencakup kegiatan yang
dapat dilakukan pengunjung, member dan admin tanpa harus bertatap muka,
melainkan melalui media website secara online. Berikut ini spesifikasi kebutuhan
(System Requirment) dari sistem penyewaan Ruang Serbaguna Al-Nizham.
Halaman member atau pengunjung :
A1. Member dapat melihat data paket berikut harganya
A2. Member dapat melihat informasi dan cara memesan ruang serbaguna
A3. Member dapat melihat alamat dan kontak ruang serbaguna berikut no
rekening
A4. Member dapat melihat data booking
A5. Member dapat melakukan booking ruangan
A6. Member dapat melakukan konfirmasi pembayaran
A7. Member dapat melihat galeri ruang serbaguna
Halaman Administrasi :
B1. Admin dapat mengelola data user
B2. Admin dapat mengelola data paket
B3. Admin dapat mengelola data booking
28
29
B4. Admin dapat mengelola data pelunasan
B5. Admin dapat mengelola konfirmasi pembayaran
B6. Admin dapat mengelola laporan penyewaan
B. Use Case Diagram
1. Use Case Diagram Halaman Pengunjung/Front-Page
Gambar IV.1 Use Case Diagram Pengunjung atau Front-Page
Tabel IV.1
Deskripsi Use Case Diagram Pengunjung atau Front-Page
Use Case Name Halaman Pengunjung atau Front-PageRequirement A1-A7
Goal Pengunjung melakukan pemesanan ruanganPre-Condition Setelah pengunjung melihat semua data paket data
booking dan informasi lainnyaPost-Conditions Setelah melakukan pemesanan pengunjung harus
melakukan konfirmasi pemesananFailed End Conditions Tanggal yang ingin dipesan sudah diisi orang lain
Primary Actors Pengunjung/MemberMain Flow / Basic
PathPengunjung melihat informasi data booking dan data
paket serta melakukan pemesanan
30
2. Use Case Diagram Halaman Admin
Gambar IV.2 Use Case Diagram Halaman Admin
Tabel IV.2
Deskripsi Use Case Diagram Halaman Admin
Use Case Name Halaman AdminRequirement B1-B6
Goal Admin dapat mengelola halaman adminPre-Condition Admin dapat menambah, mengedit, dan menghapus
data yang ada pada halaman adminPost-Conditions Jika admin telah login maka admin dapat melakukan
kegiatannyaFailed End Conditions Koneksi gagal
Primary Actors AdminMain Flow / Basic
PathMengelola data administrasi
31
3. Use Case Diagram Mengelola Data User
Gambar IV.3 Use Case Diagram Mengelola Data User
Tabel IV.3
Deskripsi Use Case Diagram Mengelola User
Use Case Name Halaman Kelola Data UserRequirement B1
Goal Admin dapat menambah, mengubah, dan menghapus data user
Pre-Condition Apabila admin sudah melakukan loginPost-Conditions Jika admin berhasil melakukan login kemudian
admin dapat melakukan transaksi yang diinginkanFailed End Conditions Gagal menyimpan, mengubah, dan menghapus data
Primary Actors Admin Main Flow / Basic
PathAdmin Menambah, Mengubah dan Menghapus Data
User
32
4. Use Case Diagram Mengelola Data Paket
Gambar IV.4 Use Case Diagram Mengelola Data Paket
Tabel IV.4
Deskripsi Use Case Diagram Mengelola Data Paket
Use Case Name Halaman Kelola Data PaketRequirement B2
Goal Admin dapat menambah, mengubah, dan menghapus data paket
Pre-Condition Apabila admin telah melakukan loginPost-Conditions Jika admin berhasil melakukan login maka admin
dapat melakukan transaksi yang diinginkanFailed End Conditions Gagal menyimpan, mengubah, dan menghapus data
Primary Actors AdminMain Flow / Basic
PathAdmin Menambah, mengubah dan menghapus data
paket
33
5. Use Case Diagram Mengelola Data Booking
Gambar IV.5 Use Case Diagram Mengelola Data Booking
Tabel IV.5
Deskripsi Use Case Diagram Mengelola Data Booking
Use Case Name Halaman Kelola data bookingRequirement B3
Goal Admin dapat menambah, mengubah, dan menghapus data booking
Pre-Condition Apabila admin telah melakukan loginPost-Conditions Jika admin berhasil melakukan login maka admin
dapat melakukan transaksi yang diinginkanFailed End Conditions Gagal menyimpan, mengubah, dan menghapus data
Primary Actors AdminMain Flow / Basic
PathAdmin Menambah mengubah dan menghapus data
booking
34
6. Use Case Diagram Mengelola Data Pelunasan
Gambar IV.6 Use Case Diagram Mengelola Data Pelunasan
Tabel IV.6
Deskripsi Use Case Diagram Mengelola Data Pelunasan
Use Case Name Halaman Kelola data pelunasanRequirement B4
Goal Admin dapat menambah dan mengubah data pelunasan
Pre-Condition Apabila admin telah melakukan loginPost-Conditions Jika admin berhasil melakukan login maka admin
dapat melakukan transaksi yang diinginkanFailed End Conditions Gagal menyimpan dan mengubah data
Primary Actors AdminMain Flow / Basic
PathAdmin menambah dan mengubah data pelunasan
35
7. Use Case Diagram Mengelola Data Konfirmasi
Gambar IV.7 Use Case Diagram Pengelolaan Data Konfirmasi
Tabel IV.7
Deskripsi Use Case Diagram Mengelola Data Konfirmasi
Use Case Name Halaman kelola data konfirmasiRequirement B5
Goal Admin melihat status konfirmasi dari penyewa dan menyetujui konfirmasi penyewa
Pre-Condition Apabila admin telah loginPost-Conditions Melihat status konfirmasi
Failed End Conditions Gagal mengonfirmasiPrimary Actors Admin
Main Flow / Basic Path
Melihat detail konfirmasi dari penyewa
36
8. Use Case Diagram Mengelola Data Laporan
Gambar IV.8 Use Case Diagram Mengelola Data Laporan
Tabel IV.8
Deskripsi Use Case Diagram Mengelola Data Laporan
Use Case Name Halaman Data LaporanRequirement B6
Goal Admin dapat mencetak laporan penyewaanPre-Condition Admin telah login
Post-Conditions Mencetak laporanFailed End Conditions Gagal cetak laporan
Primary Actors AdminMain Flow / Basic
PathMencetak Laporan Penyewaan
37
C. Activity Diagram
1. Activity Diagram Halaman Front-Page
Gambar IV.9 Activity Diagram Front-Page
38
2. Activity Diagram Daftar Member
Gambar IV.10 Activity Diagram Daftar Member
39
3. Activity Diagram Booking Ruangan
Gambar IV.11 Activity Diagram Booking (Pemesanan)
40
4. Activity Diagram Konfirmasi Pembayaran Member
Gambar IV.12 Activity Diagram Konfirmasi Pembayaran Member
41
5. Activity Diagram Admin Mengelola Data Paket
Gambar IV.13 Activity Diagram Admin Kelola Data Paket
42
6. Activity Diagram Admin Mengelola Data Booking
Gambar IV.14 Activity Diagram Admin Kelola Data Booking
43
7. Activity Diagram Admin Mengelola Data Pelunasan
Gambar IV.15 Activity Diagram Admin Kelola Data Pelunasan
44
8. Activity Diagram Admin Mengelola Konfirmasi Pembayaran
Gambar IV.16 Activity Diagram Admin Konfirmasi Pembayaran
45
9. Activity Diagram Admin Mengelola Data Laporan
Gambar IV.17 Activity Diagram Admin Mengelola Laporan
46
4.2. Desain
Pada tahap ini akan dijelaskan tentang desain database, desain software
architecture, dan desain interface.
4.2.1.Database
1. Entity Relationship Diagram
Gambar IV.18 Entity Relationship Diagram
47
2. Logical Record Structure
Gambar IV.19 Logical Record Structure
48
3. Spesifikasi File
a. Spesifikasi File Tabel User
Nama Database : penyewaan
Nama File : Tabel User
Akronim : user.myd
Tipe File : File Master
Akses File : Random
Panjang Record : 134 Byte
Kunci Field : kodeuser
Tabel IV.9
Spesisikasi File Tabel User
No Elemen Data Nama Field Type Size Keterangan1 Kode User kodeuser Int 4 Primary Key2 Nama User namauser Varchar 1003 Password password Varchar 254 Level level Varchar 5
49
b. Spesifikasi File Tabel Paket
Nama Database : penyewaan
Nama File : Tabel Paket
Akronim : paket.myd
Tipe File : File Master
Akses File : Random
Panjang Record : 30 Byte
Kunci Field : idpaket
Tabel IV.10
Spesifikasi File Tabel Paket
No Elemen Data Nama Field Type Size Keterangan1 Id Paket idpaket Int 2 Primary Key2 Nama Paket namapaket Varchar 203 Harga harga Int 84 Fasilitas fasilitas Text
50
c. Spesifikasi File Tabel Booking
Nama Database : penyewaan
Nama File : Tabel Booking
Akronim : booking.myd
Tipe File : File Transaksi
Akses File : Random
Panjang Record : 235 Byte
Kunci Field : kodebooking
Tabel IV.11
Spesifikasi File Tabel Booking
No Elemen Data Nama Field Type Size Keterangan1 Kode Booking kodebooking Int 4 Primary Key2 Tanggal Booking tanggalbooking Varchar 103 Atas Nama atasnama Varchar 504 Telepon telepon Varchar 215 Alamat alamat Varchar 1006 Tanggal Sewa tanggal sewa Date7 Waktu Sewa waktu sewa Varchar 58 Id Paket idpaket Int 29 Diskon diskon Int 810 Total Bayar totalbayar Int 811 DP dp Int 812 Sisa Bayar sisabayar Int 813 Status status Varchar 714 Kode User kodeuser Int 4 Foreign Key
51
d. Spesifikasi File Tabel Lunas
Nama Database : penyewaan
Nama File : Tabel Lunas
Akronim : lunas.myd
Tipe File : File Transaksi
Akses File : Random
Panjang Record : 34 Byte
Kunci Field : notrans
Tabel IV.12
Spesifikasi File Tabel Lunas
No Elemen Data Nama Field Type Size Keterangan1 Id Lunas idlunas Int 4 Primary Key2 Tanggal tanggal Varchar 103 Kode Booking kodebooking Int 4 Foreign Key4 Sisa Bayar sisabayar Int 85 Kode User kodeuser Int 8
52
e. Spesifikasi File Tabel Konfirmasi
Nama Database : penyewaan
Nama File : Tabel Konfirmasi
Akronim : konfirmasi.myd
Tipe File : File Transaksi
Akses File : Random
Panjang Record : 119 Byte
Kunci Field : idkonfirmasi
Tabel IV.13
Spesifikasi File Tabel Konfirmasi
No Elemen Data Nama Field Type Size Keterangan1 Id Konfirmasi idkonfirmasi Int 4 Primary Key2 Tanggal tanggal Varchar 83 Kode Booking kodebooking Int 4 Foreign Key4 Telepon telepon Varchar 205 No Rekening norek Varchar 156 Jumlah jumlah Int 87 Untuk untuk Varchar 308 Status status Varchar 30
53
4.2.2.Software Architecture
A. Component Diagram
Componen Diagram menggambarkan struktur dan hubungan antar
komponen piranti lunak, termasuk ketergantunga diantaranya. Componen
Diagram juga dapat berupa interface yang berupa kumpulan layanan yang
disediakan oleh komponen untuk komponen lainnya.
Gambar IV.20 Componen Diagram Sistem Penyewaan Ruang Serbaguna
B. Deployment Diagram
54
Deployment Diagram berfungsi untuk menggambarkan atau
memvisualisasikan secara umum proses yang terjadi pada suatu sistem atau
software.
Gambar IV.21 Deployment Diagram Sistem Informasi Penyewaan Ruang
Serbaguna
4.2.3.User Interface
55
1. Halaman Front Page
Gambar IV.22 Tampilan Halaman Front Page
2. Halaman Login
Gambar IV.23 Tampilan Halaman Login
3. Halaman Member
56
Gambar IV.24 Tampilan Halaman Member
4. Halaman Konfirmasi Member
Gambar IV.25 Tampilan Halaman Konfirmasi Member
5. Halaman Admin
57
Gambar IV.26 Tampilan Halaman Admin
6. Halaman Data Paket
Gambar IV.27 Tampilan Halaman Data Paket
7. Halaman Data Booking
58
Gambar IV.28 Tampilan Halaman Data Booking
8. Halaman Data Konfirmasi
Gambar IV.29 Tampilan Halaman Data Konfirmasi
9. Halaman Data Pelunasan
59
Gambar IV.30 Tampilan Halaman Data Pelunasan
60
4.3. Code Generation
1. Daftar Member
<fieldset>
<legend align="center"><h2>Masukkan Data Anda</h2></legend>
<!DOCTYPE html>
<html>
<head>
<title>Daftar Member</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="row"></div>
<div class="col-sm-12">
<form class="form-horizontal" action="" method="post"
role="form">
<div class="form-group">
<label for="namauser" class="control-label col-sm-
4">Nama User</label>
<div class="col-sm-4">
<input type="text" name="namauser"
class="form-control" placeholder="Inputkan Nama Anda" required="">
61
</div>
</div>
<div class="form-group">
<label for="password" class="control-label col-sm-
4">Password</label>
<div class="col-sm-4">
<input type="password" name="password"
class="form-control" placeholder="Inputkan Password Anda" required="">
</div>
</div>
<div class="form-group">
<label for="level" class="control-label col-sm-
4">Level</label>
<div class="col-sm-4">
<input type="text" name="level"
class="form-control" value="user" required="" readonly="readonly">
</div>
</div>
<div class="form-group">
<label for="button" class="control-label col-sm-
4"></label>
62
<div class="col-sm-4">
<input type="submit" name="tambah"
class="btn btn-success btn-block" value="Simpan">
</div>
</div>
</div>
</div>
</body>
</html>
<?php
$kodeuser=@$_POST['kodeuser'];
$namauser=@$_POST['namauser'];
$password=@$_POST ['password'];
$level=@$_POST['level'];
$tambah_data=@$_POST['tambah'];
if($tambah_data){
mysql_query("insert into user
values('$kodeuser','$namauser',md5('$password'),'$level')") or die (mysql_error());
?>
<script type="text/javascript">
alert("Data Tersimpan, Silahkan Login");
63
window.location.href="/rsg/visitor/index.php";
</script>
<?php
}
?>
</fieldset>
</div>
</body>
</html>
2. Login
<?php
session_start();
include "koneksi.php";
if (@$_SESSION['admin'] || @$_SESSION['user']){
header("location:home.php");
}else{
?>
<center>
<form action="" method="post">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
64
<title>LOGIN</title>
<link rel="stylesheet" href="login_style.css">
</head>
<body>
<div class="container">
<fieldset>
<legend><h2 style="color: black">Login Ruang Serbaguna
Al-Nizham</h2></legend>
<form class="form">
<input name="namauser" type="text" id="namauser"
placeholder="Username" />
<input name="password" type="password" id="password"
placeholder="Password" />
<button type="submit" name="login" value="LOGIN">LOGIN</button>
</form>
</fieldset>
<?php
$namauser=@$_POST['namauser'];
$password=@$_POST['password'];
$login=@$_POST['login'];
65
if($login){
if ($namauser==""){
?>
<script type="text/javascript">alert("Username Kosong");</script>
<?php
}elseif($password==""){
?>
<script type="text/javascript">alert("Password Kosong");</script>
<?php
}else{
$sql=mysql_query("select*from user where namauser
='$namauser' and password=md5('$password')") or die (mysql_error());
$data=mysql_fetch_array($sql);
$cek=mysql_num_rows($sql);
if ($cek>=1){
if($data['level']=="admin"){
@$_SESSION['admin']=$data['kodeuser'];
header("location:home.php");
}elseif($data['level']=="user"){
66
@$_SESSION['user']=$data['kodeuser'];
header("location:member/index.php");
}
}else{
?>
<script type="text/javascript">alert("LOGIN GAGAL");</script>
<?php
}
}
}
?>
</div>
</body>
</html>
<?php
}
?>
3. Booking
<div class="konten">
67
<fieldset>
<legend align="center"><h2>Tambah Data Booking</h2></legend>
<?php
if(@$_SESSION['admin']){
$user_login=@$_SESSION['admin'];
}elseif ($_SESSION['user']) {
$user_login=@$_SESSION['user'];
}
$sql_user=mysql_query("select*from user where kodeuser ='$user_login'")
or die (mysql_error());
$data_user=mysql_fetch_array($sql_user);
?>
<!DOCTYPE html>
<html>
<head>
<title>Input Data Booking</title>
<link rel="stylesheet" type="text/css" href="../css/bootstrap.css">
<script type="text/javascript" src="../js/bootstrap.min.js"></script>
<script type="text/javascript" src="../visitor/jquery-3.1.1.min.js"></script>
68
<script type="text/javascript">
$(document).ready(function() {
$('#dp').keyup(function(){
<!-- Ambil nilai harga dan diskon !-->
var totalbayar=parseInt($('#totalbayar').val());
var dp=parseInt($('#dp').val());
<!-- Perhitungan bayar-(diskon/100 x harga) !-->
var sisa_bayar=totalbayar-dp;
$('#sisabayar').val(sisa_bayar);
$('#dp').keyup(function(){
var total_bayar=parseInt($('#totalbayar').val());
var dp=parseInt($('#dp').val());
var sisabayar=total_bayar-dp;
$('#sisabayar').val(sisabayar);
});
});
});
</script>
</head>
69
<body>
<div class="container">
<div class="row"></div>
<div class="col-sm-12">
<form class="form-horizontal" action="" method="post" role="form">
<div class="form-group">
<label for="tgl" class="control-label col-sm-2">Tanggal Booking</label>
<div class="col-sm-3">
<input type="text" name="tanggalbooking" class="form-control" value="<?
php $tgl=date('d-m-y');
echo $tgl;?>" required="" readonly="readonly">
</div>
</div>
<div class="form-group">
<label for="atasnama" class="control-label col-sm-2">Atas Nama</label>
<div class="col-sm-5">
<input type="text" name="atasnama" class="form-control"
placeholder="Inputkan Nama Anda" required="">
70
</div>
</div>
<div class="form-group">
<label for="telepon" class="control-label col-sm-2">Telepon</label>
<div class="col-sm-5">
<input type="text" name="telepon" class="form-control"
placeholder="Inputkan No Telepon Anda" required="">
</div>
</div>
<div class="form-group">
<label for="alamat" class="control-label col-sm-2">Alamat</label>
<div class="col-sm-5">
<input type="text" name="alamat" class="form-control"
placeholder="Inputkan Alamat Anda" required="">
</div>
</div>
<div class="form-group">
<label for="tglsewa" class="control-label col-sm-2">Tanggal yang
Disewa</label>
<div class="col-sm-3">
71
<input type="date" name="tglsewa" class="form-control" required=""/>
</div>
</div>
<div class="form-group">
<label for="waktusewa" class="control-label col-sm-2">Waktu
Sewa</label>
<div class="col-sm-2">
<select class="form-control" name="waktusewa" required="">
<option>Pilih Waktu</option>
<option value="Siang">Siang</option>
<option value="Malam">Malam</option>
</select>
</div>
</div>
<div class="form-group">
<label for="paket" class="control-label col-sm-2">Paket</label>
<div class="col-sm-2">
<?php
include "../koneksi.php";
72
$result = mysql_query("select * from paket");
$jsArray = "var prdName = new Array();\n";
echo '<select class="form-control" name="paket"
onchange="document.getElementById(\'totalbayar\').value =
prdName[this.value]">';
echo '<option>Pilih Paket</option>';
while ($row = mysql_fetch_array($result)) {
echo '<option value="' . $row['namapaket'] . '">' . $row['namapaket'] .
'</option>';
$jsArray .= "prdName['" . $row['namapaket'] . "'] = '" .
addslashes($row['harga']) . "';\n";
}
echo '</select>';
?>
<script type="text/javascript">
<?php echo $jsArray; ?>
</script>
</div>
</div>
<div class="form-group">
73
<label for="totalbayar" class="control-label col-sm-2">Harga Paket</label>
<div class="col-sm-3">
<input type="text" name="totalbayar" id="totalbayar" class="form-control"
placeholder="Total Bayar Anda" required="">
</div>
</div>
<div class="form-group">
<label for="dp" class="control-label col-sm-2">DP</label>
<div class="col-sm-5">
<input type="text" name="dp" id="dp" class="form-control"
placeholder="Inputkan Jumlah DP" required="">
</div>
</div>
<div class="form-group">
<label for="sisabayar" class="control-label col-sm-2">Sisa Bayar</label>
<div class="col-sm-5">
<input type="text" name="sisabayar" id="sisabayar" class="form-control"
placeholder="Inputkan Sisa Bayar" required="">
</div>
</div>
74
<div class="form-group">
<label for="status" class="control-label col-sm-2">Status Sewa</label>
<div class="col-sm-2">
<select class="form-control" name="status" required="">
<option>Pilih Status</option>
<option value="Booking">Booking</option>
<option value="DP">DP</option>
</select>
</div>
</div>
<div class="form-group">
<label for="kodeuser" class="control-label col-sm-2">Kode User</label>
<div class="col-sm-5">
<input type="text" name="kodeuser" value="<?php echo
$data_user['namauser'];?>" class="form-control" placeholder="Inputkan
Penerima" required="" readonly="readonly">
</div>
</div>
<div class="form-group">
75
<label for="button" class="control-label col-sm-2"></label>
<div class="col-sm-5">
<input type="submit" name="tambah" class="btn btn-success btn-block"
value="SIMPAN">
</div>
</div>
</div>
</div>
<?php
include "../koneksi.php";
$tanggalbooking= date('d-m-y');
$atasnama=@$_POST ['atasnama'];
$telepon=@$_POST['telepon'];
$alamat=@$_POST['alamat'];
$tglsewa=@$_POST['tglsewa'];
$waktusewa=@$_POST['waktusewa'];
$paket=@$_POST['paket'];
$diskon=@$_POST['diskon'];
$totalbayar=@$_POST['totalbayar'];
76
$dp=@$_POST['dp'];
$sisabayar=@$_POST['sisabayar'];
$status=@$_POST['status'];
$kodeuser=@$_POST['kodeuser'];
$tambah_data=@$_POST['tambah'];
if($tambah_data){
mysql_query("insert into booking
values('','$tangga
lbooking','$atasnama','$telepon','$alamat','$tglsewa','$waktusewa','$paket','$diskon
','$totalbayar','$dp','$sisabayar','$status','$kodeuser')") or die (mysql_error());
?>
<script type="text/javascript">
alert("Data Tersimpan, Silahkan Tekan CTRL + P untuk Cetak Tanda
Booking");
window.location.href="../cetak/tandabookingmember.php";
</script>
<?php
}
?>
</fieldset>
77
</div>
</body>
</html>
4. Konfirmasi
<fieldset>
<legend align="center"><h2>KONFIRMASI
PEMBAYARAN</h2></legend>
<?php
if(@$_SESSION['admin']){
$user_login=@$_SESSION['admin'];
}elseif ($_SESSION['user']) {
$user_login=@$_SESSION['user'];
}
$sql_user=mysql_query("select*from user where kodeuser ='$user_login'")
or die (mysql_error());
$data_user=mysql_fetch_array($sql_user);
?>
78
<!DOCTYPE html>
<html>
<head>
<title>Input Data Konfirmasi</title>
<link rel="stylesheet" type="text/css" href="../css/bootstrap.css">
<link rel="stylesheet" href="../font-awesome.min.css"/>
<script type="text/javascript" src="../js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="row"></div>
<div class="col-sm-12">
<form class="form-horizontal" action="" method="post"
role="form">
<div class="form-group">
<label for="tanggal" class="control-label col-sm-
2">Tanggal</label>
<div class="col-sm-5">
79
<input type="text" name="tanggal"
class="form-control" value="<?php $tgl=date('d-m-y'); echo $tgl;?>"
placeholder="Tanggal" required="" readonly="readonly ">
</div>
</div>
<div class="form-group">
<label for="atasnama" class="control-label col-sm-
2">Atas Nama</label>
<div class="col-sm-5">
<input type="text" name="atasnama"
value="<?php echo $data_user['namauser'];?>" class="form-control"
placeholder="Inputkan Password Anda" required="" readonly="readonly">
</div>
</div>
<div class="form-group">
<label for="telepon" class="control-label col-sm-
2">Telepon</label>
<div class="col-sm-5">
<input type="text" name="telepon"
class="form-control" placeholder="Inputkan No Telepon Anda" required="">
</div>
80
</div>
<div class="form-group">
<label for="jumlah" class="control-label col-sm-
2">Jumlah</label>
<div class="col-sm-5">
<input type="text" name="jumlah"
class="form-control" placeholder="Inputkan Jumlah Transfer" required="">
</div>
</div>
<div class="form-group">
<label for="untuk" class="control-label col-sm-
2">Untuk Pembayaran</label>
<div class="col-sm-5">
<input type="text" name="untuk"
class="form-control" placeholder="Untuk Pembayaran" required="">
</div>
</div>
<div class="form-group">
<label for="button" class="control-label col-sm-
2"></label>
81
<div class="col-sm-5">
<input type="submit" name="tambah"
class="btn btn-success btn-block" value="KONFIRMASI">
</div>
</div>
</div>
</div>
</body>
</html>
<?php
include "../koneksi.php";
//$idkonfirmasi=@$_POST['idkonfirmasi'];
$tanggal=date('d-m-y');;
$atasnama=@$_POST ['atasnama'];
$telepon=@$_POST['telepon'];
$jumlah=@$_POST['jumlah'];
$untuk=@$_POST['untuk'];
$tambah_data=@$_POST['tambah'];
if($tambah_data){
82
mysql_query("insert into konfirmasi
values('','$tanggal','$atasnama','$telepon','$jumlah','$untuk')") or die
(mysql_error());
?>
<script type="text/javascript">
alert("KONFIRMASI TERKIRIM, Tekan CTRL + P Untuk
PRINT");
window.location.href="../cetak/tandakonfirmasi.php";
</script>
<?php
}
?>
</fieldset>
</div>
</body>
</html>
5. Pelunasan
<div class="konten">
<fieldset>
<legend align="center"><h2>Tambah Data Pelunasan</h2></legend>
83
<?php
$kodebooking=@$_GET['kodebooking'];
$sql=mysql_query("select*from booking where kodebooking='$kodebooking'") or
die (mysql_error());
$data=mysql_fetch_array($sql);
?>
<?php
if(@$_SESSION['admin']){
$user_login=@$_SESSION['admin'];
}elseif ($_SESSION['user']) {
$user_login=@$_SESSION['user'];
}
$sql_user=mysql_query("select*from user where kodeuser ='$user_login'")
or die (mysql_error());
$data_user=mysql_fetch_array($sql_user);
?>
<!DOCTYPE html>
<html>
<head>
84
<title>Input Data Pelunasan</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" href="font-awesome.min.css"/>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>
<body>
<?php
$sisabayar=@$_POST['sisabayar'];
$pelaminan=@$_POST['pelaminan'];
$video=@$_POST['video'];
$organ=@$_POST['organ'];
$qori=@$_POST['qori'];
$saritilawah=@$_POST['saritilawah'];
$shalawat=@$_POST['shalawat'];
$mc=@$_POST['mc'];
$total=$sisabayar+$pelaminan+$video+$organ+$qori+$saritilawah+$shalawat+
$mc;
?>
<div class="container">
85
<div class="row"></div>
<div class="col-sm-12">
<form class="form-horizontal" action="" method="post" role="form">
<div class="form-group">
<label for="tanggal" class="control-label col-sm-2">Tanggal</label>
<div class="col-sm-5">
<input type="text" name="tanggal" value="<?php $tgl=date('d-m-y'); echo
$tgl;?>" class="form-control" placeholder="Inputkan Nama Anda" required=""
readonly="readonly">
</div>
</div>
<div class="form-group">
<label for="kodebooking" class="control-label col-sm-2">Kode
Booking</label>
<div class="col-sm-5">
<input type="text" name="kodebooking" class="form-control" value="<?
php echo $data['kodebooking']; ?>" placeholder="Inputkan kode Booking"
required="" readonly="readonly">
</div>
86
</div>
<div class="form-group">
<label for="atasnama" class="control-label col-sm-2">Atas Nama</label>
<div class="col-sm-5">
<input type="text" name="atasnama" class="form-control" value="<?php
echo $data['atasnama']; ?>" required="" readonly="readonly">
</div>
</div>
<div class="form-group">
<label for="sisabayar" class="control-label col-sm-2">Sisa Bayar</label>
<div class="col-sm-5">
<input type="text" name="sisabayar" id="sisabayar" class="form-control"
value="<?php echo $data['sisabayar'];?>" placeholder="Inputkan Sisa Bayar"
required="" readonly="readonly">
</div>
</div>
<div class="form-group">
<label for="carge" class="control-label col-sm-2">Charge</label>
<div>
87
<div class="checkbox-inline"> <input type="checkbox" name="pelaminan"
id="pelaminan" value="150000" > Pelaminan </div>
<div class="checkbox-inline"> <input type="checkbox" name="video"
id="video" value="100000" > Video Shooting </div>
<div class="checkbox-inline"> <input type="checkbox" name="organ"
id="organ" value="200000" > Organ Tunggal </div>
</div>
</div>
<div class="form-group">
<label for="tambahan" class="control-label col-sm-2">Tambahan</label>
<div>
<div class="checkbox-inline"> <input type="checkbox" name="qori"
id="qori" value="150000" > Qori </div>
<div class="checkbox-inline"> <input type="checkbox" name="saritilawah"
id="saritilawah" value="100000" > Saritilawah </div>
<div class="checkbox-inline"> <input type="checkbox" name="shalawat"
id="shalawat" value="200000" > Shalawat </div>
<div class="checkbox-inline"> <input type="checkbox" name="mc"
id="mc" value="175000" > MC Akad </div>
</div>
</div>
88
<div class="form-group">
<label for="kodeuser" class="control-label col-sm-2">Kode User</label>
<div class="col-sm-5">
<input type="text" name="kodeuser" value="<?php echo
$data_user['namauser'];?>" class="form-control" placeholder="Inputkan Total
Anda" required="" readonly="readonly">
</div>
</div>
<div class="container">
<div class="row"></div>
<div class="col-sm-12">
<form class="form-horizontal" action="" method="post" role="form">
<div class="form-group">
<label for="button" class="control-label col-sm-2"></label>
<div class="col-sm-5">
<input type="submit" name="ok" id="ok" class="btn btn-info btn-block"
value="TOTAL BAYAR">
</div>
</div>
</div>
89
</div>
<div class="form-group">
<label for="totalbayar" class="control-label col-sm-2">Total Bayar</label>
<div class="col-sm-5">
<input type="text" name="totalbayar" id="totalbayar" class="form-control"
value="<?php echo $total;?>" placeholder="Inputkan Sisa Bayar" required=""
readonly="readonly">
</div>
</div>
<div class="form-group">
<label for="button" class="control-label col-sm-2"></label>
<div class="col-sm-5">
<input type="submit" name="tambah" class="btn btn-success btn-block"
value="Simpan">
<input type="reset" name="reset" class="btn btn-warning btn-block"
value="Batal">
</div>
</div>
</div>
</div>
90
</body>
</html>
<?php
include "koneksi.php";
//$idlunas=@$_POST['idlunas'];
$tanggal=date('d-m-y');
$kodebooking=@$_POST['kodebooking'];
$sisabayar=@$_POST['sisabayar'];
$kodeuser=@$_POST['kodeuser'];
$tambah_data=@$_POST['tambah'];
if($tambah_data){
mysql_query("insert into lunas values('','$tanggal','$kodebooking','$sisabayar','$kodeuser')") or die (mysql_error());
?>
<script type="text/javascript">
alert("Data Tersimpan");
window.location.href="cetak/tandalunas.php";
</script>
<?php
}
?>
</fieldset>
</div>
</body>
</html>
91
4.4. Testing
Pembahasan mengenai pengujian sistem yang dibuat dengan menggunakan
blackbox testing untuk pengujian proses input dan output yang berkaitan dengan
sistem yang dibangun.
1. Daftar Member
Tabel IV.14
Hasil Pengujian Black Box Testing Daftar Member
No Skenario Pengujian Test Case Hasil yang Diharapkan
Hasil Pengujian Kesimpulan
1
Mengosongkan semua isian data
daftar member klik tombol daftar
Semua Isian : kosong
Sistem menolak dan memberitahu
bahwa masih ada data yang kosong
Sesuai Harapan Valid
2
Mengosongkan beberapa data daftar member kemudian klik tombol daftar
Beberapa isian : kosong
Sistem menolak karena masih ada data yang kosong
Sesuai Harapan Valid
3 Mengisi semua isian
Semua isian:
lengkap
Sistem menerima dan menyimpannya ke dalam database
Sesuai Harapan Valid
2. Login Admin/Member
Tabel IV.15
Hasil Pengujian Black Box Testing Login
No Skenario Pengujian Test Case Hasil yang
DiharapkanHasil
Pengujian Kesimpulan
1
Mengosongkan semua isian login
klik tombol LOGIN
Semua Isian : kosong
Sistem menolak dan memberitahu
Username dan Password masih
kosong
Sesuai Harapan Valid
2
Hanya mengisi username,
kemudian klik tombol LOGIN
Username : dadang
Password : Kosong
Sistem menolak dan memberitahu
password masih kosong
Sesuai Harapan Valid
3
Hanya mengisi password
kemudian klik tombol LOGIN
Username : kosong
Password : password
Sistem menolak dan memberitahu
username masih kosong
Sesuai Harapan Valid
4 Mengisi Username Sistem menolak dan Sesuai Valid
92
username dan password dengan data yang salah
:tidak ada di database
Passwword : tidak ada di
database
memberitahu “Login Gagal” Harapan
5
Mengisi username dan password yang
benar
Username : dadang
Password : dadang
Sistem menerima dan masuk ke
halaman utama
Sesuai Harapan Valid
3. Konfirmasi Pembayaran
Tabel IV.16
Hasil Pengujian Black Box Testing Konfirmasi Pembayaran
No Skenario Pengujian Test Case Hasil yang Diharapkan
Hasil Pengujian Kesimpulan
1
Mengosongkan semua isian data
konfirmasi pembayaran, lalu
klik tombol KONFIRMASI
Semua Isian : kosong
Sistem menolak dan memberitahu
bahwa masih ada data yang kosong
Sesuai Harapan Valid
2
Mengosongkan beberapa data
konfirmasi pembayaran
kemudian klik tombol
KONFIRMASI
Beberapa isian : kosong
Sistem menolak karena masih ada data yang kosong
Sesuai Harapan Valid
3 Mengisi semua isian dengan benar
Semua isian:
lengkap
Sistem menerima dan menyimpannya ke dalam database
Sesuai Harapan Valid
4. Booking
Tabel IV.17
Hasil Pengujian Black Box Testing Booking
No Skenario Pengujian Test Case Hasil yang Diharapkan
Hasil Pengujian Kesimpulan
1
Mengosongkan semua isian data booking, lalu klik tombol Simpan
Semua Isian : kosong
Sistem menolak dan memberitahu bahwa
data harus diisi
Sesuai Harapan Valid
2
Mengosongkan beberapa data
booking kemudian klik tombol Simpan
Beberapa isian : kosong
Sistem menolak karena masih ada data yang kosong
Sesuai Harapan Valid
93
3 Mengisi semua isian dengan benar
Semua isian:
lengkap
Sistem menerima dan menyimpannya ke dalam database
Sesuai Harapan Valid
4.5. Support
4.5.1.Publikasi Web
Publikasi web sistem informasi penyewaan ruang serbaguna al-nizham
dengan URL www.rsgalnizham.com menggunakan layanan hosting di
masterweb.com beberapa alasan penulis memilih layanan hosting tersebut antara
lain adalah sebagai berikut :
1. Kapasitas 500 MB
2. Bandwidth Unlimited
3. Subdomain Unlimited
4. Secure CGI
5. Web Statistic (Awstats)
6. Webmail
7. 24 x 7 Support
8. Dapat Diupgrade
9. Daily Backup
94
4.5.2.Spesifikasi Hardware dan Software
Perangkat Hardware dan Software yang dimaksud di sini adalah
seperangkat alat atau elemen elektronik yang dapat membantu sistem yang
diusulkan sehingga program dapat berjalan dengan baik.
A. Spesifikasi minimum Hardware dan Software untuk Web Server
Tabel IV.18
Spesifikasi Hardware dan Software untuk Web Server
Kebutuhan KeteranganProcessor Pentium IV 2.4 MhzMemory Size (RAM) 512 MbHard disk 20 GbOperating System Windows 7Database Server MySql ServerWeb Server XAMPPInterpreter PHP
B. Spesifikasi Minimum Hardware dan Software untuk Client
Tabel IV.19
Spesifikasi Hardware dan Software Untuk Client
Kebutuhan KeteranganProcessor Pentium IV 2.4 MHzMemory Size (RAM) 512 MbHarddisk 20 GbKeyboard 107 KeyMouse Standard MouseMonitor SVGAOperating System Windows 7Browser 1. Chrome
2. Mozilla Firefox3. Internet Explorer4. Opera
95
4.6. Spesifikasi Dokumen Sistem Usulan
Spesifikasi dokumen sistem usulan merupakan rangkaian sistem yang
diusulkan penulis kepada perusahaan dan merupakan semua bentuk dokumen
yang terlibat dengan sistem yang dibahas.
a. Nama Dokumen : Tanda Booking
Fungsi : Sebagai bukti pesanan online
Sumber : Member / Pengunjung
Tujuan : Administrasi
Media : Tampilan
Frekuensi : Setiap terjadi pemesanan online
Format : Lampiran B-1
b. Nama Dokumen : Tanda Konfirmasi
Fungsi : Sebagai bukti transfer
Sumber : Member / Pengunjung
Tujuan : Administrasi
Media : Tampilan
Frekuensi : Setiap terjadi konfirmasi online
Format : Lampiran B-2
c. Nama Dokumen : Tanda Lunas
Fungsi : Sebagai bukti pelunasan
Sumber : Administrasi
Tujuan : Member / Pengunjung
Media : Tampilan
Frekuensi : Setiap terjadi transaksi pelunasan
96
Format : Lampiran B-3
d. Nama Dokumen : Laporan Data Booking
Fungsi : Sebagai data laporan
Sumber : Pengelola Penyewaan
Tujuan : Ketua RSG
Media : Tampilan
Frekuensi : Setiap Dibutuhkan Laporan
Format : Lampiran B-4
e. Nama Dokumen : Laporan Data Pelunasan
Fungsi : Sebagai data laporan
Sumber : Pengelola Penyewaan
Tujuan : Ketua RSG
Media : Tampilan
Frekuensi : Setiap dibutuhkan laporan
Format : Lampiran B-5
f. Nama Dokumen : Laporan Data Konfirmasi
Fungsi : Sebagai data laporan
Sumber : Administrasi
Tujuan : Bendahara
Media : Tampilan
Frekuensi : Setiap dibutuhkan laporan
Format : Lampiran B-6