39
BAB IV
PERANCANGAN SISTEM USULAN
4.1. Tahapan Perancangan Sistem
4.1. 1. Analisa Kebutuhan
1. Kebutuhan Sistem
a. Sistem mengelola semua data pemesanan mulai dari data konsumen, data
penjualan rumah, data informasi, data pembayaran, dan data upload bukti
pembayaran.
b. Sistem dapat memberikan informasi tentang pemesanan rumah.
c. Sistem dapat menampilkan semua data yang telah diolah pengguna sistem.
2. Kebutuhan Pengguna
Analisis pengguna menandakan siapa saja pengguna dari perangkat lunak
yang dispesifikasikan dan apa saja haknya terhadap perangkat lunak tersebut.
Program website penjualan rumah yang dibangun memiliki dua jenis pengguna,
yaitu :
a. User konsumen
User konsumen merupakan user yang dapat melihat informasi mengenai
informasi penjualan rumah, melengkapi persyaratan pemesanan, upload bukti
pembayaran booking fee, cetak bukti booking fee, juga pengisian halaman
testimoni sebagai sarana menyampaikan pertanyaan-pertanyaan ataupun
komentar.
40
b. Admin
User admin berfungsi untuk mengelola data konsumen, data booking, data
informasi, data pembayaran, dan mengelola testimoni, serta berhak mengatur isi
content tersebut sehingga tidak memunculkan content yang buruk.
4.1. 2. Rancangan Diagram Usecase
1. Use Case Diagram Admin
Gambar IV.1.
Use Case Diagram Admin
a. Deskripsi Diagram Use Case Kelola Data Rumah
Tabel IV.1.
Deskripsi Diagram Use Case Kelola Data Rumah
Use Case Name Kelola Data Rumah
Requirements Admin dapat mengelola data rumah
Goal Admin dapat mengelola data rumah secara online
41
melalui web
Pre – Conditions Beranda admin
Post – Conditions 1. Mencari data rumah
2. Mengubah data rumah
3. Tambah data rumah
4. Menghapus data data rumah
Failed end
Condition
Gagal mengubah data rumah
Primary Actors Admin
Main Flow / Basic
Path
1. Admin memilih menu kelola data Rumah
2. Sistem menampilkan data rumah
3. Admin menambah data rumah
4. Admin mencari data rumah
5. Admin menghapus data rumah
6. Admin mengubah data rumah
Alternative Flow /
Invariant
-
b. Deskripsi Diagram Use Case Kelola Data Booking
Tabel IV.2.
Deskripsi Diagram Use Case Kelola Data Booking
Use Case Name Kelola Data Booking
Requirements Admin dapat mengelola data booking rumah
Goal Admin dapat mengelola data booking
Pre – Conditions Login Admin
Post – Conditions 5. Mencari data Booking
6. Mengubah data booking
7. Menghapus data booking
Failed end
Condition
Gagal mengubah 6
Primary Actors Admin
Main Flow / Basic
Path
7. Admin memilih menu kelola data booking
8. Sistem menampilkan data booking
9. Admin mencari database mengubah data data
booking
10. Admin menghapus data data booking
Alternative Flow /
Invariant
-
c. Deskripsi Diagram Use Case Kelola Data Konsumen
Gambar IV.3.
Use Case Diagram Konsumen
Use Case Name Kelola Data konsumen
Requirements Admin dapat mengelola data konsumen
42
Goal Admin dapat mengelola data konsumen secara online
melalui web
Pre – Conditions Beranda admin
Post – Conditions 8. Mencari data konsumen
9. Hapus data rumah
Failed end
Condition
Gagal menghapus data rumah
Primary Actors Admin
Main Flow / Basic
Path
11. Admin memilih menu kelola data Konsumen
12. Sistem menampilkan data data Konsumen
13. Admin mencari database data data konsumen
14. Admin menghapus data data Konsumen
Alternative Flow /
Invariant
-
d. Deskripsi Diagram Use Case Kelola Data Pembayaran
Gambar IV.4.
Deskripsi Diagram Use Case Kelola Data Pembayaran
Use Case Name Kelola Data Pembayaran
Requirements Admin dapat mengelola data pembayaran
Goal Admin dapat mengelola data pembayaran secara
online melalui web
Pre – Conditions Beranda admin
Post – Conditions 10. Mencari data pembayaran
11. Hapus data pembayaran
Failed end
Condition
Gagal menghapus data rumah
Primary Actors Admin
Main Flow / Basic
Path
15. Admin memilih menu kelola data pembayaran
16. Sistem menampilkan data data pembayaran
17. Admin mencari database data data pembayaran
18. Admin menghapus data data pembayaran
Alternative Flow /
Invariant
-
e. Deskripsi Diagram Use Case Kelola Data Informasi
Gambar IV.5.
Deskripsi Diagram Use Case Kelola Data Informasi
Use Case Name Kelola Data informasi
Requirements Admin dapat mengelola data informasi
Goal Admin dapat mengelola data informasi secara online
melalui web
Pre – Conditions Beranda admin
Post – Conditions 12. Mencari data informasi
13. Hapus informasi
Failed end Gagal menghapus informasi
43
Condition
Primary Actors Admin
Main Flow / Basic
Path
19. Admin memilih menu kelola data informasi
20. Sistem menampilkan data data informasi
21. Admin mencari database data data informasi
22. Admin menghapus data data informasi
Alternative Flow /
Invariant
-
f. Deskripsi Diagram Use Case Kelola Data Testimoni
Tabel IV.6.
Deskripsi Diagram Use Case Kelola Data Testimoni
Use Case Name Kelola Data testimoni
Requirements Admin dapat mengelola data testimoni
Goal Admin dapat mengelola data testimoni secara online
melalui web
Pre – Conditions Beranda admin
Post – Conditions 14. Mencari testimony
15. Hapus data testimoni
Failed end
Condition
Gagal menghapus data rumah
Primary Actors Admin
Main Flow / Basic
Path
23. Admin memilih menu kelola data testimoni
24. Sistem menampilkan data data testimoni
25. Admin mencari database data data testimoni
26. Admin menghapus data data testimoni
Alternative Flow /
Invariant
-
2. Use Case Diagram Konsumen
Gambar IV.2.
Use Case Diagram Konsumen
44
a. Deskripsi Diagram Use Case Konsumen
Tabel IV.7.
Deskripsi Diagram Use Case Konsumen
Use Case Name Konsumen
Requirements Konsumen dapat membooking rumah
Goal Konsumen dapat membooking rumah secara online
Pre – Conditions Beranda
Post – Conditions 16. Booking
17. Detail Booking
Failed end
Condition
Gagal melengkapi data diri
Primary Actors Konsumen
Main Flow / Basic
Path
27. Admin memilih rumah
28. Sistem menampilkan detail rumah
29. Admin melengkapi data diri
30. Admin login email
Alternative Flow /
Invariant
-
4.1. 3. Rancangan Diagram Aktivitas (Activity Diagram)
1. Activity Diagram Login Admin
Gambar IV.3.
Activity Diagram Login Admin
45
2. Activity Diagram Data Rumah
Gambar IV.4.
Activity Diagram Informasi Pada Admin
46
3. Activity Diagram Data Booking
Gambar IV.5.
Activity Diagram Data Booking
47
4. Activity Diagram Data Konsumen
Gambar IV.6.
Activity Diagram Data Konsumen
5. Activity Diagram Data Pembayaran
Gambar IV.7.
Activity Diagram Data Pembayaran
48
6. Activity Diagram Informasi
Gambar IV.8.
Activity Diagram Informasi
7. Activity Diagram Kelola Testimoni
Gambari IV.9.
Activity Diagram Kelola Testimoni
49
8. Activity Diagram Konsumen
Gambar IV.10.
Activity Diagram Konsumen
50
4.1. 4. Rancangan Dokumen Sistem Usulan
A. Rancangan Dokumen Masukan (Input)
Dokumen masukan merupakan dokumen yang mengalami proses awal dari
program pemesanan rumah. Adapun dokumen masukan yang digunakan adalah
sebagai berikut :
1. Struk Bukti Transfer
Nama Dokumen : Struk Bukti Transfer
Fungsi : Bukti telah melakukan pembayaran
Sumber : Konsumen
Tujuan : Admin
Media : -
Jumlah : 1 (satu) Lembar
Frekuensi : Setiap melakukan booking rumah
Bentuk : Lihat Lampiran A.1.
B. Rancangan Dokumen Keluaran (Output)
Dokumen keluaran adalah segala bentuk dokumen yang akan mendukung
kegiatan serta menerapkan hasil pencatatan dan pelaporan. Adapun dokumen
keluaran yang digunakan adalah sebagai berikut :
1. File Informasi
Nama Dokumen : File Informasi
Fungsi : Sebagai salah pemberitahuan informasi
Sumber : Admin
Tujuan : Konsumen
51
Media : Halaman web HTML,
Jumlah : -
Frekuensi : Setiap adanya Informasi
Bentuk : Lihat Lampiran B.1.
2. Cetak Bukti Booking
Nama Dokumen : Cetak Booking
Fungsi : Sebagai bukti booking blok rumah
Sumber : Sistem
Tujuan : Konsumen
Media : Html atau Pdf
Jumlah : 1 (satu) Lembar
Frekuensi : Setiap ada transaksi pembayaran booking.
Bentuk : Lihat Lampiran B.2.
52
4.1. 5. Rancangan Prototype
Bagian ini berisi mengenai penggambaran interface dari bahasa pemrograman
yang dibuat dengan sistem usulan berbasis website.
1. Rancangan Prototype Beranda
Gambar IV.11.
Rancangan Prototype Beranda
2. Rancangan Prototype Tentang Kami
Gambar IV.12.
Rancangan Prototype Tentang Kami
53
3. Rancangan Prototype Pilihan Rumah
Gambar IV.13.
Rancangan Prototype Pilihan Rumah
4. Rancangan Prototype Detail Paket Rumah
Gambar IV.14.
Rancangan Prototype Detail Paket Rumah
54
5. Rancangan Prototype Data Booking
Gambar IV.15.
Rancangan Prototype Data Booking
6. Rancangan Prototype Isi Data Konsumen
Gambar IV.16.
Rancangan Prototype Isi Data Konsumen
55
7. Rancangan Prototype Login Konsumen
Gambar IV.17.
Rancangan Prototype Login Konsumen
8. Rancangan Prototype Detail Booking
Gambar IV.18.
Rancangan Prototype Detail Booking
56
9. Rancangan Prototype Informasi Pembayaran
Gambar IV.19.
Rancangan Prototype Informasi Pembayaran
10. Rancangan Prototype Bukti Booking
Gambar IV.20.
Rancangan Prototype Bukti Booking
57
11. Rancangan Prototype Konfirmasi Booking
Gambar IV.21.
Rancangan Prototype Konfirmasi Booking
12. Rancangan Prototype Upload Bukti Bayar
Gambar IV.22.
Rancangan Prototype Upload Bukti Bayar
58
13. Rancangan Prototype Data Pembayaran Booking Fee
Gambar IV.23.
Rancangan Prototype Data Pembayaran Booking Fee
14. Rancangan Prototype Login Admin
Gambar IV.24.
Rancangan Prototype Login Admin
59
15. Rancangan Prototype Beranda Admin
Gambar IV.25.
Rancangan Prototype Beranda Admin
16. Rancangan Prototype Data Rumah
Gambar IV.26.
Rancangan Prototype Data Rumah
60
17. Rancangan Prototype Data Booking
Gambar IV.27.
Rancangan Prototype Data Booking
18. Rancangan Prototype Data Konsumen
Gambar IV.28.
Rancangan Prototype Data Konsumen
61
19. Rancangan Prototype Data Pembayaran
Gambar IV.29.
Rancangan Prototype Data Pembayaran
62
4.2. Perancangan Perangkat Lunak
4.2. 1. Entity Relationship Diagram (ERD)
Gambar IV.30.
Entity Relationship Diagram (ERD)
63
4.2. 2. Logical Record Structure (LRS)
Gambar IV.31.
Logical Record Structure (LRS)
Keterangan :
FK = Foreign Key
64
4.2. 3. Spesifikasi File
1. Spesifikasi File Admin
Nama File : Admin
Akronim : admin
Fungsi : Untuk menyimpan data admin
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Hard Disk
Panjang record : 66 Byte
Kunci Field : id_admin
Nama Database : hunianasri.sql
Software : MySQL
Tabel IV.8.
Spesifikasi File Admin
No Elemen Data Nama Field Tipe Size Ket
1 id admin id_admin Integer 11 Primary Key
2 nm_admin nm_admin Varchar 30 3 Username Username Varchar 15 4 Password Password Varchar 10
2. Spesifikasi File Konsumen
Nama File : Konsumen
Akronim : Konsumen
Fungsi : Untuk menyimpan data konsumen
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
65
Media : Hard Disk
Panjang record : 370 Byte
Kunci Field : id_konsumen
Nama Database : hunianasri.sql
Software : MySQL
Tabel IV.9.
Spesifikasi File Konsumen
No Elemen Data Nama Field Tipe Size Ket
1 ID Konsumen id_konsumen int 10 Primary Key
2 Nama Konsumen nm_konsumen varchar 30 3 Alamat alamat varchar 30 4 No telp no_telp int 13 5 Email email varchar 25
6 No Ktp no_ktp int 20
7 Ktp ktp varchar 15
8 Password password int 11
9 No KK no_kk int 20
10 Kk kk varchar 15
11 Status nikah stts_nikah varchar 15
12 Buku nikah buku_nikah varchar 15
13 No npwp no_npwp int 20
14 Npwp npwp varchar 15
15 Slip Gaji slip_gaji varchar 15
16 Perkerjaan pekerjaan varchar 15
17 Penghasilan penghasilan int 11
18 Sk sk varchar 15
19 Foto foto varchar 15
20 Rek_koran rek_koran varchar 15
21 sk_aktifkerja sk_aktifkerja varchar 15
3. Spesifikasi File Paket Rumah
Nama File : Paket Rumah
Akronim : paketrumah
Fungsi : Untuk menyimpan data rumah
Tipe File : File Master
Organisasi File : Indexed Sequential
66
Akses File : Random
Media : Hard Disk
Panjang record : 387 Byte
Kunci Field : id_tipe
Nama Database : hunianasri.sql
Software : MySQL
Tabel IV.10.
Spesifikasi File Paketrumah
No Elemen Data Nama Field Tipe Size Ket
1 ID Tipe id_tipe Integer 11 Primary Key
2 Nama Rumah nm_rumah Varchar 15 3 Harga Harga Integer 15 4 Booking Fee book_fee Integer 15 5 Tipe detail Varchar 300
6 Gambar gambar Varchar 20
7 Jumlah Unit jml_unit Int 11
4. Spesifikasi File Booking
Nama File : Booking
Akronim : booking
Fungsi : Untuk menyimpan data transaksi booking
Tipe File : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Hard Disk
Panjang record : 52 Byte
Kunci Field : id_booking
Nama Database : hunianasri.sql
Software : MySQL
67
Tabel IV.11.
Spesifikasi File Booking
No Elemen Data Nama Field Tipe Size Ket
1 ID Booking id_booking Integer 11 Primary Key
2 ID Konsumen id_konsumen Varchar 5 4 ID Admin id_admin Integer 11 5 Nama Rumah nm_rumah Varchar 10
6 Tanggal booking tgl_booking Timestamp
7 Status status varchar 15
8 Tanggal Verifikasi tgl_verifikasi Date
5. Spesifikasi File Detail Booking
Nama File : Detail Booking
Akronim : detail_booking
Fungsi : Untuk menyimpan data detail booking
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Hard Disk
Panjang record : 125 Byte
Kunci Field : id_detail
Nama Database : hunianasri.sql
Software : MySQL
Tabel IV.12.
Spesifikasi File Detail Booking
No Elemen Data Nama Field Tipe Size Ket
1 ID Detail id_detail Integer 5 Primary Key
2 ID Booking id_booking Varchar 15 3 ID Tipe id_tipe Integer 11 4 Nama Rumah nm_rumah Varchar 50
5 Harga harga Integer 11
6 Subharga subharga Integer 11 7 Jumlah Jumlah Integer 11
8 Booking Fee booking_fee Integer 11
68
6. Spesifikasi File Bayar
Nama File : Bayar
Akronim : bayar
Fungsi : Untuk menyimpan data pembayaran
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Hard Disk
Panjang record : 132 Byte
Kunci Field : id_bayar
Nama Database : hunianasri.sql
Software : MySQL
Tabel IV.13.
Spesifikasi File Bayar
No Elemen Data Nama Field Tipe Size Ket
1 Id Bayar id_bayar Integer 11 Primary Key
2 Tanggal Bayar tgl_bayar date
3 Id Booking id_booking Varchar 15
4 Id Konsumen id_konsumen Varchar 15
5 No Rekening no_rek Varchar 15
6 Nama Bank nm_bank Verchar 15
7 Jumlah Bayar jml_bayar Integer 11
8 Bukti Bayar bukti_bayar Varchar 50
69
4.2. 4. Class Model/Class Diagram
Gambar IV.32.
Class Diagram
4.2. 5. Sequence Diagram
Gambar IV.33.
Sequence Diagram
4.2. Spesifikasi Hardware dan Software
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum
yang dibutuhkan untuk mengimplementasikan website paket jasa tour dan event ini.
1. Spesifikasi Perangkat Keras (Hardware)
70
a. Server
1) CPU (Central Processing Unit)
(a) Processor Intel® Core i3
(b) RAM DDR2 4 GB
(c) Hard Disk 1TB
2) Mouse
3) Keyboard Standart
4) Monitor dengan resolusi layar minimum 1024x768
5) Koneksi internet degan kecepatan 2 Mbps
b. Client
1) CPU
(a) Processor Intel ® Dual Core
(b) RAM DDR2 2 GB
(c) Hard Disk 500GB
2) Mouse
3) Keyboard Standart
4) Monitor dengan resolusi layar minimum 1024x768
5) Koneksi internet dengan kecepatan 2 Mbps
2. Spesifikasi Perangkat Lunak (Software)
a. Server
1) Sistem Operasi menggunakan Microsoft Windows 7.
2) Aplikasi bundle web server, menggunakan XAMPP, yang terdiri dari
beberapa komponen, diantaranya :
71
(a) Apache Server v3
(b) PHP Server v3
(c) MySQL Server v5
(d) phpMyAdmin v3
3) Aplikasi Web Browser seperti Internet Explorer, Mozilla Firefox, Google
Chrome, Opera.
b. Client
1) Sistem Operasi menggunakan Microsoft Windows 7.
2) Aplikasi Web Browser seperti Internet Explorer, Mozilla Firefox, Google
Chrome, Opera.
4.3. Jadwal Implementasi
Table IV.14.
Jadwal Implementasi
No KEGIATAN
WAKTU
BULAN I BULAN II BULAN III
1 2 3 4 1 2 3 4 1 2 3 4
1 Persiapan data awal
2 Analisa
3 Desain Sistem
4 Desain Perangkat Lunak
5
Pembuatan & Tes
Program
6 Tes Sistem
7 Pelatihan
8
Pembuatan Buku
Petunjuk
72
9 Evaluasi & Operasional
Tabel IV.7.
Jadwal Implementasi
Top Related