repository.nusamandiri.ac.id · Web viewAnalisis Kebutuhan Software Tahapan Analisis Perancangan...

Post on 26-Feb-2021

5 views 0 download

transcript

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