bab iv perancangan sistem...
TRANSCRIPT
48
BAB IV
PERANCANGAN SISTEM USULAN
4.1. Tahapan Perancangan Sistem
4.1.1. Analisis Kebutuhan
Setelah penulis melakukan analisa dari sistem berjalan PT. Para Ksatria
Properti, maka langkah selanjutnya dibuatlah sistem usulan yaitu sistem informasi
pemasaran perumahan. Dengan begitu diusulkan beberapa prosedur yaitu :
1. Konsumen
a. Dapat mengakses dan melihat promo, harga dan ketersediaan perumahan di
halaman website.
b. Dapat mendaftarkan akun untuk proses booking fee dan pembayaran DP.
c. Dapat mengechek status pembayaran secara online.
d. Dapat melihat status kelajutan akad kredit diterima/ditolak oleh Bank.
e. Dapat melihat sstatus pembayaran DP
2. Sales Administrator
a. Login dengan hak akses Sales Administrator.
b. Dapat memposting banner promo dan iklan.
c. Dapat menambahkan produk dan detail rumah.
d. Dapat chek total konsumen yang mendaftar.
e. Dapat input pembayaran untuk konsumen.
f. Dapat input status acc kredit oleh bank.
g. Input jadwal akad kredit.
49
3. Manager Marketing
a. Login dengan hak akses Manager
b. Dapat melakan seperti hak akses Sales Administrator
c. Dapat membuat dan menghapus akun Sales Administrator
4.1.2. Rancangan Diagram Use Case
A. Konsumen Mendaftar
M Konsumen
Login
Daftar
Input Nama
Nomor HP (WA)
email<<include>>
<<include>>
<<include>>
<<include>>
Input NIK
<<include>>
Input Password
<<include>>
Input Nomor HP/email
simpan data base
<<include>>
<<include>>
<<include>>
<<include>>
<<include>>
Input Password
<<include>>
<<include>>verifikasi sistem
<<include>>
<<include>>
Gambar IV.1.
Diagram Use Case Konsumen Mendaftar
Tabel IV.1.
Deskripsi Use Case Konsumen
Use Case Name Melakukan Daftar dan Login
Requirement Konsumen
Goal Konsumen dapat melakukan daftar akun dan login
Pre-Condition Konsumen Telah login
Post-Condition Data tersimpan
50
Failed end
Condition
Gagal login dan gagal mendaftar
Actors Konsumen
Main Flow/Basic
Path
1. Konsumen mendaftar akun
2. konsumen mengisi nama, nik, nomor WA, email
dan password.
3. Konsumen verifikasi akun.
4. Konsumen login.
5. Konsumen mengisi email/nomor WA.
6. Konsumen mengisi password.
Alternate Flow /
Invariant A
A1. Sistem memverifikasi data yang telah
dimasukan
Alternate Flow/
Invariant B
B1. Konsumen melakukan daftar.
B2. Konsumen mengisi nomor WA dan email.
B3. Sistem menampilkan pesan “Nomor WA/Email
sudah terdaftar”
B4. Konsumen melakukan login.
B5. Konsumen mengisi nomor WA/Email dan
password.
B6. Sistem tidak menemukan data yang dicari
B7. Sistem menampilkan pesan “Nomor WA/email
& Password yang anda masukan salah”.
B. Konsumen Booking rumah
Konsumen
Login
booking rumah
Input data
edit data
edit data
cetak tagihan pembayaran booking
lihat produk rumah
<<include>>
<<extend>>
<<extend>>
<<extend>>
<<extend>>
<<extend>>
<<extend>>
<<extend>><<extend>>
Gambar IV.2.
Use case Diagram booking rumah
Tabel IV.2
Deskripsi Use Case booking rumah
Use Case Name Booking rumah
Requirements Konsumen Login terlebih dahulu lalu dapat untuk
proses booking rumah.
Goal Konsumen dapat proses booking rumah.
51
Pre-Conditions Konsumen mengakses dari menu produk
Post-Condition Konsumen Login
Konsumen ke menu produk
Konsumen memilih rumah
Konsumen memilih booking
Konsumen menerima tagihan pembayaran booking
Failed end Condition Gagal akses ke booking
Actors Konsumen
Main Flow/Basic Path 1. Konsumen login
2. Konsumen memilih ke menu produk
3. Konsumen pilih booking
4. Konsumen menerima tagihan pembayaran
booking.
Alternate Flow/ Invariant
A
A1. Sistem memverifikasi data yang diakses
Invariant B B1. Konsumen Login
B2. Sistem memverifikasi akun
B3. Konsumen ke menu produk
B4. Konsumen memilih booking
B5. Konsumen menerima tagihan pembayaran
B6. Sistem memverifikasi data yang telah diakses
dan keluar
52
C. Sales Administrator mengakses menu admin
Sales Administrator
Login
menu admin
<<include>>
Database konsumen
Database booking
Management promosi
database produk
<<extend>>
<<extend>>
<<extend>>
<<extend>>
Input data
Edit data
Hapus data
Input data
Edit data
Hapus data
Input data
Edit data
Hapus data
Input data
Edit data
Hapus data
<<extend>>
<<extend>>
<<extend>>
<<extend>>
<<extend>>
<<extend>>
<<extend>>
<<extend>>
<<extend>>
<<extend>>
<<extend>>
<<extend>>
Database artikel
Input data
Edit data
Hapus data
<<extend>>
<<extend>>
<<extend>>
<<extend>>
Database DP
Input data
Edit data
Hapus data
<<extend>>
<<extend>>
<<extend>>
<<extend>>
Database interview Bank
Input data
Edit data
Hapus data
<<extend>><<extend>>
<<extend>>
<<extend>>
Gambar IV.3.
Use Case Diagram Sales Administrator
53
Tabel IV.3.
Deskripsi Use Case Sales Administrator
Use Case Name Menu Admin
Requirements Sales Administrator mengakses menu admin
Goal Sales Administrator dapat mengelola menu admin,
Pre-Condition Sales Administrator mengakses data admin
Post-Condition Sales Administrator memasukan database konsumen.
Sales Administrator memasukan database booking.
Sales Administrator memasukan database Interview Bank
Sales Administrator memasukan database DP
Sales Administrator memasukan management promosi
Sales Administrator memasukan database produk
Sales Administrator memasukan artikel
Failed end Condition Gagal mengakses menu admin
Actors Sales Administrator
Main Flow/Basic Path 1. Sales Administrator login
2. Sales Administrator memilih database konsumen
3. Sales Administrator memilih database booking
4. Sales Administrator memilih database Interview Bank
5. Sales Administrator memilih database DP
6. Sales Administrator memilih management promosi
7. Sales Administrator memilih database produk
8. Sales Administrator memilih database artikel.
Alternate Flow /
Invariant A
A1. Sistem memverifikasi daya yang telah diakses
Invariant B B1. Sales Administrator login
B2. Sistem memverifikasi akun.
B3. Sales Administrator memilih database konsumen
B4. Sales Administrator memilih database booking
B5. Sales Administrator memilih dabase Interview Bank
B6. Sales Administrator memilih database DP
B7. Sales Administrator memilih management promosi
B8. Sales Administrator memilih database produk
B9. Sales Administrator memilih database artikel.
B10. Sistem memverifikasi data yang telah diakses dan
keluar
54
D. Manager mengakses menu admin sebagai manager
Database user admin
Input data
Edit data
Hapus data
<<extend>>
<<extend>>
<<extend>>
Sales Administrator
Login
menu admin
<<include>>
Database konsumen
Database booking
Management promosi
database produk
<<extend>>
<<extend>>
<<extend>>
<<extend>>
Input data
Edit data
Hapus data
Input data
Edit data
Hapus data
Input data
Edit data
Hapus data
Input data
Edit data
Hapus data
<<extend>>
<<extend>>
<<extend>>
<<extend>>
<<extend>>
<<extend>>
<<extend>>
<<extend>>
<<extend>>
<<extend>>
<<extend>>
<<extend>>
Database artikel
Input data
Edit data
Hapus data
<<extend>>
<<extend>>
<<extend>>
<<extend>>
Database DP
Input data
Edit data
Hapus data
<<extend>>
<<extend>>
<<extend>>
<<extend>>
Database interview Bank
Input data
Edit data
Hapus data
<<extend>><<extend>>
<<extend>>
<<extend>>
<<include>>
Laporan Pemasaran
<<extend>>
Gambar IV.4.
Use Case Diagram Manager
55
Tabel IV.4.
Deskripsi Use Case manager
Use Case Name Menu Admin Manager
Requirements Login menggunakan akun manager
Goal Manager dapat Login dan masuk ke halaman login
manager
Pre-Condition Manager mengakses menu admin manager
Post-Condition Manager memilih login dan memilih ke admin manager
Failed end
Condition
Gagal login dan tidak bisa masuk ke admin manager
Actors Manager Marketing
Main Flow/Basic
path
1. Manager login
2. Manager memilih menu admin manager
3. Manager memilih Database user admin
4. Manager memilih database konsumen
5. Manager memilih database booking
6. Manager memilih database Interview Bank
7. Manager memilih database DP
8. Manager memilih management promosi
9. Manager memilih database produk
10. Manager memilih database artikel.
11. Manager memilih laporan pemasaran
Alternate Flow/
Invariant A
A1. Sistem memverifikasi data yang telah diakses
Invariant B B1. Manager login
B2. Sistem memverifikasi data
B3. Manager memilih menu admin manager
B4. manager memilih database user admin
B5. Manager memilih database konsumen
B6. Manager memilih database booking
B7. Manager memilih database interview bank
B8. Manager memilih database DP
B9. Manager memilih management promosi
B10. Manager memilih database produk
B11. Manager memilih database artikel.
B12. Manager memilih laporan pemasaran
B13. Sistem memverifikasi data
4.1.3. Rancangan Diagram Aktivitas
Berikut ini adalah rancangan Diagram Aktifitas/ Activity Diagram konsumen
melakukan booking rumah.
56
Activity Diagram Konsumen melakukan Booking rumah online
Konsumen Sistem ManagerSales AdministratorP
has
e
Mengunjungi WEB Pemasaran
Melakukan pendaftaran akun
Menyimpan pendaftaran akun
konsumen
Login Verifikasi akun
pilih ke menu produk
pilih rumah & booking
menyimpan booking
mencetak tagihan pembayaran booking
menerima tagihan pembayaran booking
membayar tagihan biaya booking
memverifikasi biaya booking
membuat kwitansi pembayaran booking
menerima kwitansi pembayaran booking
ditolak
diterima
mengirim pesan ke admin & Manager
menerima pesan rumah telah di
booking
menyimpan kwitansi pembayaran booking
menerima pesan rumah telah di
booking
Gambar IV.5.
Activity Diagram proses booking rumah
57
Berikut adalah Activity diagram konsumen interview Bank
Activity Diagram Penjadwalan Interview Bank
Konsumen Sales AdministratorPh
ase
Melengkapi berkasMengirimkan berkas
ke bank
menerima jadwal interview
menerima jadwal interview konsumen
ke bank
memberi info jadwal interview
Input jadwal interview
melakukan interview bank
Input penolakan
KPR
Input penerimaan KPR
menerima keputusan hasil interrview bank
menerima keputusan hasil interrview bank
lanjut pembayaran dp
ditolak
diterima
Gambar IV.6.
Activity Diagram proses interview Bank
58
Berikut adalah Activity diagram proses pembayaran DP
Activity Diagram proses pembayaran DP
Konsumen DeveloperSales Administrator Sistem
Ph
ase
membuat kesepakatan di SPKB Menyepakati SPKB
Input tanggal & jumlah biaya yang
tertera di SPKB
membayar DP sesuai SPKB
menyimpan data
Konfirmasi pembayaran DP
membuat kwitansi pembayaran DP
menerima kwitansi pembayaran DP
mengechek sisa pembayaran DP
menginformasikan jadwal serah terima
kunci dan AJBmenerima informasi
ada
tidak
menyimpan kwitansi pembayaran DP
Gambar IV.7.
Activity Diagram Proses Pembayaran DP
59
Berikut adalah activity diagram management halaman promosi
Activity DIagram Management Halaman Promosi
Sales Administrator Sistem
Phas
e
login verifikasi akun
dialihkan kehalaman admin
memilih management
promosi
mengolah management
promosimenyimpan hasil edit
Gambar IV.8.
Activity Diagram Management halaman promosi
60
Berikut adalah activity diagram untuk management user admin.
Activity Diagram Proses pembuatan akun Admin
Manager Sistem
Phas
e
Login validasi akun
dialihkan ke halaman admin manager
memilih database admin user
membuat baru edit user hapus user
menyimpan data
ya
tidak
Gambar IV.9.
Activity Diagram proses management akun user admin
4.1.4. Rancangan Dokumen Sistem Usulan
Dengan didasari analisa sistem usulan penulis menyarankan dokumen usulan
berupa.
61
A. Dokumen Keluaran
Nama Dokumen : Laporan pemasaran web
Fungsi : Untuk menerangkan hasil pemasaran melalui web
Tujuan : Direktur
Media : Halaman Web
Jumlah : 1 halaman
Frekuensi : setiap awal bulan
Bentuk : Gambar IV.31. Halaman Laporan Web Pemasaran
4.1.5. Rancangan Prototype
Berikut ini adalah rancangan prototype dari Perancangan Sistem informasi
Pemasaran di PT. Para Ksatria Properti.
62
Gambar IV.10.
Tampilan Halaman Promo
63
Gambar IV.11.
Tampilan Halaman Produk
Gambar IV.12.
Tampilan halaman Tentang Kami
64
Gambar IV.13.
Tampilan Halaman Artikel
Gambar IV.14.
Halaman Login untuk Konsumen
65
Gambar IV.15.
Halaman Daftar akun Konsumen
Gambar IV.16.
Tampilan Setelah Daftar
66
Gambar IV.17.
Tampilan Dashboard Konsumen
Gambar IV.18.
Halaman Booking Unit Rumah
67
Gambar IV.19.
Halaman Pemberkasan dan Interview
Gambar IV.20.
Halaman Status DP
68
Gambar IV.21
Halaman Admin Data Konsumen
Gambar IV.22
Halaman Admin Data Produk
69
Gambar IV.23
Halaman Admin Booking
Gambar IV.24.
Halaman Admin Pemberkasan
70
Gambar IV.25.
Halaman Admin Interview
Gambar IV.26
Halaman Admin DP
71
Gambar IV.27.
Halaman Data Akad
Gambar IV.28.
Halaman Manage Promosi
72
Gambar IV.29.
Halaman Edit Artikel
Gambar IV.30.
Halaman Manage User Admin
73
Gambar IV.31.
Halaman Laporan Web Pemasaran
74
4.2. Perancangan Perangakat Lunak
4.2.1. Entity Relatation Diagram (ERD)
kon
sum
en
kd_k
onsu
me
nn
o_w
aem
ail_
kon
sum
en
alam
at_s
urat
pro
duk
har
ga_d
p
har
ga_r
esm
ih
arga
_pro
mo
luas
_ban
gun
an
luas
tan
ah
stat
us_r
um
ah
pen
ggun
a
nik
nam
a_ka
ryaw
ann
o_w
a_k
arya
wan
foto
jaba
tan
nm
_kon
sum
en_
bel
akan
g
boo
kin
g
mel
aku
kan
mem
iliki
1
M
1
1
kd_b
ooki
ng
nik
_kon
sum
en
alam
at_k
tp
pem
berk
asan
pas
_fo
to
fc_k
tp
fc_k
k
kd_p
embe
rkas
an
fc_s
urat
nik
ah
fc_n
pwp
fc_s
iup
npw
p_p
eru
saha
an
idca
rd_k
arya
wan
suke
t_ak
tifk
erja
slip
gaji
suke
t_b
mr
no_
blo
krum
ah
inte
rvie
w_b
ank
nm
_kon
sum
en_
dep
an
tgl_
inte
rvie
w
kd_k
onsu
me
n
kd_i
nte
rvie
w
nm
_kon
sum
en_
bel
akan
g
stat
us_i
nte
rvie
w
DP
kd_d
p
akad
kd_a
kad
arti
kel
no_
arti
kel
jud
ul_
arti
kel
kate
gori
isi_
arti
kel
mel
aku
kan
M N
lap
ora
n_
pe
ma
sara
n
men
gak
ses
M
1
har
ga_
bo
oki
ng
kd_k
onsu
me
n
nm
_kon
sum
en_
dep
an
pw
_kon
sum
kd_k
onsu
me
n
nm
_kon
sum
en_
dep
an
nm
_kon
sum
en_
bel
akan
g
no_
blo
krum
ah
luas
_ban
gun
an
luas
_tan
ahh
arga
_boo
kin
gtg
l_b
ooki
ng
tgl_
daf
tar
stat
us_b
ooki
ng
nm
_kon
sum
en_
bel
akan
gm
ela
kuka
n
1 1
reke
nin
g_lis
trik
1
Me
lak
uka
n
1
kd_k
onsu
me
n
nm
_kon
sum
en_
dep
an
nm
_kon
sum
en_
bel
akan
g
bia
ya_d
p
kd_a
ngs
ura
n1
tgl_
angs
ura
n1
st_a
ngs
ura
n1
kd_a
ngs
ura
n2
nom
inal
2
nom
inal
1
tgl_
angs
ura
n2
kd_a
ngs
ura
n3
nom
inal
3tg
l_an
gsu
ran
3st
_an
gsu
ran
3st
_an
gsu
ran
2kd
_an
gsu
ran
4n
omin
al4
tgl_
angs
ura
n4
st_a
ngs
ura
n4
kd_a
ngs
ura
n5
nom
inal
5
tgl_
angs
ura
n5
st_a
ngs
ura
n5
kd_a
ngs
ura
n6
nom
inal
6
tgl_
angs
ura
n6
st_a
ngs
ura
n6
stat
us_d
p
Me
lak
uka
n
1
1
mel
aku
kan
1
1
kd_k
onsu
me
nn
m_k
onsu
me
n_d
epan
nm
_kon
sum
en_
bel
akan
g
stat
us_d
p
jadw
al_a
kad
nm
_kon
sum
en_
dep
an
men
gh
itu
ng
tota
l
M
1
men
gh
itu
ng
tota
l
1 1
men
gh
itu
ng
tota
l
M
1
men
gh
itu
ng
tota
l
M
1
men
gh
itu
ng
tota
l
M
1
men
gh
itu
ng
tota
l
M1
men
gh
itu
ng
tota
l
1
Mto
tal_
kon
sum
en
tota
l_b
ooki
ng
tota
l_p
embe
rkas
an
tota
l_in
terv
iew
tota
l_d
pto
tal_
akad
tota
l_av
aila
ble
_ru
mah
tota
l_b
iaya
_boo
kin
g
tota
l_b
iaya
_dp
tota
l_cl
ose_
rum
ah
use
r_lo
gin
pas
swor
d
tgl_
po
stin
g
nam
a_
kary
aw
an
gam
ba
r
bul
an_l
apo
ran
Gambar IV.32.
Entity Relationsihip Diagram (ERD)
75
4.2.2. Logical Record Structure (LRS)
konsumen
kd_konsumenPK
nm_konsumen_depan
email_konsumen
pw_konsumen
tgl_daftar
nm_konsumen_belakang
nik_konsumen
alamat_ktp
alamat_surat
no_wa
booking
kd_bookingPK
kd_konsumenFK
nm_konsumen_depan
nm_konsumen_belakang
no_blokrumahFK
luas_bangunan
luas_tanah
harga_booking
tgl_booking
status_booking
Produk
no_blokrumahPK
luas_bangunan
luas_tanah
harga_resmi
harga_promo
harga_dp
harga_booking
status_rumah
pemberkasan
kd_pemberkasanPK
kd_konsumenFK
nm_konsumen_depan
nm_konsumen_belakang
pas_foto
fc_ktp
fc_kk
fc_suratnikah
fc_npwp
fc_siup
npwp_perusahaan
idcard_karyawan
suket_aktifkerja
slipgaji
suket_bmr
rekening_listrik
interview_bank
kd_interviewPK
kd_konsumenFK
status_interview
nm_konsumen_depan
nm_konsumen_belakang
tgl_interview
dp
kd_dpPK
kd_konsumenFK
st_angsuran6
nm_konsumen_depan
nm_konsumen_belakang
biaya_dp
kd_angsuran1
nominal1
tgl_angsuran1
st_angsuran1
kd_angsuran2
nominal2
tgl_angsuran2
st-angsuran2
kd_angsuran3
nominal3
tgl_angsruan3
st_angsuran3
kd_angsuran4
nominal4
tgl_angsuran4
st_angsuran4
kd_angsuran5
nominal5
tgl_angsuran5
st_angsuran5
kd_angsuran6
nominal6
tgl_angsuran6
status_dp
Akad
kd_akadPK
kd_konsumenFK
nm_konsumen_depan
nm_konsumen_belakang
status_dp
jadwal_akad
laporan
bulan_laporan
total_biaya_dp
total_booking
total_pemberkasan
total_interview
total_dp
total_akad
total_close_rumah
total_available_rumah
total_biaya_booking
total_konsumen
pengguna
nikPK
nama_karyawan
no_wa_karyawan
foto
jabatan
user_login
password
artikel
no_artikelPK
judul_artikel
tgl_posting
kategori
gambar
isi_artikel
nama_karyawan
1M
1 1
M
1
M
1
1
1
M 1
M
1
1
M
1
M
1
1
1
1
1
1
1
M
M
N
1
M
Gambar IV.33
Logical Record Structure (LRS)
76
4.2.3. Spesifikasi File
A. Spesifikasi File konsumen
Nama File : Konsumen
Akronim : konsumen
Fungsi : Mengolah data konsumen
Type file : Master File
Organisasi File : index sequential
Akses file : random
Media file : Harddisk
Panjang record : 279 Byte
Kunci field : kd_konsumen
Software : Xampp
Tabel IV.5.
Spesifikasi file Konsumen
No Element data Nama field Type Size Ket
1. Kode
Konsumen
kd_konsumen Varchar 5 Primary
Key
2. Nama Depan
Konsumen
nm_konsumen_depan Varchar 30
3. Nama
Belakang
Konsumen
nm_konsumen_belakang Varchar 30
4. NIK
Konsumen
nik_konsumen Varchar 20
5. Alamat KTP alamat_ktp Varchar 50
6. Alamat Surat alamat_surat Varchar 50
7. Nomor WA no_wa Varchar 14
8. Email Konsumen
email_konsumen Varchar 30
9. Password
Konsumen
pw_konsumen Varchar 50
10. Tanggal
Daftar
tgl_daftar Date
77
B. Spesifikasi File Booking
Nama File : Booking
Akronim : booking
Fungsi : Mengelola data booking rumah
Type File : file transaksi
Organisasi File : Indexed Sequential
Akses file : Random
Media File : Harddisk
Panjang record : 110 Byte
Kunci Field : kd_booking
Software : Xampp
Tabel IV.6.
Spesifikasi File Booking
No Element data Nama field Type Size Ket
1. Kode Booking kd_booking Varchar 5 Primary
Key
2. Kode konsumen kd_konsumen Varchar 5 Foreign
Key
3. Nama Depan
Konsumen
nm_konsumen_dep
an
Varchar 30
4. Nama Konsumen
Belakang
nm_konsumen_bel
akang
Varchar 30
5. Nomor Blok Rumah no_blokrumah Varchar 5 Foreign
Key
6. Luas bangunan luas_bangunan Int 5
7. Luas Tanah luas_tanah Int 5
8. Harga booking harga_booking Int 15
9. Tanggal Booking tgl_booking date
10. Status Booking status_booking Varchar 10
C. Spesifikasi File Produk
Nama File : Produk
Akronim : produk
78
Fungsi : Mengelola data produk rumah
Type File : File Master
Organisasi File : Indexed Sequential
Akses file : Random
Media File : Harddisk
Panjang Record : 83 Byte
Kunci Field : no_blokrumah
Software : Xampp
Tabel IV.7.
Spesifikasi File Produk
No Element data Nama field Type Size Ket
1. Nomor Blok Rumah no_blokrumah Varchar 3 Primary
Key
2. Luas Bangunan luas_bangunan Int 5
3. Luas Tanah luas_tanah Int 5
4. Harga Resmi harga_resmi Int 15
5. Harga Promo harga_promo Int 15
6. Harga Booking harga_booking Int 15
7. Harga_DP harga_dp Int 15
8. Status Rumah status_rumah Varchar 10
D. Spesifikasi File Pemberkasan
Nama File : Pemberkasan
Akronim : scan_pemberkasan
Fungsi : mengelolas data pemberkasan konsumen
Type File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media File : Harddisk
79
Panjang record : 670 Byte
Kunci Field : kd_pemberkasan
Software : Xampp
Tabel IV.8.
Spesifikasi File Pemberkasan
No Element data Nama field Type Size Ket
1. Kode Pemberkasan kd_pemberkasan Varchar 5 Primary
Key
2. Kode Konsumen kd_konsumen Varchar 5 Foreign
Key
3. Nama Depan
Konsumen
nm_konsumen_dep
an
Varchar 30
4. Nama Belakang
Konsumen
nm_belakang_kons
umen
Varchar 30
4. Pas Foto pas_foto Varchar 50
5. FC KTP fc_ktp Varchar 50
6. FC KK fc_kk Varchar 50
7. FC Surat Nikah fc_suratnikah Varchar 50
8. FC NPWP fc_npwp Varchar 50
9. FC SIUP fc_siup Varchar 50
10. NPWP Perusahaan npwp_perusahaan Varchar 50
11. ID card karyawan idcard_karyawan Varchar 50
12. SuKet Aktif Kerja suket_aktifkerja Varchar 50
13. Slip gaji slip_gaji Varchar 50
14. Rekening Listrik rekening_listrik Varchar 50
15. Suket BMR suket_bmr Varchar 50
E. Spesifikasi File Interview Bank
Nama File : Interview Bank
Akronim : interview_bank
Fungsi : Mengelola data jadwal interview dan hasil interview oleh bank
Type File : File Master
Organisasi File : Index Sequential
Akses File : Random
80
Media File : Harddisk
Panjang Record : 80 Byte
Kunci Field : kd_interview
Software : Xampp
Tabel IV.9.
Spesifikasi File Interview Bank
No Element data Nama field Type Size Ket
1. Kode Interview kd_interview Varchar 5 Primary
Key
2. Kode Konsumen kd_konsume Varchar 5 Foreign
Key
3. Nama Depan
Konsumen
nm_konsumen_dep
an
Varchar 30
4. Nama Belakang
Konsumen
nm_belakang_kons
umen
Varchar 30
5. Tanggal Interview tgl_interview date
6. Status Interview status_interview Varchar 10
F. Spesifikasi File DP
Nama File : Down Payment
Akronim : dp
Fungsi : Mengelola data pembayaran DP
Type File : File Transaksi
Orgasnisasi File : indexed sequential
Akses File : Random
Media File : Harddisk
Panjang record : 281 Byte
Kunci Field : kd_dp
Software : Xampp
81
Tabel IV.10.
Spesifikasi File DP
No Element data Nama field Type Size Ket
1. Kode DP kd_dp Varchar 5 Primary
Key
2. Kode konsumen kd_konsumen Varchar 5 Foreign
Key
3. Nama Depan
Konsumen
nm_konsumen_dep
an
Varchar 30
4 Nama belakang
Konsumen
nm_konsumen_bel
akng
Varchar 30
5. Biaya Dp biaya_dp Int 15
6. Kode angsuran ke-1 kd_angsuran1 Varchar 6
7. Nominal angsuran
ke-1
nominal1 Int 15
8. Tanggal Angsuran
ke-1
tgl_angsuran1 date
9. Status Angsuran ke-
1
st_angsuran1 Varchar 10
10. Kode angsuran ke-2 kd_angsuran2 Varchar 6
11. Nominal angsuran
ke-2
Nominal2 Int 15
12. Tanggal Angsuran
ke-2
tgl_angsuran2 date
13. Status Angsuran ke-
2
st_angsuran2 Varchar 10
14. Kode angsuran ke-3 kd_angsuran3 Varchar 6
15. Nominal angsuran
ke-3
nominal3 Int 15
16. Tanggal Angsuran
ke-3
tgl_angsuran3 date
17. Status Angsuran ke-
3
st_angsuran3 Varchar 10
18. Kode angsuran ke-4 kd_angsuran4 Varchar 6
19. Nominal angsuran
ke-4
nominal4 Int 15
20. Tanggal Angsuran
ke-4
tgl_angsuran4 date
21. Status Angsuran ke-
4
st_angsuran4 Varchar 10
22. Kode angsuran ke-5 kd_angsuran5 Varchar 6
23. Nominal angsuran
ke-5
nominal5 Int 15
24. Tanggal Angsuran
ke-5
tgl_angsuran5 date
82
25. Status Angsuran ke-
5
st_angsuran5 Varchar 10
26. Kode angsuran ke-6 kd_angsuran6 Varchar 6
27. Nominal angsuran
ke-6
nominal6 Int 15
28. Tanggal Angsuran
ke-6
tgl_angsuran6 date
29. Status Angsuran ke-
6
st_angsuran6 Varchar 10
30 Status Dp status_dp Varchar 10
G. Spesifikasi File Jadwal Akad
Nama File : Jadwal Akad
Akronim : jadwal_akad
Fungsi : Mengelola penjadwalan akad konsumen
Type File : File master
Organisasi File : Indexed Sequential
Akses File : Random
Media File : Harddisk
Panjang Record : 80 Byte
Kunci Field : kd_akad
Software : Xampp
Tabel IV.11.
Spesifikasi File Jadwal Akad
No Element data Nama field Type Size Ket
1. Kode akad kd_akad Varchar 5 Primary Key
2. Kode Konsumen kd_konsumen Varchar 5 Foreign
Key
3. Nama depan
konsumen
nm_konsumen_dep
an
Varchar 30
4. Nama belakang
konsumen
nm_konsumen_bel
akang
Varchar 30
83
5. Status DP status_dp Varchar 10
6. Jadwal akad jadwal_akad date
H. Spesifikasi File Laporan Pemasaran
Nama File : Laporan Pemasaran
Akronim : laporan_pemasaran
Fungsi : Untuk merekap hasil pemasaran bulanan
Type File : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media File : Harddisk
Panjang record : 70 Byte
Kunci Field : bulan_laporan
Software : Xampp
Tabel IV.12.
Spesifikasi File Laporan Pemasaran
No Element data Nama field Type Size Ket
1. Periode Bulan bulan_laporan Date Primary
Key
2. Total Konsumen total_konsumen Int 5
3. Total booking total_booking Int 5
4. Total Pemberkasan total_pemberkasan Int 5
5. Total interview total_interview Int 5
6. Total DP total_dp Int 5
7. Total Akad total_akad Int 5
8. Total Closing Unit
Rumah
total_close_rumah Int 5
9. Total Tersedia Unit
Rumah
total_available_ruma
h
Int 5
10. Total Biaya Booking
Masuk
total_biaya_booking Int 15
11. Total Biaya DP
Masuk
total_biaya_dp Int 15
84
I. Spesifikasi File Pengguna
Nama File : Pengguna
Akronim : pengguna
Fungsi : Mengelola data pengguna Administrator
Type File : File master
Organisasi File : Indexed Sequential
Akses File : Random
Media File : Harddisk
Panjang Record : 369 Byte
Kunci Field : nik
Software : Xampp
Tabel IV.13.
Spesifikasi File Pengguna
No Element data Nama field Type Size Ket
1. NIK nik Varchar 5 Primary
Key
2. Nama Karyawan nama_karyawan Varchar 30
3. Nomor WA
Karyawan
no_wa_karyawan Varchar 14
4. Foto foto Varchar 100
5. Jabatan jabatan Varchar 20
6. User Login user_login Varchar 100
7. Password password Varchar 100
J. Spesifikasi File Artikel
Nama File : Artikel
Akronim : artikel
Fungsi : Mengelola data artikel
Type File : File Master
Organisasi File : Indexed sequential
85
Akses File : Random
Media File : Harddisk
Panjang Record : 5,09 Kilobyte
Kunci Field : no_artikel
Software : Xampp
Tabel IV.14.
Spesifikasi File Artikel
No Element data Nama field Type Size Ket
1. Nomor Artikel no_artikel Varchar 3 Primary Key
2. Judul Artikel judul_artikel Varchar 50
3. Kategori kategori Varchar 30
4. Gambar Artikel gambar Varchar 100
5. Isi artikel isi_artikel Varchar 5000
6. Nama Karyawan nama_karyawan Varchar 30
7. Tanggal posting tgl_posting Date
86
4.2.4. Class Model / Class Diagram
konsumen
*kd_konsumen
nm_konsumen_depan
email_konsumen
pw_konsumen
tgl_daftar
nm_konsumen_belakang
nik_konsumen
alamat_ktp
alamat_surat
no_wa
booking
*kd_booking
kd_konsumen
nm_konsumen_depan
nm_konsumen_belakang
no_blokrumah
luas_bangunan
luas_tanah
harga_booking
tgl_booking
status_booking
Produk
*no_blokrumah
luas_bangunan
luas_tanah
harga_resmi
harga_promo
harga_dp
harga_booking
status_rumah
pemberkasan
*kd_pemberkasan
kd_konsumen
nm_konsumen_depan
nm_konsumen_belakang
pas_foto
fc_ktp
fc_kk
fc_suratnikah
fc_npwp
fc_siup
npwp_perusahaan
idcard_karyawan
suket_aktifkerja
slip_gaji
suket_bmr
rekening_listrik
interview_bank
*kd_interview
kd_konsumen
status_interview
nm_konsumen_depan
nm_konsumen_belakang
tgl_interview
dp
*kd_dp
kd_konsumen
st_angsuran6
nm_konsumen_depan
nm_konsumen_belakang
biaya_dp
kd_angsuran1
nominal1
tgl_angsuran1
st_angsuran1
kd_angsuran2
nominal2
tgl_angsuran2
st-angsuran2
kd_angsuran3
nominal3
tgl_angsruan3
st_angsuran3
kd_angsuran4
nominal4
tgl_angsuran4
st_angsuran4
kd_angsuran5
nominal5
tgl_angsuran5
st_angsuran5
kd_angsuran6
nominal6
tgl_angsuran6
status_dp
Akad
*kd_akad
kd_konsumen
nm_konsumen_depan
nm_konsumen_belakang
status_dp
jadwal_akad
laporan
*bulan_laporan
total_biaya_dp
total_booking
total_pemberkasan
total_interview
total_dp
total_akad
total_close_rumah
total_available_rumah
total_biaya_booking
total_konsumen
pengguna
*nik
nama_karyawan
no_wa_karyawan
foto
jabatan
user_login
password
artikel
*no_artikel
judul_artikel
tgl_posting
kategori
gambar
isi_artikel
nama_karyawan
0..*
1
1..*
1
0..*
1
M
simpan()
baca()
hapus()
tambah()
simpan()
tambah()
hapus()
baca()
simpan()
baca()
tambah()
hapus()getdata()
baca()
simpan()
hapus()
getdata()
tambah()
baca()
simpan()
tambah()
hapus()
getdata()
baca()
simpan()
tambah()
hapus()
getdata()
edit()
edit()
edit()
edit()
edit()
edit()
baca()
tambah()
edit()
hapus()
getdata()
simpan()
baca()
getdata()
sumdata()
countdata()
simpan()
ekspor()
baca()
tambah()
edit()
hapus()
getdata()
simpan()
baca()
tambah()
edit()
verifikasi()
hapus()
simpan()
0..*
11..*
11
1
1
1
1
1
0..*
1..*
1
0..*
0..*
0..*
0..*
0..*
0..*
0..*
0..*
0..*
0..*
Gambar IV.34.
Class Model/Class Diagram
87
4.2.5. Sequence Diagram
A. Sequence Diagram Konsumen
Konsumenmenu
promosi
1: read_menupromosi()
menu produk
menu tentang
kamisistemdaftar login
dashboard konsumen
1.1:getdata()
1.2:Tampilkan_menupromosi
5: read_menuproduk()
5.1:getdata()
5.2:Tampilkan_menuproduk()
2:pilih_daftar()
2.1:isiform()
2.2:simpandata()
3:login()
3.1:Validasi()
3.1.1:login_berhasil()
3.1.2:login_gagal()
4:pilih lengkapi_datadiri()
4.1:getdata()
4.2:tampilkan_datadiri()
4.3:isi_formdatadiri()
4.2:simpan_datadiri()
6: read_tentangkami()
6.1:getdata()
6.2:Tampilkan_tentangkami()
7: booking_produk()
7.1:getdata()
7.2:Tampilkan_halamanbooking()
7.3: isi_formbooking()
7.5:simpan_databooking()
8: baca_statusbooking()
8.1:getdata()
8.2:tampilkan_statusbooking()
9: baca_statusberkas()9.1:getdata()
9.2:tampilkan_statusberkas()
10: baca_statusinterview()
10.1:getdata()
10.2:tampilkan_statusinterview()
11: baca_statusdp()11.1:getdata()
11.2:tampilkan_statusdp()
12: baca_jadwalakad()
12.1:getdata()
12.2:tampilkan_jadwalakad()
Gambar IV.35
Sequence Diagram Konsumen
88
B. Sequence Diagram Dashboard Admin dan Manager
admin/manager
Dashboard admin sistem
1:pilih_datakonsumen()
1.1:getdata()
1.2:Tampil_datakonsumen()
1.3:edit_datakonsumen()
1.4:simpan_data()
1.5:tambah_datakonsumen()
1.6:simpan_data()
2:pilih_dataproduk()
2.1:getdata()
2.2:Tampil_dataproduk()
2.3:tambah_dataproduk()
2.4:simpan_data()
2.5:ubah_dataproduk()
2.6:simpan_data()
2.7:hapus_dataproduk()
2.6:simpan_data()
3:pilih_databooking()
3.1:getdata()
3.2:Tampil_databooking()
3.3:ubah_databooking()
3.4:simpan_data()
4:pilih_databerkas()
4.1:getdata()
4.2:Tampil_databberkas()
4.3:tambah_databerkas()
4.4:simpan_data()
4.5:hapus_databerkas()
4.7:ubah_databerkas()
4.6:simpan_data()
4.8:simpan_data()
Gambar IV.36
Sequence Diagram Dashboard Admin Bagian 1
89
admin/manager
Dashboard admin sistem
1:pilih_datainterview()
1.1:getdata()
1.2:Tampil_datainterview()
1.3:tambah_interview()
1.4:simpan_data()
1.5:hapus_interview()1.6:simpan_data()
1.7:ubah_interview()
1.8:simpan_data()
2:pilih_datadp()
2.1:getdata()
2.2:Tampil_datadp()
2.3:tambah_datadp()
2.4:simpan_data()
2.5:hapus_datadp()
2.6:simpan_data()
3.7:ubah_dataakad()
2.8:simpan_data()
3:pilih_dataakad()
3.1:getdata()
3.2:Tampil_dataakad()
3.3:tambah_dataakad()
3.5:hapus_dataakad()
3.4:simpan_data()
3.6:simpan_data()
3.8:simpan_data()
hanya bisa dilakukan oleh manager
4:pilih_dataadmin
4.1:getdata()
4.2:Tampil_dataakad()
4.3:tambah_admin()
4.8:simpan_data()
4.6:simpan_data()
4.4:simpan_data()
4.5:edit_admin()
4.7:hapus_admin()
1:pilih_menulaporan()
2:getdata()
3:tampilkan_laporan()
4: export_laporan()
5:ekspor_laporan()
6:tampil_link_download_laporan()
7:auto_download()
Gambar IV.37
Sequence Diagram Dashboard Admin II
90
4.2.6. Spesifikasi Hardware dan Software
Sebuah sistem dapat dinilai baik dan berhasil digunakan atau diterapkan
apabila dibantu dan didukung oleh sarana dan prasaran yang baik pula. Oleh sebab itu
peralatan pendukung yang digunakan harus sesuai dengan spesifikasi rancang sistem
yang diusulkan, untuk itu penulis menjelaskan perangkat komputer yang setidaknya
harus tersedia pada rancang sistem yang diusulkan, diantaranya yaitu :
A. Perangkat Keras ( Hardware )
Perangkat Keras ( Hardware ) merupakan keseluruhan komponen peralatan
yang membentuk suatu sistem komputer dan peralatan lainnya yang memungkinkan
komputer dapat berjalan sesuai dengan tugasnya, adapun perangkat keras yang
digunakan dalam sistem usulan yang dibuat adalah sebagai berikut :
1. Server
a. Processor : Intel(R) Celeron(R) CPU N3060 @1.60 GHZ
b. RAM : 2 GB
c. Local Disk : 360 GB
d. Monitor : Monitor Standar
e. Keyboard : Keyboard Standar (qwerty)
f. Mouse : Optical
2. Client
a. Processor : Intel(R) Celeron(R) CPU N3060 @1.60 GHZ
b. Monitor : Monitor dengan resolusi layar minimum 1024 x 768,
14 inch
c. Keyboard : Keyboard Standar (qwerty)
d. Mouse : Optical
91
e. Koneksi Internet : 3G, 4G
B. Perangkat Lunak ( Software )
Perangkat Lunak ( Software ) merupakan suatu rangkaian program yang
berfungsi menjalankan perangkat keras, mengolah data maupun mewujudkan
keinginan pemakai komputer untuk dapat mengetahui informasi dalam suatu proses
pengambilan keputusan. Adapun perangkat lunak yang digunakan dalam sistem usulan
yang dibuat adalah sebagai berikut :
1. Server
a. Sistem Operasi : Windows 7
b. Web Server : Apache
c. Web Browser : Google Chrome
d. Program desain web : Bootstrap
e. Program desain grafis : Photo Shop CC 2017
f. Bahasa Pemrograman : PHP, HTML, Javascript, CSS
g. Database : MySQL
h. Anti Virus : Microsoft Security Essential
i. Aplikasi Pendukung : Microsoft office 2016, Sublime Text 3
2. Client
a. Web Browser : Google Chrome
92
4.3. Jadwal Implementasi
Tabel IV.15.
Jadwal Implementasi Sistem
NO KEGIATAN
WAKTU
JANUARI FEBRUARI MARET
1 2 3 4 1 2 3 4 1 2 3 4
1 Pengumpulan Kebutuhan
2 Membangun Prototype
3 Evaluasi Prototype
4 Pengkodean Sistem
5 Menguji Sistem
6 Evaluasi Sistem
7 Menggunakan Sistem
Keterangan :
1. Pengumpulan Kebutuhan
Kegiatan pengumpulan kebutuhan untuk menganalisis setiap point-point apa saja
yang harus dipakai dan digunakan pada program web yang akan dibuat dan
merancang design program yang dilaksanakan pada minggu ke-1 sampai ke-3
bulan Januari 2020.
2. Membangun Prototype
Membuat contoh program untuk mempresentasikan ke jajaran direksi program
untuk penyesuaian apa yang dibutuhkan dalam program web pemasaran yang
dilaksanakan pada minggu ke-4 Januari sampai minggu ke-1 februari 20120.
93
3. Evaluasi Prototype
Mempresentasikan Prototype ke jajaran direksi.setelah itu mengevaluasi saran dan
masukan dari jajaran direksi untuk di implementasikan kedalam program yang
dilaksanakan pada minggu ke-2 bulan februari 2020.
4. Pengkodean Sistem
Pengkedoan keseluruhan dari prototype yang telah dipresentasikan yang
dilaksanakan pada minggu ke-3 sampai ke-4 bulan februari 2019.
5. Menguji Sistem
Pengujian sistem terhadap eror dan mempresentasikan kembali program yang telah
dibuat dengan full versinya ke jajaran direksi yang dilaksanakan pada minggu ke-
1 bulan maret 2020.
6. Evaluasi Sistem
Mengevaluasi saran dan masukan untuk perbaikan program yang dilaksanakan
pada minggu ke-2 bulan maret 2020.
7. Manggunakan Sistem
Mengimplementasikan langsung program dan mulai untuk dioperasikan yang
dilaksanakan pada minggu ke-3 bulan maret 2020.