BAB IV PERANCANGAN SISTEM 4.1. Perancangan Tampilan
Gambar 4.1 Perancangan Tampilan
Ket : a. Konten
: isi konten sesuai dengan pilihan menu
b. Staff
: memanggil konten staff
c. Grup
: memanggil konten grup
d. Departemen
: memanggil konten departemen
e. Nasabah
: memanggil konten nasabah
f. Inbox
: memanggil konten inbox
g. Outbox
: memanggil konten outbox
30
31
4.2. Normalisasi 4.2.1
Bentuk Tidak Normal
Gambar 4.2 Bentuk Tidak Normal
4.2.2
Bentuk Normal Pertama
Gambar 4.3 Bentuk Normal Pertama
32
4.2.3 Bentuk Normal Kedua departeman
komplain
id_departemen * nama_departemen keterangan status
id_komplain * id_nasabah ** id_departemen ** tgl_complain Complain status
Komplain_respon Komplain_respon id_respon * id_respon *** id_komplain id_komplain ** id_staf ** id_staf ** Respon Respon tanggal tanggal
nasabah nasabah id_nasabah * id_nasabah * Nama Nama foto foto Alamat Alamat telpon telpon email email Status Status
staf id_staf * id_grup ** nama_lengkap foto username Password status
grup id_grup * nama_grup akses status
Gambar 4.4 Bentuk Normal Kedua
4.3. Relasi Antar Tabel departeman id_departemen * nama_departemen keterangan status
Komplain_respon Komplain_respon id_respon * id_respon *** id_komplain id_komplain ** id_staf ** id_staf ** Respon Respon tanggal tanggal
komplain id_komplain * id_nasabah ** id_departemen ** tgl_complain Complain status
nasabah nasabah id_nasabah * id_nasabah * Nama Nama foto foto Alamat Alamat telpon telpon email email Status Status
staf id_staf * id_grup ** nama_lengkap foto username Password status
Gambar 4.5 Relasi Antar Tabel
grup id_grup * nama_grup akses status
33
4.4. KAMUS DATA TABEL 4.4.1. Tabel Departemen Nama Tabel
: departemen
Kunci Tabel
: id_departemen
Tipe File
: File Master
Kegunaan
: Menyimpan data departemen Tabel 4.1 departemen
Nama Field Id_departemen Nama_departemen Keterangan Status
Tipe Data Tinyint Varchar Varchar Tinyint
Lebar 4 30 100 1
Keterangan Id departemen Nama departemen Keterangan departemen Status departemen
4.4.2. Tabel Grup Nama Tabel
: grup
Kunci Tabel
: id_grup
Tipe File
: File Master
Kegunaan
: Menyimpan data grup Tabel 4.2 grup
Nama Field id_grup Nama_grup akses status 4.4.3.
Tipe Data Int Varchar Tinyint Tinyint
Lebar 11 20 1 1
Keterangan Id grup Nama grup Akses grup Status grup
Tabel komplain Nama Tabel
: komplain
Kunci Tabel
: id_komplain
Tipe File
: File transaksi
Kegunaan
: Menyimpan data komplain
34
Tabel 4.3 komplain Nama Field Id_komplain Id_nasabah Tgl_complain complain Id_departemen Status 4.4.4.
Tipe Data Int Int date Tinytext Tinyint Tinyint
Lebar 11 11 4 1
Keterangan Id complain Id nasabah Tgl komplain Isi komplain Id departemen Status komplain
Tabel komplain respon Nama Tabel
: complain_respon
Kunci Tabel
: id_respon
Tipe File
: File Transaksi
Kegunaan
: Menyimpan data respon komplain Tabel 4.4 komplain respon
Nama Field Id_respon Id_komplain Respon Id_staf Tanggal
4.4.5.
Tipe Data Int Int Mediumtext Int datetime
Lebar 11 11 11 -
Keterangan Id respon Id komplain Isi respon complain Id staff Tanggal respon komplain
Tabel nasabah Nama Tabel
: nasabah
Kunci Tabel
: id_nasabah
Tipe File
: File master
Kegunaan
: Menyimpan data nasabah Tabel 4.5 nasabah
Nama Field Id_Nasabah Nama Foto Alamat Telpon Email Status
Tipe Data Int Varchar Varchar Varchar Varchar Varchar Tinyint
Lebar 11 50 50 50 15 50 1
Keterangan Id nasabah Nama nasabah Foto nasabah Alamat nasabah No telepon nasabah Email nasabah Status nasabah
35
4.4.6.
Tabel staff Nama Tabel
: staf
Kunci Tabel
: id_staf
Tipe File
: File master
Kegunaan
: Menyimpan data staff Tabel 4.6 staff
Nama Field
Tipe Data
Id_staf Nama_lengkap Foto Username Password Status Id_grup
Int Varchar Varchar Varchar Varchar Tinyint Int
Lebar 11 50 110 20 50 1 11
Keterangan Id staf Nama lengkap Foto staff Username staff Password staff Status staff Id grup
4.5. Diagram Alir Data (DAD) 4.5.1. Identifikasi Tabel 4.7 Identifikasi Eksternal entity
Input
Staff
Data Nasabah Data Komplain Respon Data Staff
Admin
Data Nasabah Data Departemen Data Grup Data Staff Data Komplain Respon
Atasan
Nasabah
Output
Lap. Nasabah Lap. Staff Lap. Komplain Lap. Komplain Respon Lap. Nasabah Lap. Staff Lap. Komplain Lap. Komplain Respon
Data Komplain
Data Komplain Respon
36
4.5.2. Diagram Konteks
Gambar 4.6 Diagram Konteks
4.5.3.
Diagram Berjenjang
Gambar 4.7 Diagram Berjenjang
37
4.5.4.
DAD Level 0
Gambar 4.8 DAD Level 0
38
4.6. Bagan Alir (FLOWCHART) 4.6.1. Bagan Alir Sistem
Gambar 4.9 Bagan Alir Sistem
4.6.2. Bagan Alir Program
Gambar 4.10 Bagan Alir Program
39
4.7. Perancangan Input 4.7.1. Perancangan Login
Gambar 4.11 Perancangan Login Keterangan : X : Alphanumeric. (1) Diisi nama username. (2) Diisi dengan password user. (3) Digunakan untuk login. (4) Digunakan untuk Membatalkan. 4.7.2.
Perancangan Data Staf
Gambar 4.12 Perancangan Data staf Keterangan : X : Alphanumeric.
40
9 : Numeric (1) Diisi nama lengkap staff (2) Diisi username untuk login (3) Diisi password untuk login (4) Diambil foto untuk staff (5) Dipilih grup yang ada di database. (6) Dipilih status yang ada. (7) Digunakan untuk menyimpan data. (8) Digunakan untuk membatalkan. 4.7.3.
Perancangan Data Grup
Gambar 4.13 Perancangan Data grup
Keterangan : X : Alphanumeric. 9 : Numeric (1) Diisi nama grup (2) Dipilih akses yang ada. (3) Dipilih status yang ada. (4) Digunakan untuk menyimpan data. (5) Digunakan untuk membatalkan.
41
4.7.4.
Perancangan Data Departemen
Gambar 3.14 Perancangan Data departemen
Keterangan : X : Alphanumeric. 9 : Numeric (1) Diisi nama departemen (2) Diisi keterangan departemen (3) Dipilih status yang ada. (4) Digunakan untuk menyimpan data. (5) Digunakan untuk membatalkan.
42
4.7.5.
Perancangan Data Nasabah
Gambar 4.15 Perancangan Data nasabah Keterangan : X : Alphanumeric. 9 : Numeric (1) Diisi nama lengkap nasabah (2) Diisi alamat nasabah (3) Diisi nomor telepon nasabah (4) Diisi email nasabah (5) Dipilih status yang ada. (6) Digunakan untuk menyimpan data. (7) Digunakan untuk membatalkan.
43
4.7.6.
Perancangan Transaksi Replay Komplain Respon Nama nasabah
X(50)
1
Respon
X
2
save
cancel
3
4
Gambar 4.16 Perancangan Transaksi Replay Keterangan : X : Alphanumeric. (1) Nama nasabah akan muncul otomatis (2) Diisi respon yang ditanggapi terhadap keluhan nasabah (3) Digunakan untuk menyimpan data. (4) Digunakan untuk membatalkan. 4.8. Perancangan Output 4.8.1. Perancangan Output Staff
Gambar 4.17 Perancangan Output Staff Keterangan : X : Alphanumeric.
44
9 : Numeric 1. Digunakan untuk menambah data staf 2. Digunakan untuk mencari data staff 3. Digunakan untuk menyegarkan data staff 4. - 9. Diambil dari tabel staff. 10. Digunakan untuk mengolah data diantaranya D untuk melihat secara detail, E untuk mengedit data dan H untuk menghapus data. 4.8.2. Perancangan Output Nasabah
Gambar 4.18 Perancangan Output Nasabah
Keterangan : X : Alphanumeric. 9 : Numeric 1.
Digunakan untuk menambah data nasabah
2.
Digunakan untuk mencari data nasabah
3.
Digunakan untuk menyegarkan data nasabah
4.
- 9. Diambil dari tabel nasabah.
10. Digunakan untuk mengolah data diantaranya D untuk melihat secara detail, E untuk mengedit data dan H untuk menghapus data.
45
4.8.3. Perancangan Output Komplain
Gambar 4.19 Perancangan Output Komplain Keterangan : X : Alphanumeric. 9 : Numeric 1.
Digunakan untuk menambah data komplain
2.
Digunakan untuk mencari data komplain
3.
Digunakan untuk menyegarkan data komplain
4.
- 10. Diambil dari tabel komplain.
11. Digunakan untuk mengolah data diantaranya D untuk melihat secara detail, E untuk mengedit data dan H untuk menghapus data. 4.8.4. Perancangan Output Komplain Respon
Gambar 4.20 Perancangan Output Komplain Respon Keterangan : X : Alphanumeric. 9 : Numeric
46
1. Digunakan untuk menambah data komplain respon 2. Digunakan untuk mencari data komplain respon 3. Digunakan untuk menyegarkan data komplain respon 4. - 9. Diambil dari tabel komplain respon. 10. Digunakan untuk mengolah data diantaranya D untuk melihat secara detail, E untuk mengedit data dan H untuk menghapus data.
