BAB IV PERANCANGAN SISTEM...

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>>

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>>

<<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


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


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


tgl_interview

dp

kd_dpPK

kd_konsumenFK

st_angsuran6

nm_konsumen_depan


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


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


Kunci Field : kd_booking

Software : Xampp

Tabel IV.6.

Spesifikasi File Booking


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


Akses file : Random


Panjang Record : 83 Byte

Kunci Field : no_blokrumah

Software : Xampp

Tabel IV.7.

Spesifikasi File Produk


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


Organisasi File : Index Sequential

Akses File : Random


79


Kunci Field : kd_pemberkasan

Software : Xampp

Tabel IV.8.

Spesifikasi File Pemberkasan


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


Organisasi File : Index Sequential

Akses File : Random

80



Kunci Field : kd_interview

Software : Xampp

Tabel IV.9.

Spesifikasi File Interview Bank


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



Kunci Field : kd_dp

Software : Xampp

81

Tabel IV.10.

Spesifikasi File DP


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


11. Nominal angsuran

ke-2

Nominal2 Int 15

12. Tanggal Angsuran

ke-2

tgl_angsuran2 date


2




ke-3

nominal3 Int 15


ke-3

tgl_angsuran3 date


3




ke-4

nominal4 Int 15


ke-4

tgl_angsuran4 date


4




ke-5

nominal5 Int 15


ke-5

tgl_angsuran5 date

82


5




ke-6

nominal6 Int 15


ke-6

tgl_angsuran6 date


6


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


Akses File : Random



Kunci Field : kd_akad

Software : Xampp

Tabel IV.11.

Spesifikasi File Jadwal Akad


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


Akses File : Random



Kunci Field : bulan_laporan

Software : Xampp

Tabel IV.12.

Spesifikasi File Laporan Pemasaran


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


Akses File : Random



Kunci Field : nik

Software : Xampp

Tabel IV.13.

Spesifikasi File Pengguna


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


Organisasi File : Indexed sequential

85

Akses File : Random


Panjang Record : 5,09 Kilobyte

Kunci Field : no_artikel

Software : Xampp

Tabel IV.14.

Spesifikasi File Artikel


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


nik_konsumen

alamat_ktp

alamat_surat

no_wa

booking

*kd_booking

kd_konsumen

nm_konsumen_depan


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


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


tgl_interview

dp

*kd_dp

kd_konsumen

st_angsuran6

nm_konsumen_depan


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


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.

BAB IV PERANCANGAN SISTEM...

Documents

Transcript of BAB IV PERANCANGAN SISTEM...