30 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
4.2. Normalisasi
4.2.1 Bentuk Tidak Normal
Gambar 4.2 Bentuk Tidak Normal
4.2.2 Bentuk Normal Pertama
4.2.3 Bentuk Normal Kedua staf id_staf * id_grup ** nama_lengkap foto username Password status komplain id_komplain * id_nasabah ** id_departemen ** tgl_complain Complain status Komplain_respon Komplain_respon id_respon * id_komplain ** id_staf ** Respon tanggal id_respon * id_komplain ** id_staf ** Respon tanggal nasabah nasabah id_nasabah * Nama foto Alamat telpon email Status id_nasabah * Nama foto Alamat telpon email Status departeman id_departemen * nama_departemen keterangan status grup id_grup * nama_grup akses status
Gambar 4.4 Bentuk Normal Kedua
4.3. Relasi Antar Tabel
staf id_staf * id_grup ** nama_lengkap foto username Password status komplain id_komplain * id_nasabah ** id_departemen ** tgl_complain Complain status Komplain_respon Komplain_respon id_respon * id_komplain ** id_staf ** Respon tanggal id_respon * id_komplain ** id_staf ** Respon tanggal nasabah nasabah id_nasabah * Nama foto Alamat telpon email Status id_nasabah * Nama foto Alamat telpon email Status departeman id_departemen * nama_departemen keterangan status grup id_grup * nama_grup akses status
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 Tipe Data Lebar Keterangan Id_departemen Tinyint 4 Id departemen Nama_departemen Varchar 30 Nama departemen Keterangan Varchar 100 Keterangan departemen Status Tinyint 1 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 Tipe Data Lebar Keterangan
id_grup Int 11 Id grup
Nama_grup Varchar 20 Nama grup
akses Tinyint 1 Akses grup
status Tinyint 1 Status grup
4.4.3. Tabel komplain
Nama Tabel : komplain Kunci Tabel : id_komplain Tipe File : File transaksi
Tabel 4.3 komplain
Nama Field Tipe Data Lebar Keterangan Id_komplain Int 11 Id complain
Id_nasabah Int 11 Id nasabah
Tgl_complain date - Tgl komplain complain Tinytext - Isi komplain Id_departemen Tinyint 4 Id departemen Status Tinyint 1 Status komplain
4.4.4. 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 Tipe Data Lebar Keterangan
Id_respon Int 11 Id respon
Id_komplain Int 11 Id komplain Respon Mediumtext - Isi respon complain
Id_staf Int 11 Id staff
Tanggal datetime - Tanggal respon
komplain
4.4.5. Tabel nasabah
Nama Tabel : nasabah Kunci Tabel : id_nasabah Tipe File : File master
Kegunaan : Menyimpan data nasabah Tabel 4.5 nasabah
Nama Field Tipe Data Lebar Keterangan
Id_Nasabah Int 11 Id nasabah
Nama Varchar 50 Nama nasabah
Foto Varchar 50 Foto nasabah
Alamat Varchar 50 Alamat nasabah
Telpon Varchar 15 No telepon nasabah
Email Varchar 50 Email nasabah
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 Lebar Keterangan
Id_staf Int 11 Id staf
Nama_lengkap Varchar 50 Nama lengkap
Foto Varchar 110 Foto staff
Username Varchar 20 Username staff
Password Varchar 50 Password staff
Status Tinyint 1 Status staff
Id_grup Int 11 Id grup
4.5. Diagram Alir Data (DAD) 4.5.1. Identifikasi
Tabel 4.7 Identifikasi
Eksternal entity Input Output
Staff Data Nasabah
Data Komplain Respon Data Staff
Admin Data Nasabah Data Departemen Data Grup Data Staff
Data Komplain Respon
Lap. Nasabah Lap. Staff Lap. Komplain
Lap. Komplain Respon
Atasan Lap. Nasabah
Lap. Staff Lap. Komplain
Lap. Komplain Respon Nasabah Data Komplain Data Komplain Respon
4.5.2. Diagram Konteks
Gambar 4.6 Diagram Konteks
4.5.3. Diagram Berjenjang
4.5.4. DAD Level 0
4.6. Bagan Alir (FLOWCHART) 4.6.1. Bagan Alir Sistem
Gambar 4.9 Bagan Alir Sistem
4.6.2. Bagan Alir Program
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 :
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.
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.
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.
4.7.6. Perancangan Transaksi Replay save Nama nasabah 1 2 X(50) Komplain Respon Respon X 3 cancel 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 :
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.
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
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.
