Statechart Diagram Sequence Diagram Update Username dan Password

140

4.4.1.5 Statechart Diagram

Statechart diagram ini akan menunjukan keadaan-keadaan yang mungkin terjadi atau dialami oleh sebuah objek. Berikut ini penggambaran statechart diagram pada sistem informasi deposito mudharabah BPRS Wakalumi. 1. Statechart Diagram untuk usecase ͞input username dan password͟ menampilkan halaman login Membuka aplikasi menampilkan halaman home user Pilih ulangi login Input username dan password menampilkan pesan error Username dan password salah Gambar 4.42 Statechart diagram untuk Usecase “input username dan password” Tabel 4.22 Keterangan statechart diagram untuk usecase “input username dan password” Keadaan State Keterangan Menampilkan halaman login Kondisi saat user membuka aplikasi. Halaman utama user di tampilkan Kondisi saat user telah memasukkan username dan password. Menampilkan pesan error dan kembali ke halaman login. Kondisi jika username dan password yang dimasukkan salah. Keluar dari sistem Kondisi saat user telah memilih menu keluar. 141 2. Statechart diagram untuk Usecase “input pendaftaran” menampilkan halaman Home Menampilkan menu produk Akses website Memilih menu Produk Menampilkan Sub menu Deposito Memilih sub menu Deposito Keluar dari sistem Memilih keluar Menampilkan form pendaftaran Menampilkan konfirmasi pendaftaran Memilih Daftar Deposan Menyimpan data deposan Menampilkan hasil cetakan pendaftaran Memilih cetak data Gambar 4.43 Statechart diagram untuk Usecase “input pendaftaran” Tabel 4.23 Keterangan Statechart Diagram untuk Usecase “input pendaftaran” Keadaan State Keterangan Menampilkan halaman home Kondisi user mengakses website Menampilkan menu produk Kondisi user memilih menu Produk Menampilkan Sub Menu Deposito Kondisi saat user memilih sub menu deposito Menampilkan form pendaftaran Kondisi saat user ingin mendaftar Menampilkan konfirmasi pendaftaran Kondisi saat user melakukan pendaftaran Menampilkan hasil cetakan pendaftaran Kondisi saat user mencetak data diri Keluar dari sistem Kondisi saat user telah memilih menu keluar. 3. Statechart diagram untuk Usecase “validasi deposan” 142 menampilkan halaman Home user Menampilkan daftar nama deposan Login user Memilih menu validasi Data deposan baru tersimpan Memilih proses validasi Keluar dari sistem Memilih keluar Gambar 4.44 Statechart diagram untuk Usecase “validasi Deposan” Tabel 4.24 Keterangan Statechart Diagram untuk Usecase “validasi Deposan” Keadaan State Keterangan Menampilkan halaman home user Kondisi saat user melakukan login. Menampilkan daftar nama deposan Kondisi user memilih menu validasi Data deposan baru tersimpan Kondisi saat user melakukan proses validasi Keluar dari sistem Kondisi saat user telah memilih menu keluar. 4. Statechart diagram untuk Usecase “Lihat Data Deposan” 143 menampilkan halaman Home user Menampilkan tabel nama deposan Login user Pilih menu data deposan Keluar dari sistem Memilih keluar Gambar 4.45 Statechart diagram untuk Usecase “Lihat Data Deposan” Tabel 4.25 Keterangan Statechart Diagram untuk Usecase “Lihat Data Deposan” Keadaan State Keterangan Menampilkan halaman home user Kondisi saat user melakukan login. Menampilkan data seluruh deposan Kondisi user memilih menu lihat data deposan. Keluar dari sistem Kondisi saat user telah memilih menu keluar. 5. Statechart diagram untuk Usecase “Cari Data Deposan” 144 menampilkan halaman Home user Menampilkan daftar nama deposan Login user Memilih menu data deposan Menampilkan data yang dicari Mencari data deposan Keluar dari sistem Memilih keluar Gambar 4.46 Statechart diagram untuk Usecase “Cari Data Deposan” Tabel 4.26 Keterangan Statechart Diagram untuk Usecase “Cari Data Deposan” Keadaan State Keterangan Menampilkan halaman home user Kondisi saat user melakukan login. Menampilkan data seluruh deposan Kondisi user memilih menu lihat data deposan. Menampilkan data diri deposan yang dicari Kondisi saat user mencari data deposan Keluar dari sistem Kondisi saat user telah memilih menu keluar. 6. Statechart diagram untuk Usecase “update data diri” 145 menampilkan halaman Home user Menampilkan data diri deposan Login user Memilih menu profil Menampilkan form data diri deposan Mengubah data diri Keluar dari sistem Memilih keluar Data deposan baru tersimpan Menyimpan data diri baru Gambar 4.47 Statechart diagram untuk Usecase “update data diri” Tabel 4.27 Keterangan Statechart Diagram untuk Usecase “update data diri” Keadaan State Keterangan Menampilkan halaman home user Kondisi saat user melakukan login. Menampilkan data diri deposan Kondisi user memilih menu profil Menampilkan form data diri deposan Kondisi saat user mengubah data diri Data deposan baru tersimpan Kondisi saat user menyimpan data diri terbaru Keluar dari sistem Kondisi saat admin telah memilih menu keluar. 7. Statechart diagram untuk Usecase “info status deposito” 146 menampilkan halaman Home user Menampilkan tabel bagi hasil yang diterima deposan Login user Pilih menu status Keluar dari sistem Memilih keluar Gambar 4.48 Statechart diagram untuk Usecase “info status deposito” Tabel 4.28 Keterangan Statechart Diagram untuk Usecase “info status deposito” Keadaan State Keterangan Menampilkan halaman home user Kondisi saat user melakukan login. Menampilkan tabel bagi hasil yang diterima deposan Kondisi user memilih menu status Keluar dari sistem Kondisi saat user telah memilih menu keluar. 8. Statechart diagram untuk Usecase “transaksi penyetoran deposito” 147 menampilkan halaman Home user Menampilkan menu penyetoran Login user Memilih menu Penyetoran Data transaksi penyetoran tersimpan Validasi proses penyetoran Keluar dari sistem Memilih keluar Menampilkan hasil cetakan bilyet Mencetak bilyet deposito Gambar 4.49 Statechart diagram untuk Usecase “transaksi penyetoran deposito” Tabel 4.29 Keterangan Statechart Diagram untuk Usecase “transaksi penyetoran deposito” Keadaan State Keterangan Menampilkan halaman home user Kondisi saat user melakukan login. Menampilkan menu penyetoran Kondisi user memilih menu penyetoran Data transaksi penyetoran tersimpan Kondisi saat user melakukan proses validasi transaksi penyetoran Menampilkan hasil cetakan bilyet Kondisi saat user mencetak bilyet deposito Keluar dari sistem Kondisi saat user telah memilih menu keluar. 9. Statechart diagram untuk Usecase “manajemen data nisbah” 148 menampilkan halaman Home user Menampilkan seluruh data nisbah Login user Memilih menu data nisbah Menampilkan form input data nisbah Menambahkan data nisbah Keluar dari sistem Memilih keluar Data nisbah baru tersimpan Menyimpan data nisbah baru Gambar 4.50 Statechart diagram untuk Usecase “ manajemen data nisbah ” Tabel 4.30 Keterangan Statechart Diagram untuk Usecase “manajemen data nisbah ” Keadaan State Keterangan Menampilkan halaman home user Kondisi saat user melakukan login. Menampilkan seluruh data nisbah Kondisi user memilih menu data nisbah Menampilkan form input data nisbah Kondisi saat user menambah data nisbah Data nisbah baru tersimpan Kondisi saat user menyimpan data nisbah terbaru Keluar dari sistem Kondisi saat user telah memilih menu keluar. 10. Statechart diagram untuk Usecase “input hitung nisbah” 149 menampilkan halaman Home user Menampilkan seluruh data deposan Login user Memilih menu hitung nisbah Menampilkan form input hitung nisbah Menghitung nisbah deposan Keluar dari sistem Memilih keluar Data deposan baru tersimpan Menyimpan data deposan baru Gambar 4.51 Statechart diagram untuk Usecase “ input hitung nisbah ” Tabel 4.31 Keterangan Statechart Diagram untuk Usecase “input hitung nisbah” Keadaan State Keterangan Menampilkan halaman home user Kondisi saat user melakukan login. Menampilkan data deposan Kondisi user memilih menu hitung nisbah Menampilkan form input hitung nisbah Kondisi saat user menghitung nisbah deposan Data deposan baru tersimpan Kondisi saat user menyimpan data deposan terbaru Keluar dari sistem Kondisi saat user telah memilih menu keluar. 11. Statechart diagram untuk Usecase “transaksi pencairan deposito” 150 menampilkan halaman Home user Menampilkan menu pencairan Login user Memilih menu Pencairan Data transaksi pencairan tersimpan Validasi proses pencairan Keluar dari sistem Memilih keluar Menampilkan hasil cetakan bilyet Mencetak bilyet deposito Gambar 4.52 Statechart diagram untuk Usecase “transaksi pencairan deposito” Tabel 4.32 Keterangan Statechart Diagram untuk Usecase “transaksi pencairan deposito” Keadaan State Keterangan Menampilkan halaman home user Kondisi saat user melakukan login. Menampilkan menu pencairan Kondisi user memilih menu pencairan Data transaksi pencairan tersimpan Kondisi saat user melakukan proses validasi transaksi pencairan Menampilkan hasil cetakan bilyet Kondisi saat user mencetak bilyet deposito Keluar dari sistem Kondisi saat user telah memilih menu keluar. 12. Statechart diagram untuk Usecase “laporan data deposan” 151 menampilkan halaman Home user Menampilkan menu laporan deposan Login user Memilih menu laporan deposan Keluar dari sistem Memilih keluar Menampilkan grafik data deposan Memilih periode laporan Mengubah ke dalam Ms.excel Menampilkan tabel data deposan per periode Gambar 4.53 Statechart diagram untuk Usecase “Laporan Data Deposan” Tabel 4.33 Keterangan Statechart Diagram untuk Usecase “Laporan Data Deposan” Keadaan State Keterangan Menampilkan halaman home user Kondisi saat user melakukan login Menampilkan menu laporan deposan Kondisi user memilih menu laporan deposan Menampilkan grafik data deposan Kondisi user memilih periode laporan Menampilkan tabel data deposan Kondisi user mengubah format laporan Keluar dari sistem Kondisi saat user telah memilih menu keluar. 13. Statechart diagram untuk Usecase “laporan data nisbah” 152 menampilkan halaman Home user Menampilkan menu laporan nisbah Login user Memilih menu laporan nisbah Keluar dari sistem Memilih keluar Menampilkan grafik data nisbah Memilih periode laporan Mengubah ke dalam Ms.excel Menampilkan tabel data nisbah per periode Gambar 4.54 Statechart diagram untuk Usecase “Laporan Data Nisbah” Tabel 4.34 Keterangan Statechart Diagram untuk Usecase “Laporan Data Nisbah” Keadaan State Keterangan Menampilkan halaman home user Kondisi saat user melakukan login Menampilkan menu laporan nisbah Kondisi user memilih menu laporan nisbah Menampilkan grafik data nisbah Kondisi user memilih periode laporan Menampilkan tabel data nisbah Kondisi user mengubah format laporan Keluar dari sistem Kondisi saat user telah memilih menu keluar 14. Statechart diagram untuk Usecase “laporan transaksi penyetoran” 153 menampilkan halaman Home user Menampilkan menu laporan penyetoran Login user Memilih menu laporan penyetoran Keluar dari sistem Memilih keluar Menampilkan grafik data penyetoran Memilih periode laporan Mengubah ke dalam Ms.excel Menampilkan tabel data penyetoran per periode Gambar 4.55 Statechart diagram untuk Usecase “ laporan transaksi penyetoran ” Tabel 4.35 Keterangan Statechart Diagram untuk Usecase “laporan transaksi penyetoran” Keadaan State Keterangan Menampilkan halaman home user Kondisi saat user melakukan login Menampilkan menu laporan penyetoran Kondisi user memilih menu laporan data penyetoran Menampilkan grafik data penyetoran Kondisi user memilih periode laporan Menampilkan tabel data penyetoran Kondisi user mengubah format laporan Keluar dari sistem Kondisi saat user telah memilih menu keluar. 15. Statechart diagram untuk Usecase “laporan transaksi pencairan” 154 menampilkan halaman Home user Menampilkan menu laporan deposan Login user Memilih menu laporan deposan Keluar dari sistem Memilih keluar Menampilkan grafik data deposan Memilih periode laporan Mengubah ke dalam Ms.excel Menampilkan tabel data deposan per periode Gambar 4.56 Statechart diagram untuk Usecase “ laporan transaksi pencairan ” Tabel 4.36 Keterangan Statechart Diagram untuk Usecase “laporan transaksi pencairan” Keadaan State Keterangan Menampilkan halaman home user Kondisi saat user melakukan login Menampilkan menu laporan pencairan Kondisi user memilih menu laporan pencairan Menampilkan grafik data pencairan Kondisi user memilih periode laporan Menampilkan tabel data pencairan Kondisi user mengubah format laporan Keluar dari sistem Kondisi saat user telah memilih menu keluar. 16. Statechart diagram untuk Usecase “manajemen user” 155 menampilkan halaman Home user Menampilkan seluruh data user Login user Memilih menu user Menampilkan form input data user Menambahkan data user Keluar dari sistem Memilih keluar Data user baru tersimpan Menyimpan data user baru Gambar 4.57 Statechart diagram untuk Usecase “ manajemen user ” Tabel 4.37 Keterangan Statechart Diagram untuk Usecase “manajemen user” Keadaan State Keterangan Menampilkan halaman home user Kondisi saat user melakukan login. Menampilkan data user Kondisi user memilih menu user Menampilkan form input data user Kondisi saat user menambahkan user Data user baru tersimpan Kondisi saat user menyimpan data user terbaru Keluar dari sistem Kondisi saat user telah memilih menu keluar. 17. Statechart diagram untuk Usecase “update username dan password” 156 menampilkan halaman Home user Menampilkan form username dan password Login user Mengubah username dan password Keluar dari sistem Memilih keluar Data user baru tersimpan Menyimpan data diri baru Gambar 4.58 Statechart diagram untuk Usecase “ update username dan password ” Tabel 4.38 Keterangan Statechart Diagram untuk Usecase “update username dan password” Keadaan State Keterangan Menampilkan halaman home user Kondisi saat user melakukan login. Menampilkan form username dan password Kondisi user mengubah username dan password Data user baru tersimpan Kondisi saat user menyimpan data diri terbaru Keluar dari sistem Kondisi saat user telah memilih menu keluar 157

4.4.2 Database Design

1. Tabel user

Nama Tabel : user Type File : Master Primary Key : id_user Foreign Key : - Tabel 4.39 Tabel database user Nama Field Tipe Data Ukuran Keterangan id_user int 11 Nomor ID user username varchar 30 Nama pengguna password varchar 30 Kata kunci pengguna level varchar 30 Level pengguna

2. Tabel deposan

Nama Tabel : deposan Type File : Master Primary Key : id_deposan Foreign Key : - Tabel 4.40 Tabel database deposan Nama Field Tipe Data Ukuran Keterangan id_deposan varchar 5 id deposan nama_deposan varchar 30 Nama lengkap deposan nama_panggilan varchar 10 Nama panggilan deposan nama_ibu_kandung varchar 20 Nama ibu kandung deposan tempat_lahir varchar 20 Tempat lahir deposan