Use case Logout Tabel 4.12

events 2. Input username dan password 3. Cek username dan password. 4. Menampilkan halaman Home. 5. Memilih menu “Ganti Password”. 6. Menampilkan form Ganti Password. 7. Input form. 8. Klik “Simpan” sebagai tanda penginputan pesan. 9. Menampilkan form Ganti Password dan menampilkan pesan konfirmasi pesan penginput data. 10.Memilih “OK Batal”. 11.Menghubungkan dengan database user. 12. Menampilkan halaman Ganti Password. 13. Logout Alternate courses 3. Jika username dan password salah maka user harus input username dan password kembali. Conclusion Password berhasil diupdate. Post condition Data disimpan didalam data user.

9. Use case Logout Tabel 4.12

Narasi Use case Logout Use case Name Logout Use case Id 9 Actor Back Office, Customer Service, Teller, dan Manager Description Use case ini memungkinkan seorang Back Office Customer Service, teller, dan Manager untuk keluar dari sistem. Pre condition User Back Office, Customer Service, Teller, dan Manager membuka aplikasi tabunganku. Trigger Use case ini dilakukan ketika Back Office, Customer Service, Teller, dan Manager ingin keluar dari sistem Typical course of events Actor Action System response 1. Login 2. Input username dan password 3. cek username dan password 4. Menampilkan halaman nasabah atau user 5. Logout Alternate courses 3. Jika username dan password salah maka nasabah harus input username dan password kembali. Conclusion - User Sistem Buka Aplikasi Tampilkan Halaman Login Input Username Password Tampilkan Halaman User Tampilkan Alert Halaman User Salah Benar Post condition Halaman sistem akan ditampilkan ketika user Logout.

4.3.1.2 Activty Diagram

Activity Diagram menggambarkan aktifitas – aktifitas yang terjadi dalam Sistem Informasi Administrasi Penyimpanan Dana Nasabah Rekening TabunganKu pada Bank Muamalat Cabang Puri Indah. 1. Activity Diagram Login User Gambar 4.6 Activity Diagram Login User Aktifitas pada gambar 4.6 ini menjelaskan aktifitas yang dapat dilakukan oleh user yang terdiri dari Back office, Customer Service, teller dan Manager. User dapat melakukan Login sesuai dengan tugasnya. Aktivitas ini dimulai dengan membuka membuka aplikasi kemudian akan menampilkan halaman form Login dan mengisi form Login dengan account yang mereka miliki, form tersebut mengharuskan user untuk menginput username dan password yang dimiliki. Lalu user dapat menekan tombol Login, jika username dan password yang diisi salah atau tidak lengkap maka sistem akan menampilkan peringatan dan user tidak dapat memasuki sistem, maka user harus mengulanginya ke proses awal. Customer Service Sistem Pilih Input Data Nasabah Tampilkan Halaman Input Data Nasabah Lihat Data Pilih Manipulasi Data Create Read Update Delete Search Tampilkan Halaman Form Manipulasi Data Input Data Tampilkan Alert Tampilkan Hasil Manipulasi Data Simpan Data Tampilkan Data Lihat Data Halaman Input Data Nasabah Lengkap Batal Update Search Read Tidak Lengkap Create Update Delete 2. Activity Diagram untuk Manajemen Nasabah customer service Gambar 4.7 Activity Diagram untuk Manajemen Nasabah Customer Service Aktifitas pada gambar 4.7 Menjelaskan aktifitas yang dapat dilakukan oleh Customer Service. Customer Service melakukan manajemen nasabah yaitu dengan memilih input data nasabah kemudian akan menampilkan halaman input data nasabah, setelah itu melihat data dan memilih menu manipulasi data, diantaranya membuat data nasabah, melihat data nasabah, memperbaharui data nasabah, menghapus data nasabah, dan mencari data nasabah. Jika memilih salah satu yang disebutkan tadi, akan menampilkan halaman dan form manipulasi data. Jika memilih menghapus data maka sistem akan menampilkan halaman dan form data nasabah, kemudian jika ingin membuat atau memperbaharui data nasabah maka customer service harus memilih input data nasabah atau edit data nasabah dan menginput data yang dibutuhkan, setelah itu jika data tidak lengkap, sistem akan menampilkan peringatan, jika data lengkap, sistem akan menampilkan halaman dan dan form manipulasi data, jika ingin disimpan data akan terhubung dengan database, kemudian jika memilih pencarian data atau melihat data, maka sistem akan menampilkan data. Setelah itu customer service akan kembali kepada halaman input data nasabah dan jika tidak ingin disimpan maka sistem akan mengembalikan kepada halaman data nasabah. Manager Sistem Pilih Input Data Nasabah Tampilkan Halaman Input Data Nasabah Lihat Data Detail Tampilkan Detail Data Nasabah Lihat Detail Data Nasabah b. Activity Diagram untuk Manajemen Nasabah Manager Gambar 4.8 Activity Diagram Manajemen Nasabah Manager Aktifitas pada gambar 4.8 menjelaskan aktifitas yang dapat dilakukan oleh Manager. Manager melakukan manajemen nasabah yaitu dengan memilih input data nasabah kemudian akan menampilkan halaman input data nasabah, setelah itu memilih lihat data secara detail kemudian sistem akan menampilkan detail data Customer Service Sistem Pilih Pembukaan Rekening Lihat Data Create Read Update Delete Search Print Input Data Simpan Data Tampilkan Data Lihat Data Klik Print Proses Print Tampilkan Halaman Pembukaan Rekening Pilih Manipulas Data Create Update Delete Tampilkan Halaman Form Manipulasi Data Tidak Lengkap Tampilkan Alert Lengkap Tampilkan Hasil Manipulasi Data Batal Update Search Read Print Print Tidak Print Halaman Pembuatan Rekening nasabah. Setelah itu manager kembali kepada lihat detail data nasabah. 3. Activity Diagram Manajemen Pembukaan Rekening a. Activity Diagram Manajemen Pembukaan Rekening Customer Service Gambar 4.9 Activity Diagram Manajemen Pembukaan Rekening Nasabah Customer Service Aktifitas pada gambar 4.9 Menjelaskan aktifitas yang dapat dilakukan oleh Customer Service. Customer Service melakukan manajemen pembukaan rekening yaitu dengan memilih pembukaan rekening kemudian akan menampilkan halaman pembukaan rekening, setelah itu melihat data dan memilih menu manipulasi data, diantaranya membuat, melihat data, memperbaharui data, menghapus data, mencari data, dan print mencetak kartu pembukaan rekening. Jika memilih menghapus data maka sistem akan menampilkan alert kemudian kembali ke halaman pembukaan rekening, jika memilih membuat atau memperbaharui data, maka sistem akan menampilkan halaman dan form manipulasi data, setelah itu input data, apabila data tidak lengkap sistem akan mengembalikan kepada input data dan apabila lengkap, maka sistem menampilkan hasil manipulasi data, kemudian data disimpan dan akan kembali kepada halaman data pembukaan rekening, apabila tidak disimpan maka akan akan kembali kepada halaman pembukaan rekening. kemudian apabila ingin melihat data, maka sistem akan menampilkan data setelah itu kembali pilih data dan akan dikembalikan kepada halaman data pembukaan rekening. Setelah itu jika ingin melakukan pencarian data maka sistem akan menampilkan data kemudian melihat data tersebut. Apabila ingin mencetak data pembukaan rekening, lihat data kemudian klik print maka akan dilakukan proses pencetakan kartu Manager Sistem Lihat Data Detail Tampilkan Data Pembukaan Rekening Pilih Pembukaan Rekening Tampikanl Detail Data Pembukaan Rekening Lihat Detail Data Pembukaan Rekening pembukaan rekening,setelah itu kembali kepada halaman pembukaan rekening, dan jika tidak pun kembali kepada halaman pembukaan rekening. b. Activity Diagram Manajemen pembukaan rekening Manager Gambar 4.10 Activity Diagram Manajemen Pembukaan Rekening Nasabah Manager Teller Update Lihat Data Update Search Print Simpan Data Tampilkan Data Lihat Data Klik Print Proses Print Batal Update Print Update Pilih Pembay aran Rekening Tampilkan Halaman Pembayaran Rekening Pilih Manipulasi Data Search Print Tampilkan Halaman Form Manipulasi Data Melakukan Perubahan Data Tidak Print Halaman Pembay aran Rekening Aktifitas pada gambar 4.10 menjelaskan aktifitas yang dapat dilakukan oleh Manager. Manager melakukan manajemen nasabah yaitu dengan memilih pembukaan rekening kemudian akan menampilkan data pembukaan rekeninhg, setelah itu memilih lihat data secara detail kemudian sistem akan menampilkan detail data pembukaan rekening. Setelah itu manager kembali ke lihat detail data pembukaan rekening. 4. Activity Diagram Manajemen Pembayaran a. Activity Diagram Manajemen PembayaranTeller Gambar 4.11 Activity Diagram Manajemen Pembayaran Teller Aktifitas pada gambar 4.11 Menjelaskan aktifitas yang dapat dilakukan oleh Teller. Teller melakukan manajemen pembayaran yaitu dengan memilih pembayaran rekening kemudian akan menampilkan halaman pembayaran rekening, setelah itu melihat data dan memilih menu manipulasi data, diantaranya memperbaharui data bayar, mencari data, print mencetak buku tabungan, maka sistem akan menampilkan halaman dan form manipulasi data. Jika memilih melakukan perubahan data pembayaran maka sistem akan menyimpan data, apabila tidak maka akan kembali kepada halaman pembayaran rekening. Setelah itu jika ingin melakukan pencarian data maka sistem akan menampilkan data dan melihat data tersebut. Apabila ingin mencetak buku tabungan print, maka sistem akan melakukan proses pencetakan, jika tidak maka akan kembali kepada halaman pembayaran rekening. Manager Sistem Lihat Data Detail Pilih Pembayaran Rekening Tampilkan Halaman Pembayaran Tampilkan Detail Data Pembayaran Lihat Detail Data Pembayaran b. Activity Diagram Manajemen Pembayaran Manager Gambar 4.12 Activity Diagram Manajemen Pembayaran Manager Aktifitas pada gambar 4.12 menjelaskan aktifitas yang dapat dilakukan oleh Manager. Manager melakukan manajemen pembayarn yaitu dengan memilih pembayaran rekening kemudian akan menampilkan data pembayaran rekeninhg, setelah itu memilih lihat data secara detail kemudian sistem akan menampilkan detail data pembayaran rekening. Setelah itu manager kembali ke lihat detail data pembayaran. Customer Service Sistem Lihat Data Update Delete Search Simpan Data Update Tampilkan Data Lihat Data Batal Pilih Penutupan Rekening Tampilkan Halaman Penutupan Rekening Pilih Manipulasi Data Update Delete Search Tampilkan Halaman Form Manipulasi Data Halaman Penutupan Rekekning Melakukan Perubahan Data 5. Activity Diagram Manajemen Penutupan Rekening a. Activity Diagram Manajemen Penutupan Rekening Customer Sevice Gambar 4.13 Activity Diagram Manajemen Penutupan Rekening Customer Service Aktifitas pada gambar 4.13 menjelaskan aktifitas yang dapat dilakukan oleh Customer Service. Customer Service melakukan manajemen penutupan rekening yaitu dengan memilih penutupan rekening kemudian akan menampilkan halaman penutupan rekening, setelah itu melihat data dan memilih menu manipulasi data, diantaranya memperbaharui data tutup rekening, menghapus data, melakukan pencarian data, maka sistem akan menampilkan halaman dan form manipulasi data. Jika memilih melakukan perubahan data tutup rekening maka sistem akan menyimpan data, apabila tidak maka akan kembali kepada halaman penutupan rekening. Setelah itu jika ingin melakukan pencarian data maka sistem akan menampilkan data dan melihat data tersebut. Setelah itu akan kembali kepada halaman penutupan rekening rekening. Manager Sistem Lihat data Detail Pilih Penutupan Rekening Tampilkan Halaman Penutupan Rekening Tampilkan detail Data Lihat Detail Data Penutupan Rekening b. Activity Diagram Manajemen Penutupan Rekening Manager Gambar 4.14 Activity Diagram Manajemen Penutupan Rekening Manager Aktifitas pada gambar 4.14 menjelaskan aktifitas yang dapat dilakukan oleh Manager. Manager melakukan manajemen penutupan rekening yaitu dengan memilih penutupan rekening kemudian sistem akan menampilkan halaman penutupan rekeninhg, setelah itu memilih lihat data secara detail kemudian sistem akan menampilkan detail data pembayaran rekening. Setelah itu manager kembali ke lihat detail data penutupan rekening. Back Office Sistem Lihat Data Create Read Update Delete Input Data Simpan Data Pilih Input Data User Taampilkan Halaman Input Data User Pilih Manipulasi Data Create Update Delete Tampilkan Alert Tidak Lengkap Tampilkan Halaman Form Manipulasi Data Lengkap Tampilkan Hasil Manipulasi Data Tampilkan Data Read Update Lihat Data Halaman Input Data User Batal 6. Activity Diagram Manajemen User Back Office Gambar 4.15 Activity Diagram Manajemen User Back Office Aktifitas pada gambar 4.15 menjelaskan aktifitas yang dapat dilakukan oleh Back Office. Back Office melakukan manajemen User yaitu dengan memilih input data user kemudian sistem akan menampilkan halaman inpu data user, setelah itu melihat data dan memilih menu manipulasi data, diantaranya membuat data, melihat data, memperbaharui data, dan menghapus data. Jika memilih membuat data baru maka sistem akan menampilkan halaman dan form manipulasi data, setelah itu input data, apabila data lengkap maka akan menampilkan hasil manipulasi data, jika data tidak lengkap akan kembali kepada input data. Apabila lengkap dan ingin melakukan penyimpanan maka akan tersimpan, setelah itu akan kembali kepada halaman input data user, jika tidak ingin disimpan pun akan kembali kepada halaman input data user. Kemudian apabila ingin melihat data maka sistem akan menampilkan data setelah itu kembali kepada halaman input data user. Back Office Sistem Pilih Cetak Laporan Pilih Data Laporan Buka Rekening Nasabaah Pembayaran Tutup Rkekning Tampilkan Halalamn Cetak Laporan Tampilkan Data Yang Dipilih Lihat Data Cetak Laporan Proses Print Halaman Cetak Laporan Tidak Print Print 7. Activity Diagram Manajemen Laporan Back Office Gambar 4.16 Activity Diagram Manajemen Laporan Back Office Aktifitas pada gambar 4.16 menjelaskan aktifitas yang dapat dilakukan oleh Back Office. Back Office melakukan manajemen laporan yaitu dengan memilih cetak laporan kemudian sistem akan menampilkan halaman cetak laporan, setelah itu memilih data User Sistem Pilih Ganti Password Tampilkan Form Ganti Password Input Data Menampilkan Alert Halaman Login Halaman Login Lengkap Tidak Lengkap Tampilkan Alert laporan, diantaranya pembukaan rekening, nasabah, pembayaran , penutupan rekening, dan menghapus data. Setelah itu sistem akan menampilkan data yang dipilih, kemudian lihat data dan mencetak laporan maka sistem akan melakukan proses pencetakan laporan, jika tidak melakukan pencetakan maka kembali kepada halaman cetak laporan. 8. Activity Diagram Ganti Pasword User Gambar 4.17 Activity Diagram Ganti Password User Aktivitas pada gambar 4.17 menjelaskan aktivitas yang dapat dilakukan user Back Office, Customer Service, Teller, dan Manager. User Melakukan ganti password yaitu dengan memilih User Sistem Pilih Logout Tampilkan Login Alert Halaman Login Tidak Berhasil Berhasil ganti password, maka sistem akan menampilkan form ganti password. Kemudian input data, jika data tidak lengkap maka sistem akan menampilkan alert dan kembali kepada input data. Apabila data lengkap maka sistem akan menampilkan alert dan halaman login 9. Activity Diagram Logout User Gambar 4.18 Activity Diagram Logout User Aktivitas pada gambar 4.18 menjelaskan aktivitas yang dapat dilakukan user Back Office, Customer Service, Teller, dan Manager. User Melakukan Logout yaitu dengan memilih logout, User User input username password username password username password salah cek data username password alert error username password cek data username password username password benar menampilkan halaman user Login Jika berhasil maka akan menampilkan halaman login dan alert, apabila tidak berhasil, silahkan kembali pilih logout.

4.3.1.3 Sequence Diagram

Pada diagram sekuensial atau sequence diagram ini akan menggambarkan perilaku aktor dengan objek yang berkaitan serta message pesan yang akan disampaikan. Sequence diagram pada sistem informasi administrasi penyimpanan dana nasabah rekening tabunganku di antaranya sebagai berikut: 1. Sequence Diagram Login User Gambar 4.19 Sequence Diagram Login User Sequence diagram login ini dilakukan oleh 5 aktor Customer Service, Teller, Back Office, dan Manager. Aktor yang ingin melakukan login harus melakukan input username dan password pada antarmuka form login yang ditampilkan. Sistem akan memproses username dan password yang dimasukan. Sistem akan melakukan pengecekan pada database User. Jika sistem tidak menemukan username dan password yang dimasukan maka antarmuka sistem akan menampilkan pesan username dan password yang dimasukan tidak benar, namun bila sistem menemukan username dan password pada database maka sistem akan memproses masuk kedalam antarmuka yang di tuju dan akan menampilkannya . Customer Service Nasabah Pilih menu Nasabah Panggil database menampilkan database menampilkan hal. data nasabah menamampilkan list data nasabah pilih tambah data menampilkan form tambah data input data cek kelengkapan tampil alert data tidak lengkap pilih edit data tampil form edit data edit data cek kelengkapan tampil alert data tidak lengkap pilih hapus data proses hapus tampil alert hapus data pilih search data tampil data proses cari tampil hal. data nasabah menampilkan list data nasabah Manajemen nasabah Provinsi Kota Penghasilan Panggil database menampilkan database panggil database menampilkan database panggil database menampilkan database Sumber_dana panggil database menampilkan database Panggil simpan database menampilkan database Panggil database menampilkan database panggil database menampilkan database panggil database menampilkan database panggil database menampilkan database 2. Sequence Diagram Manajemen Nasabah a. Sequence Diagram Manajemen Nasabah Customer Service Gambar 4.20 Sequence Diagram Manajemen Nasabah Customer Service Customer Service dapat melakukan proses manajemen Nasabah. Pertama Customer service lakukan adalah memilih menu nasabah yang ingin Customer service manajemen pada antarmuka sistem yang ditampilkan. Sistem akan menampilkan antarmuka yang di pilih oleh Customer service dengan sebelumnya sistem akan melakukan proses pemanggilan database yang ada pada database nasabah. Data yang ditampilkan pada antarmuka sistem disajikan dalam list data. Saat data ditampilkan pada antarmuka Customer service dapat melakukan pembuatan data baru atau merubah data yang telah ada. Jika Customer service melakukan penambahan atau perubahan data, maka sistem akan menampilkan antarmuka form untuk Customer service dapat melakukan input data dalam form yang ditampilkan pada antarmuka sistem. Sistem akan melakukan pengecekan kepada data yang telah dimasukan oleh Customer service. Jika data yang dimasukan tidak lengkap maka antarmuka sistem akan menampilkan alert data tidak lengkap dan menampilkan form kembali untuk Customer service dapat melakukan input data kembali. Customer service juga dapat melakukan penghapusan data yang sudah ada. Jika ingin menghapus data, maka Customer service harus memilih hapus data, kemudian sistem akan menampilkan antarmuka alert hapus data untuk lebih meyakinkan apakah data ingin dihapus. Customer service juga dapat melakukan pencarian data, Jika ingin melakukan Manager Nasabah pilih menu nasabah menampilkan form data nasabah menampilkan list data nasabah pilih detail menampilkan detail data nasabah Manajemen nasabah Provinsi Kota Penghasilan Sumber_dana Panggil database menampilkan database Panggil database menampilkan database panggil database menampilkan database panggil database menampilkan database panggil database menampilkan database Panggil database menampilkan database Panggil database menampilkan database panggil database menampilkan database panggil database menampilkan database panggil database menampilkan database pencarian data, maka Customer Service dapat melakukan pemilihan data yang ingin dicari setelah itu sistem akan menampilkan antarmuka hasil pencarian data. Data yang di buat baru, dilakukan perubahan dan di hapus Customer service akan di proses sistem untuk dapat tersimpan dalam database nasabah. Kemudian antarmuka sistem akan menampilkan halaman nasabah dan list data. b. Sequence Diagram Manajemen Nasabah Manager Gambar 4.21 Sequence Diagram Manajemen Nasabah Manager Manager dapat melakukan proses manajemen Nasabah. Pertama Manager lakukan adalah memilih menu nasabah yang ingin manager manajemen pada antarmuka sistem yang ditampilkan. Sistem akan menampilkan antarmuka yang di pilih oleh Manager dengan sebelumnya sistem akan melakukan proses pemanggilan database yang ada pada database nasabah. Data yang ditampilkan pada antarmuka sistem disajikan dalam list data. Saat data ditampilkan pada antarmuka Manager hanya dapat melihat data yang telah ada. Jika Manager ingin melihat data nasabah maka sistem akan menampilkan antarmuka detail data nasabah.. Kemudian antarmuka sistem akan menampilkan halaman nasabah dan list data. Customer Service Rekening Pilih menu Pembukaan rekening Panggil database menampilkan database menampilkan hal. pembukaan rekening menamampilkan list data rekening pilih tambah data menampilkan form tambah data input data cek kelengkapan tampil alert data tidak lengkap pilih edit data tampil form edit data edit data cek kelengkapan tampil alert data tidak lengkap pilih hapus data proses hapus tampil alert hapus data input search data tampil data proses cari panggil simpan database menampilkan databse tampil hal. data rekening menampilkan list data rekening pilih print tampil data proses print Manajemen Pembukaan rekening Tujuan_buka Nasabah panggil database menampilkan database panggil simpan database menampilkan database panggil database menampilkan database panggil simpan database menampilkan database 3. Sequence Diagram Manajemen Pembukaan Rekening a. Sequence Diagram Manajemen Pembukaan Rekening Customer Service Gambar 4.22 Sequence Diagram Manajemen Pembukaan Rekening Customer Service Customer Service dapat melakukan proses manajemen pembukaan rekening. Pertama Customer service lakukan adalah memilih menu pembukaan rekening yang ingin Customer service manajemen pada antarmuka sistem yang ditampilkan. Sistem akan menampilkan antarmuka yang di pilih oleh Customer service dengan sebelumnya sistem akan melakukan proses pemanggilan database yang ada pada database rekening. Data yang ditampilkan pada antarmuka sistem disajikan dalam list data. Saat data ditampilkan pada antarmuka Customer service dapat melakukan pembuatan data baru atau merubah data yang telah ada. Jika Customer service melakukan penambahan atau perubahan data, maka sistem akan menampilkan antarmuka form untuk Customer service dapat melakukan input data dalam form yang ditampilkan pada antarmuka sistem. Sistem akan melakukan pengecekan kepada data yang telah dimasukan oleh Customer service. Jika data yang dimasukan tidak lengkap maka antarmuka sistem akan menampilkan alert data tidak lengkap dan menampilkan form untuk Customer service dapat melakukan input data kembali. Customer service juga dapat melakukan penghapusan data yang sudah ada. Jika ingin menghapus data, maka Customer service harus memilih hapus data, kemudian sistem akan menampilkan antarmuka alert hapus data untuk lebih meyakinkan apakah data ingin dihapus. Customer service juga dapat melakukan pencarian data, Jika ingin Manager Rekening pilih menu pembukaan rekening panggil database menampilkan database menampilkan form data rekening menampilkan list data rekening pilih detail panggil database menampilkan database menampilkan detail data rekening Manajemen Pembukaan rekening Tujuan_buka Nasabah panggil database menampilkan database panggil database menampilkan database panggil database menampilkan database panggil database menampilkan database melakukan pencarian data, maka Customer Service dapat melakukan input data yang ingin dicari setelah itu sistem akan menampilkan antarmuka hasil pencarian data. Selain itu Customer Service dapat melakukan pencetakan data yaitu buku rekening tabungan. Jika ingin melakukannya, maka sistem akan melakukan pencetakan dan menampilkan antarmuka data yang dicetak. Data yang di buat baru, dilakukan perubahan dan di hapus Customer service akan di proses sistem untuk dapat tersimpan dalam database rekening. Kemudian antarmuka sistem akan menampilkan halaman rekening dan list data. b. Sequence Diagram Manajemen Pembukaan Rekening Manager Gambar 4.23 Sequence Diagram Manajemen Pembukaan Rekening Manager Manager dapat melakukan proses manajemen pembukaan rekening Pertama Manager lakukan adalah memilih menu pembukaan rekening yang ingin manager manajemen pada antarmuka sistem yang ditampilkan. Sistem akan menampilkan antarmuka yang di pilih oleh Manager dengan sebelumnya sistem akan melakukan proses pemanggilan database yang ada pada database rekening. Data yang ditampilkan pada antarmuka sistem disajikan dalam list data. Saat data ditampilkan pada antarmuka Manager hanya dapat melihat data yang telah ada. Jika Manager ingin melihat data nasabah maka sistem akan menampilkan antarmuka detail data pembukaan rekening.. Kemudian antarmuka sistem akan menampilkan halaman pembukaan rekening dan list data. Teller Rekening pilih menu pembayaran rekening menampilkan hal. pembayaran rekening pilih pembayaran menampilkan form verifikasi pembayanran input search data proses pencarian menampilkan data pilih print proses pencetakan menampilkan data menampilkan hal. pembayaran rekening panggil database menampilkan database panggil simpan database menampilkan database Manajemen Pembayaran menampilkan list data Nasabah panggil database menampilkan database panggil simpan database menampilkan database 4. Sequence Diagram Manajemen Pembayaran a. Sequence Diagram Manajemen Pembayaran Teller Gambar 4.24 Sequence Diagram Manajemen Pembayaran Teller Teller dapat melakukan proses manajemen pembayaran. Pertama Teller lakukan adalah memilih menu pembayaran rekening yang ingin Teller manajemen pada antarmuka sistem yang ditampilkan. Sistem akan menampilkan antarmuka yang di pilih oleh Teller dengan sebelumnya sistem akan melakukan proses pemanggilan database yang ada pada database rekening. Data yang ditampilkan pada antarmuka sistem disajikan dalam list data. Saat data ditampilkan pada antarmuka Teller dapat melakukan transakasi pembayaran. Jika Teller melakukan transaksi pembayaran, maka sistem akan menampilkan antarmuka form verifikasi pembayaran untuk Teller dapat melakukan transaksi dalam form yang ditampilkan pada antarmuka sistem. Sistem akan melakukan pengecekan kepada data yang telah dimasukan oleh Teller. Selain itu Teller juga dapat melakukan pencarian data, Jika ingin melakukan pencarian data, maka Teller dapat melakukan input data yang ingin dicari setelah itu sistem akan menampilkan antarmuka hasil pencarian data. Teller juga dapat melakukan pencetakan data. Jika ingin melakukannya, maka sistem akan melakukan pencetakan dan menampilkan antarmuka data yang dicetak. Data yang di buat baru akan di proses sistem untuk dapat tersimpan dalam database rekening. Kemudian antarmuka sistem akan menampilkan halaman rekening dan list data. Manager Rekening pilih menu pembayaran rekening panggil database menampilkan database menampilkan form data pembayaran rekening menampilkan list data pembayaran rekening pilih detail panggil database menampilkan database menampilkan detail data pembayaran rekening Pembayaran Nasabah panggil database menampilkan database panggil database menampilkan database b. Sequence Diagram Manajemen Pembayaran Manager Gambar 4.25 Sequence Diagram Manajemen Pembayaran Manager Manager dapat melakukan proses manajemen pembayaran. Pertama Manager lakukan adalah memilih menu pembayaran rekening yang ingin manager manajemen pada antarmuka sistem yang ditampilkan. Sistem akan menampilkan antarmuka yang di pilih oleh Manager dengan sebelumnya sistem akan melakukan proses pemanggilan database yang ada pada database rekening. Data yang ditampilkan pada antarmuka sistem disajikan dalam list data. Saat data ditampilkan pada antarmuka Manager hanya dapat melihat. Nasabah Customer Service Rekening pilih menu penutupan rekening menampilkan hal. penutupan rekening pilih tutup rekening menampilkan form verifikasi penutupan rekening pilih hapus data proses penghapusan data menampilkan alert hapus data input search data proses pencarian menampilkan data menampilkan hal. penutupan rekening panggil database menampilkan database panggil simpan database menampilkan database Manajemen Penutupan rekening panggil database menampilkan database panggil simpan database menampilkan database 5. Sequence Diagram Manajemen Penutupan Rekening a. Sequence Diagram Manajemen Penutupan Rekening Customer Service Gambar 4.26 Sequence Diagram Manajemen Penutupan Rekening Customer Service Customer Service dapat melakukan proses manajemen penutupan rekening. Pertama Customer service lakukan adalah memilih menu penutupan rekening yang ingin Customer service manajemen pada antarmuka sistem yang ditampilkan. Sistem akan menampilkan antarmuka yang di pilih oleh Customer service dengan sebelumnya sistem akan melakukan proses pemanggilan database yang ada pada database rekening. Data yang ditampilkan pada antarmuka sistem disajikan dalam list data. Saat data ditampilkan pada antarmuka Customer service dapat melakukan pembuatan data baru atau merubah data yang telah ada. Jika Customer service melakukan penutupan rekening, maka sistem akan menampilkan antarmuka form verifikasi penutupan rekening untuk Customer service dapat proses penutupan rekening. Sistem akan melakukan pengecekan kepada data yang telah ditutup oleh Customer service. Jika data yang dimasukan tidak lengkap maka antarmuka sistem akan menampilkan alert data tidak lengkap dan menampilkan form untuk Customer service dapat melakukan input data kembali. Customer service juga dapat melakukan penghapusan data yang sudah ada. Jika ingin menghapus data, maka Customer service harus memilih hapus data, kemudian sistem akan menampilkan antarmuka alert hapus data untuk lebih meyakinkan apakah data ingin dihapus. Customer service juga dapat melakukan pencarian data, Jika ingin melakukan pencarian data, maka Customer Service dapat melakukan input data yang ingin dicari setelah itu sistem akan menampilkan antarmuka hasil pencarian data. Selain itu Customer Service dapat melakukan pencetakan data Manager Rekening pilih menu penutupan rekening panggil database menampilkan database menampilkan form data penutupan rekening menampilkan list data penutupan rekening pilih detail panggil database menampilkan database menampilkan detail data penutupann rekening Manajer Penutupan rekening Tujuan_buka panggil database menampilkan database panggil database menampilkan database yaitu cetak kartu pembukaan rekening. Jika ingin melakukannya, maka sistem akan melakukan pencetakan dan menampilkan antarmuka data yang dicetak. Data yang di buat baru, dilakukan perubahan dan di hapus Customer service akan di proses sistem untuk dapat tersimpan dalam database rekening. Kemudian antarmuka sistem akan menampilkan halaman rekening dan list data. b. Sequence Diagram Manajemen Penutupan Rekening Manager Gambar 4.27 Sequence Diagram Manajemen Penutupan Rekening Manager Manager dapat melakukan proses manajemen penutupan rekening Pertama Manager lakukan adalah memilih menu penutupan rekening yang ingin manager manajemen pada antarmuka sistem yang ditampilkan. Sistem akan menampilkan antarmuka yang di pilih oleh Manager dengan sebelumnya sistem akan melakukan proses pemanggilan database yang ada pada database rekening. Data yang ditampilkan pada antarmuka sistem disajikan dalam list data. Saat data ditampilkan pada antarmuka Manager hanya dapat melihat data yang telah ada. Jika Manager ingin melihat data penutupan rekening maka sistem akan menampilkan antarmuka detail data penutupan rekening.. Kemudian antarmuka sistem akan menampilkan halaman penutupan rekening dan list data. U s e r B O P ilih m e n u D a ta u s e r P a n g g il d a ta b a s e m e n a m p ilk a n d a ta b a s e m e n a m p ilk a n h a l. d a ta U s e r m e n a m a m p ilk a n lis t d a ta U s e r p ilih ta m b a h d a ta m e n a m p ilk a n f o r m ta m b a h d a ta in p u t d a ta c e k k e le n g k a p a n ta m p il a le r t d a t a tid a k le n g k a p p ilih e d it d a t a ta m p il fo r m e d it d a ta e d it d a t a c e k k e le n g k a p a n ta m p il a le r t d a t a tid a k le n g k a p p ilih h a p u s d a ta p r o s e s h a p u s ta m p il a le r t h a p u s d a ta p a n g g il s im p a n d a ta b a s e m e n a m p ilk a n d a t a b s e t a m p il h a l. d a ta u s e r m e n a m p ilk a n lis t d a ta u s e r M a n a je m e n u s e r 6. Sequence Diagram Manajemen User Back Office Gambar 4.28 Sequence Diagram Manajemen User Back Office Back Office dapat melakukan proses manajemen user.. Pertama Back Office lakukan adalah memilih menu data user yang ingin Back Office manajemen pada antarmuka sistem yang ditampilkan. Sistem akan menampilkan antarmuka yang di pilih oleh Back Office dengan sebelumnya sistem akan melakukan proses pemanggilan database yang ada pada database user. Data yang ditampilkan pada antarmuka sistem disajikan dalam list data. Saat data ditampilkan pada Back Office dapat melakukan pembuatan data baru atau merubah data yang telah ada. Jika Back Office melakukan penambahan atau perubahan data, maka sistem akan menampilkan antarmuka form untuk Back Office dapat melakukan input data dalam form yang ditampilkan pada antarmuka sistem. Sistem akan melakukan pengecekan kepada data yang telah dimasukan oleh Back Office. Jika data yang dimasukan tidak lengkap maka antarmuka sistem akan menampilkan alert data tidak lengkap dan menampilkan form kembali untuk Back Office dapat melakukan input data kembali. Back Office juga dapat melakukan penghapusan data yang sudah ada. Data yang di buat baru, dilakukan perubahan dan di hapus Back Office akan di proses sistem untuk dapat tersimpan dalam database User. Kemudian antarmuka sistem akan menampilkan halaman user dan list data BO pilih cetak laporan pilih data laporan Menampilkan laporan pilih data pembukaan rekekning 9. menampilkan data pembukaan rekekning pilih data nasabah menampilkan data nasabah pilih data pembayaran menampilkan data pembayaran pilih data penutupan rekekning menampilkan data penutupan rekening pilih print proses cetak menampilkan halaman cetak laporan Nasabah Rekekning panggil database menampilkan database panggil database menampilkan database panggil simpan database menampilkan database panggil simpan database menampilkan database Manajemen Laporan 7. Sequence Diagram Manajemen Laporan Back Office Gambar 4.29 Sequence Diagram Manajemen Laporan Back Office Back Office dapat melakukan proses manajemen laporan.. Pertama Back Office lakukan adalah memilih menu cetak laporan yang ingin Back Office manajemen pada antarmuka sistem yang ditampilkan. Sistem akan menampilkan antarmuka yang di pilih oleh Back Office dengan sebelumnya sistem akan melakukan proses pemanggilan database yang ada pada database nasabah dan rekening. Data yang ditampilkan pada antarmuka sistem disajikan dalam list data. Saat data ditampilkan pada Back Office dapat memilih data laporan yang ingin dicetak yaitu laporan data pembukaan rekening, data nasabah, data pembayaran, dan data penutupan rekening. Jika Back Office memilih data laporan yang ingin dicetak, maka sistem akan menampilkan antarmuka sesuai pilihan Back Office. Setelah itu Jika ingin dicetak Kemudian sistem akan menampilkan antarmuka halaman user dan list data. Back Office User pilih menu Ganti Password panggil database menampilkan database menampilkan form ganti password input data password baru panggil database menampilkan database menampilkan hal. login cek kelengkapan menampilkan alert data tidak lengkap Ganti password 8. Sequence Diagram Ganti Password User Gambar 4.30 Sequence Diagram Ganti Password User User dapat melakukan proses ganti password. Pertama User lakukan adalah memilih menu ganti password yang ingin User manajemen pada antarmuka sistem yang ditampilkan. Sistem akan menampilkan antarmuka yang di pilih oleh User yaitu dengan menampilkan antar form ganti password dengan sebelumnya sistem akan melakukan proses pemanggilan database yang ada pada database user. Saat data ditampilkan pada User dapat mengganti password sesuai yang di inginkan dengan input data password baru pada antarmuka form ganti password, Jika data tidak lengkap maka U s e r m e m ilih lo g o u t m e n a m p ilk a n h a l . lo g in a le rt lo g o u t b e rh a s il lo g o u t U s e r p a n g g il d a ta b a s e m e n a m p ilk a n d a ta b a s e p ro s e s lo g o u t sistem akan menampilkan antarmuka alert data tidak lengkap. Data yang di buat baru, dilakukan perubahan user akan di proses sistem untuk dapat tersimpan dalam database User. Kemudian sistem akan menampilkan antarmuka halaman login. 9. Sequence Diagram Logout User Gambar 4.31 Sequence Diagram Logout User Sequence Diagram Logout ini dilakukan oleh5 aktor Customer Service, Teller, Back Office, dan Manager. Yang sebelumnya aktor tersebut telah melakukan login sistem. Aktor memilih logout pada antarmuka sistem yang ditampilkan. Maka sistem akan memproses logout. Jika logout telah berhasil dilakukan sistem akan menampilkan halaman login dan alert logout telah berhasil pada antarmuka sistem. Data Input Halaman Tampil Data Tidak Benar Data tidak valid Input username password kembali Data Valid Input username password User dapat mengakses menu yang disediakan State awal login State akhir login

4.3.1.4 Statechart Diagram

Statechart diagram ini menggambarkan siklus hidup objek- berbagai keadaan yang dapat diasumsikan oleh objek dan event- event yang menyebabkan objek beralih dari satu state ke state lain. 1. Statechart Diagram Login User Gambar 4.32 Statechart Diagram Login User Awal state login adalah melakukan event input username dan password, kemudian akan menuju pada state untuk data input. Jika data yang dimasukan tidak valid maka event akan mengarahkan kepada state data yang dimasukan tidak benar dan diharuskan untuk melakukan input data kembali. Jika data yang dimasukan valid, maka event akan menemukan data tersebut dan mengarahkan kepada state menampilkan halaman user. User dapat menginput data pada form yang ditampilkan Data search Form tampil Data tampil Data input Data tidak benar Data hapus Data valid dan disimpan kedatabase Memilih menampilkan form tambah dan edit data Memilih Hapus data Data berhasil terhapus dan disimpan perubahan Memilih menampilkan data nasabah Menampilkan data yang dicari Memilih data yang dicari State awal manajemen nasabah State akhir manajemen nasabah State akhir manajemen nasabah State akhir manajemen nasabah Data yang diinput tidak valid Melakukan input data kembali melakukan akses sistem yang dijelaskan pada event terakhir dan state berakhir. 2. Statechart Diagram Manajemen nasabah a. Statechart Diagram Manajemen Nasabah Customer Service Gambar 4.33 Statechart Diagram Manajemen Nasabah Customer Service State manajemen nasabah ini di mulai dengan event untuk memilih menampilkan data nasabah, state data ditampilkan akan meresponnya. Terjadi tiga event yang berbeda, yang pertama adalah event menghapus data nasabah yang ada, state hapus data akan meresponnya. Dan event data berhasil di hapus pun dan menyimpan perubahannya dan state selesai. Yang kedua adalah event untuk memilih data yang ingin dicari, state search data akan meresponnya. Dan event data akan menampilkan data yang ingin dicari dan state selesai. Yang ketiga adalah event untuk memilih dan menampilkan form tambah dan edit data nasabah, state form akan meresposnnya dengan menampilkan halaman form input data dan event menginput data pada form yang ditampilkan kemudian akan mengarahkan kepada state data input. Jika data yang diinput tidak valid maka event akan mengarahkan kepada state data tidak benar dan harus melakukan input ulang dengan event mengarah kembali kepada state data input. Jika data yang diinput sudah valid maka akan lanjut kepada event data di simpan dalam database dan state berakhir. Tampil detail nasabah Data tampil Memilih menampilkan data nasabah Memilih detil data nasabah Menampilkan detil data nasabah State awal manajemen nasabah State akhir manajemen nasabah b. Statechart Diagram Manajemen Nasabah Manager Gambar 4.34 Statechart Diagram Manajemen Nasabah Manager State manajemen nasabah ini di mulai dengan event untuk memilih menampilkan data nasabah. State data ditampilkan akan meresponnya. Kemudian event untuk memilih data yang ditampilkan secara detail, state menampilkan data detail akan melakukan tindakan dan menuju event Menampilkan data secara detail. Dan state pun berakhir. menginput data pada form yang ditampilkan Data search Form tampil Data tampil Data input Data tidak benar Data hapus Data yang diinput tidak valid Melakukan input data kembali Data valid dan disimpan kedatabase Memilih menampilkan form tambah dan edit data Memilih Hapus data Data yang sudah dihapus disimpan dalam database Memilih menampilkan data pembukaan rekening Memilih mencetak data menginput data yang dicari Data print Melakukan proses pencetakan State awal manajemen pembukaan rekening State akhir manajemen pembukaan rekening State akhir manajemen pembukaan rekening State akhir manajemen pembukaan rekening 3. Statechart Diagram Manajemen Pembukaan Rekening a. Statechart Diagram Manajemen Pembukaan rekening Customer Service Gambar 4.35 Statechart Diagram Manajemen Pembukaan Rekening Customer Service State manajemen pembukaan rekening ini di mulai dengan event untuk memilih menampilkan data pembukaan rekening, state data ditampilkan akan meresponnya. Terjadi empat event yang berbeda, yang pertama adalah event menghapus data pembukaan rekening yang ada, state hapus data akan meresponnya. Dan event data berhasil di hapus pun dan menyimpan perubahannya dan state selesai. Yang kedua adalah event untuk menginput data yang ingin dicari, state search data akan meresponnya. Dan event data akan menampilkan data yang ingin dicari dan state selesai. Yang ketiga adalah event untuk memilih dan menampilkan form tambah dan edit data pembukaan rekening, state form akan meresposnnya dengan menampilkan halaman form input data dan event menginput data pada form yang ditampilkan kemudian akan mengarahkan kepada state data input. Jika data yang diinput tidak valid maka event akan mengarahkan kepada state data tidak benar dan harus melakukan input ulang dengan event mengarah kembali kepada state data input. Jika data yang diinput sudah valid maka akan lanjut kepada event data di simpan dalam database dan state berakhir. Yang ke empat adalah event memilih pencetakan data dan state data print akan meresponnya kemudian akan melakukan event proses pencetakan data dan state pun berakahir. Memilih menampilkan pembukaan rekening Tampil detail nasabah Data tampil Memilih detail pembukaan rekening Menampilkan detail pembukaan rekekning State awal manajemen pembukaan rekening State akhir manajemen pembukaan rekening b. Statechart Diagram Manajemen Pembukaan Rekening Manager Gambar 4.36 Statechart Diagram Manajemen Pembukaan Rekening Manager State manajemen pembukaan rekening ini di mulai dengan event untuk memilih menampilkan data pembukaan rekening, state data ditampilkan akan meresponnya. Kemudian event untuk memilih data yang ditampilkan secara detail, state menampilkan data detail akan melakukan tindakan dan menuju event Menampilkan data secara detail. Dan state pun berakhir. Melakukan pemilihan pembayaran Data search Form tampil Data tampil Data pilih Data hapus Pemilihan data pembayaran disimpan dalam database Memilih menampilkan form verifikasi untuk pembayaran Memilih mangapus data Data yang sudah dihapus disimpan dalam database Memilih menampilkan data pembayaran rekening Memilih pencetakan data Menginput data yang dicari Data print Melakukan proses pencetakan State awal manajemen pembayaran State akhir manajemen pembayaran State akhir manajemen pembayaran State akhir manajemen pembayaran 4. Statechart Diagram Manajemen Pembayaran a. Statechart Diagram Manajemen Pembayaran Teller Gambar 4.37 Statechart Diagram Manajemen Pembayaran Teller State manajemen pembayaran ini di mulai dengan event untuk memilih menampilkan data pembayaran rekening, state data ditampilkan akan meresponnya. Terjadi empat event yang berbeda, yang pertama adalah event menghapus data pembayaran rekening yang ada, state hapus data akan meresponnya. Dan event data berhasil di hapus pun dan menyimpan perubahannya dan state selesai. Yang kedua adalah event untuk menginput data yang ingin dicari, state search data akan meresponnya. Dan event data akan menampilkan data yang ingin dicari dan state selesai. Yang ketiga adalah event untuk memilih dan menampilkan form verifikasi pembayaran, state form akan meresposnnya dengan menampilkan halaman verifikasi pembayaran, kemudian menuju event melakukan pemilihan data pada form yang ditampilkan kemudian akan mengarahkan kepada state data pilih setelah itu melanjutkan kepada event pemilihan data akan disimpan ke dalam database dan state berakhir. Yang ke empat adalah event memilih pencetakan data dan state data print akan meresponnya kemudian akan melakukan event proses pencetakan data dan state pun berakahir. Memilih menampilkan data pembayaran rekening Tampil detail nasabah Data tampil Memilih detail pembayaran rekening Menampilkan detail pembayaran rekekning State akhir manajemen pembayaran State awal manajemen pembayaran b. Statechart Diagram Manajemen Pembayaran Manager Gambar 4.38 Statechart Diagram Manajemen Pembayaran Manager State manajemen pembayaran ini di mulai dengan event untuk memilih menampilkan data pembayaran rekening, state data ditampilkan akan meresponnya. Kemudian event untuk memilih data yang ditampilkan secara detail, state menampilkan data detail akan melakukan tindakan dan menuju event Menampilkan data secara detail. Dan state pun berakhir. Melakukan pemilihan data penutupan rekening Data search Form tampil Data tampil Data pilih Data hapus Pemilihan data penutupan disimpan dalam database Memilih menampilkan form verifikasi penutupan rekening Memilih Hapus data Data yang sudah dihapus disimpan dalam database Memilih menampilkan data penutupan rekening Menginput data yang dicari Menampilkan data yang dicari State akhir manajemen penutupan rekening State akhir manajemen penutupan rekening State awal manajemen penutupan rekening State akhir manajemen penutupan rekening 5. Statechart Diagram Manajemen Penutupan Rekening a. Statechart Diagram Manajemen Penutupan Rekening Customer Service Gambar 4.39 Statechart Diagram Manajemen Penutupan Rekening Customer Service State manajemen penutupan rekening ini di mulai dengan event untuk memilih menampilkan data penutupan rekening, state data ditampilkan akan meresponnya. Terjadi tiga event yang berbeda, yang pertama adalah event menghapus data penutupan rekening yang ada, state hapus data akan meresponnya. Dan event data berhasil di hapus pun dan menyimpan perubahannya dan state selesai. Yang kedua adalah event untuk menginput data yang ingin dicari, state search data akan meresponnya. Dan event data akan menampilkan data yang ingin dicari dan state selesai. Yang ketiga adalah event untuk memilih dan menampilkan form verifikasi pembayaran, state form akan meresposnnya dengan menampilkan halaman verifikasi penutupan rekening, kemudian menuju event melakukan pemilihan data pada form yang ditampilkan kemudian akan mengarahkan kepada state data pilih setelah itu melanjutkan kepada event pemilihan data akan disimpan ke dalam database dan state pun berakhir. Memilih menampilkan data penutupan rekening Tampil detil nasabah Data tampil Memilih detail penutupan rekening Menampilkan detail pentupan rekekning State awal manajemen penutupan rekening State akhir manajemen penutupan rekening b. Statechart Diagram Manajemen Penutupan Rekening Manager Gambar 4.40 Statechart Diagram Manajemen Penutupan Rekening Manager State manajemen penutupan rekening ini di mulai dengan event untuk memilih menampilkan data penutupan rekening, state data ditampilkan akan meresponnya. Kemudian event untuk memilih data yang ditampilkan secara detail, state menampilkan data detail akan melakukan tindakan dan menuju event Menampilkan data secara detail. Dan state pun berakhir. menginput data pada form yang ditampilkan Form tampil Data tampil Data input Data tidak benar Data hapus Data valid dan disimpan kedatabase Memilih menampilkan form tambah dan edit data Memilih menghapus data Data berhasil terhapus dan disimpan perubahan Memilih menampilkan data user Melakukan input data kembali Data yang diinput tidak valid State awal manajemen user State akhir manajemen user State akhir manajemen user 6. Statechart Diagram Manajemen User Back Office Gambar 4.41 Statechart Diagram Manajemen User Back Office State manajemen user ini di mulai dengan event untuk memilih menampilkan data user, state data ditampilkan akan meresponnya. Terjadi dua event yang berbeda, yang pertama adalah event menghapus data user yang ada, state hapus data akan meresponnya. Dan event data berhasil di hapus pun dan menyimpan perubahannya dan state selesai. Yang kedua adalah event untuk memilih dan menampilkan form tambah dan edit data Memilih menampilkan cetak laporan Data pilih Data tampil Memilih data yang ingin dicetak Memilih melakukan pencetakan Data print Proses pencetakan State akhir manajemen laporan user, state form akan meresponnya dengan menampilkan halaman form input data dan event menginput data pada form yang ditampilkan kemudian akan mengarahkan kepada state data input. Jika data yang diinput tidak valid maka event akan mengarahkan kepada state data tidak benar dan harus melakukan input ulang dengan event mengarah kembali kepada state data input. Jika data yang diinput sudah valid maka akan lanjut kepada event data di simpan dalam database dan state pun berakhir. 7. Statechart Diagram Manajemen Laporan Back Office Gambar 4.42 Statechart Diagram Manajemen Laporan Back Office menginput data pada form yang ditampilkan Form tampil Data input Data tidak benar Data valid dan disimpan kedatabase Memilih menampilkan form ganti password State awal ganti password State akhir ganti password Data yang diinput tidak valid Melakukan input data kembali State manajemen laporan ini di mulai dengan event untuk memilih menampilkan data pencetakan laporan, state data ditampilkan akan meresponnya. Kemudian menuju event memilih data yang ingin dicetak dan state data pilih akan meresponnya dengan menampilkan data yang dipilh, setelah itu lanjut kepada event memilih melakukan pencetakan data maka state data print akan meresponnya dan melakukan event proses pencetakan, State pun berakhir 8. Statechart Diagram Ganti Password User Gambar 4.43 Statechart Diagram Ganti Password User Memilih logout Tampil halaman Proses logout Menampilkan halaman login User kembali ke halaman login State awal logout State akhir logout State ganti password ini di mulai dengan event untuk memilih menampilkan form ganti password, state form ditampilkan akan meresponnya, kemudian lanjut event menginput data pada form yang ditampilkan kemudian akan mengarahkan kepada state data input. Jika data yang diinput tidak valid maka event akan mengarahkan kepada state data tidak benar dan harus melakukan input ulang dengan event mengarah kembali kepada state data input. Jika data yang diinput sudah valid maka akan lanjut kepada event data di simpan dalam database dan state pun berakhir. 9. Statechart Diagram Logout User Gambar 4.44 Statechart Diagram Logout User State logout ini di mulai dengan event memilih logout, state proses logout akan meresponnya kemudian lanjut kepada event menampilkan halaman login maka state tampil halaman dan lanjut event user kembali ke halaman login, kemudian state pun berakhir. 4.3.2 Perancangan InputOutput Sistem Informasi Administrasi Penyimpanan Dana Nasabah Rekening TabunganKu

4.3.2.1 Perancangan Form

Perancangan form yaitu perancangan bentuk input pada sistem yang akan dibangun dibagi menjadi tiga bagian yaitu form untuk Bagian Customer Service, Teller dan Back Office. Dibawah ini adalah daftar perancangan form tersebut. 1. Customer Service a. Form Input Pendaftaran Nasabah b. Form Input Pembukaan Rekening c. Form verifikasi Penutupan Rekening 2. Teller a. Form verifikasi Pembayaran Rekening 3. Back Office a. Form Input Data User Gambar dari daftar perancangan form diatas dilampirkan dalam lampiran.

4.3.2.2 Perancangan laporan

Perancangan laporan yaitu perancangan bentuk output hasil input atau yang dicetak pada sistem yang akan dibangun dibagi menjadi tiga bagian yaitu untuk Bagian Customer Service, teller, dan Back Office. Dibawah ini adalah daftar perancangan laporan tersebut. 1. Customer Service a. Laporan Form Pendaftaran nasabah b. Laporan Form Pembukaan Rekening c. Laporan Bukti Pembukaan Rekening d. Laporan Form Verifikasi Penutupan Rekening 2. Teller a. Laporan Form Verifikasi Pembayaran Rekening b. Laporan Buku Rekening Tabungan 3. Back Ofice a. Laporan Form Input Data User b. Laporan Data Nasabah c. Laporan Data Pembukaan Rekening d. Laporan Data Pembayaran e. Laporan Data Penutupan Rekening Gambar dari daftar perancangan laporan diatas dilampirkan dalam lampiran.

4.3.3 Perancangan

Database Sistem Informasi Administrasi Penyimpanan Dana Nasabah Rekening TabunganKu Pada tahapan ini akan dirancang kebutuhan database dengan menggunakan tools class diagram, berikut adalah class diagram tersebut. Provinsi +id_provinsi +nama_provinsi +create +read +update +delete Nasabah +id_nasabah +id_user +id_kota +id_provinsi +id_dana +id_penghasilan +nama_nasabah +email +alamat +no_tlp +tempat_lahir +tgl_lahir +no_ktp +jenis_kelamin +bentuk_badan +nama_ibu +pekerjaan +pendidikan_terakhir +kewarganegaraan +bidang_usaha +pengeluaran +create +read +update +delete +detail +search +print User +id_user +password +nama_lengkap +email +level +create +read +update +delete Rekening +id_rekening +id_user +id_nasabah +id_tujuan_bk +saldo_awal +tgl_buka +otorisasi +tp_rekening +tgl_tutup +create +read +update +delete +detail +search +print Penghasilan +id_penghasilan +total_penghasilan +read +create +update +delete Sumber_dana +id_dana +nama_sumber +create +read +update +delete Kota +id_kota +id_provinsi +nama_kota +create +read +update +delete tujuan_buka +id_tujuan_bk +nama_tujuan_bk +create +read +update +delete 1 1.. 1 1.. 1.. 1 1.. 1 1.. 1 1.. 1 1.. 1 1 1.. 1.. 1 Gambar 4.45 Class Diagram Sistem Informasi Administrasi Penyimpanan Dana Nasabah Rekening TabunganKu Berikut adalah spesifikasi data basenya : 1. Tabel Nasabah Nama Tabel : Nasabah Type File : Master Primary Key : id_Nasabah Foreign Key : id_provinsi, id_kota, id_user id_dana, id_penghasilan Tabel 4.13 Nasabah Nama Field Tipe data Ukuran Keterangan id_nasabah Varchar 15 id nasabah id_user Varchar 10 id user id_kota Varchar 25 kota alamat nasabah id_provinsi Varchar 20 provinsi alamat nasabah id_dana Varchar 5 sumber dana nasabah id_penghasilan Varchar 5 penghasilan tetap nasabah nama_nasabah Varchar 25 Nama nasabah pendidikan_terakhir Varchar 25 pendidikan terakhir nasabah bentuk_badan varchar 20 Badan insitusi email Varchar 20 Email nasabah kewarganegaraan Varchar 20 kewarganegaraan nasabah alamat Varchar 40 alamat nasabah no_tlp Varchar 25 no. tlp nasabah tempat_lahir Varchar 25 tempat lahir nasabah tgl_lahir Date tgl lahir nasabah no_ktp Varchar 30 no. KTP nasabah jenis_kelamin Varchar 15 jenis kelamin nasabah agama Varchar 15 agama nasabah nama_ibu Varchar 25 nama ibu nasabah bidang_usaha Varchar 20 bidang usaha nasabah pekerjaaan Varchar 25 pekerjaan nasabah pengeluaran varchar 20 pengeluaran nasabah perbulan 2. Tabel Provinsi Nama Tabel : Provinsi Type File : Master Primary Key : id_provinsi Foreign Key : - Tabel 4.14 Provinsi Nama Field Tipe data Ukuran Keterangan id_provinsi Varchar 10 id provinsi nama_provinsi Varchar 15 nama provinsi 3. Tabel Kota Nama Tabel : Kota Type File : Master Primary Key : id_kota Foreign Key : id_provinsi Tabel 4.15 Kota Nama Field Tipe data Ukuran Keterangan id_kota Varchar 10 id kota id_provinsi Varchar 10 id provinsi nama_kota Varchar 30 nama kota 4. Tabel Sumber Dana Nama Tabel : Sumber_dana Type File : Master Primary Key : id_dana Foreign Key : _ Tabel 4.16 Sumber dana Nama Field Tipe data Ukuran Keterangan id_dana Varchar 10 id sumber dana nama_sumber Varchar 20 nama sumber dana 5. Tabel Penghasilan Nama Tabel : Penghasilan Type File : Master Primary Key : id_penghasilan Foreign Key : _ Tabel 4.17 Penghasilan Nama Field Tipe data Ukuran Keterangan id_penghasilan Varchar 10 id penghasilan total_penghasilan Varchar 20 total penghasilan nasabah 6. Tabel Tujuan pembukaan rekening Nama Tabel : Tujuan pembukaan rekening Type File : Master Primary Key : id_tujuan_bk Foreign Key : _ Tabel 4.18 Tujuan pembukaan rekening Nama Field Tipe data Ukuran Keterangan id_tujuan_bk Varchar 10 id tujuan buka rekening tujuan_buka_rekening Varchar 30 nama tujuan pembukaan rekening 7. Tabel Rekening Nama Tabel : Rekening Type File : Transaksi Primary Key : id_rekening Foreign Key : id_nasabah, id_user id_tujuan_bk Tabel 4.19 Rekening Nama Field Tipe data Ukuran Keterangan id_rekening Varchar 15 Id rekening id_nasabah Varchar 10 Id nasabah Id_user Varchar 10 Id user id_tujuan_bk Varchar 10 Id tujuan pembukan rekening saldo_awal Varchar 20 Saldo awal rekening no_rekening Varchar 25 No. rekening 0torisasi Enum ‘Y’,’N’ Pembayaran rekening tp_rekening Enum ‘Y’,’N’ Tutup rekening tgl_buka Date Tgl_buka rekening tgl_tutup Date Tgl_tutup rekening 8. Tabel User Nama Tabel : User Type File : Master Primary Key : id_user Foreign Key : Tabel 4.20 User Nama Field Tipe data Ukuran Keterangan id_user Varchar 10 id user password Varchar 30 password user nama_lengkap Varchar 30 nama lengkap user email Varchar 30 email user level Varchar 15 level user

4.3.4 Perancangan User Interface Sistem Informasi Administrasi

Penyimpanan Dana Nasabah Rekening TabunganKu Pada tahap ini perancangan user interface bertujuan untuk menggambarkan rancangan tampilan apikasi yang akan dibuat. Perancangan user interface dibedakan menjadi 4 account yaitu Customer Service, Teller, Back Office, dan Manager. Dibawah ini adalah daftar dari perancangan user interface tersebut. 1. Customer Service a. Halaman Login b. Halaman Home c. Halaman Nasabah d. Halaman Tambah Data Nasabah e. Halaman Pembukaan Rekening f. Halaman Tambah Data Pembukaan Rekening g. Halaman Penutupan Rekening h. Halaman Verifikasi Penutupan Rekening i. Halaman Ganti Password 2. Teller a. Halaman Login b. Halaman Home c. Halaman Pembayaran Rekening d. Halaman Verifikasi Pembayaran Rekening e. Halaman Ganti Password 3. Back Office. a. Halaman Login b. Halaman Home c. Halaman User d. Halaman Tambah Data User e. Halaman Cetak Laporan f. Halaman Ganti Password 4. Manager a. Halaman Login b. Halaman Home c. Halaman Nasabah d. Halaman Pembukaan Rekening e. Halaman Penutupan Rekening f. Halaman Pembayaran Rekening g. Halaman Ganti Password Gambar dari perancangan user interface dapat dilihat pada lampiran.

4.4 System Implementation

Setelah desain sistem selesai, maka tahap berikutnya adalah mengimplementasikan hasil rancangan tersebut. Dalam mengimplementasikan sistem dengan menggunakan XAMPP versi 1.7.0. Selain itu juga menggunakan Edit Plus 2 dan Macromedia Dreamweaver MX sebagai software Text editor, Adobe Photoshop CS3 untuk mengolah gambar dan Visio 2007 untuk tools UML. Selain itu juga sarana pendukung yang diperlukan agar sistem dapat berjalan sesuai harapan.

4.4.1 Perangkat Keras Hardware

Perangkat keras yang mendukung sistem ini adalah sebuah unit komputer dengan spesifikasi minimal sebagai berikut: 1. Server Lokal: a. Processor : Setara dengan Pentium IV atau keatas b. Memory : Minimal 512 MB atau lebih c. Harddisk : Minimal 80 GB d. VGA Card : Minimal 64 MB 2. Client: a. Processor : Setara dengan Pentium IV atau keatas b. Memory : Minimal 256 MB atau lebih c. Harddisk : 40 GB d. VGA Card : 32 MB

4.4.2 Perangkat Lunak Software

Spesifikasi sistem operasi dan perangkat lunak yang mendukung adalah sebagai berikut: 1. Server Lokal: a. Microsoft Windows XP Professional Version 2002 Service Pack 2 b. XAMPP version 1.7.0 yang mencakup: Apache version 2.2.11, PHP version 5.2.8, dan MySQL version 5.1.30. c. Browser Mozilla Firefox Version: 3.0.6 2. Client: a. Microsoft Windows XP Professional Version 2002Service Pack 2 a. Browser Mozilla Firefox Version: 3.0.6

4.4.3 Pengujian Sistem

Pada tahap pengujian dilakukan dengan cara Blackbox Testing. Cara pengujian dilakukan dengan menjalankan sistem informasi administrasi penyimpanan dana nasabah rekening tabunganku dan melihat output-nya apakah telah sesuai dengan hasil yang diharapkan. Dibawah ini merupakan tabel hasil pengujian sistem informasi administrasi penyimpanan dana nasabah rekening tabunganku yang peneliti lakukan : Tabel 4.21 Pengujian Black-box TEST CASE Hasil yang diharapkan Hasil • Tampilan Customer Service 1. Menjalankan aplikasi TabunganKu Akan tampil halaman Login Sesuai

2. Apabila salah input