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