Angsuran Tampilan Muqaddimah CS

6. Angsuran

Nama Tabel : Angsuran Type File : Master Primary Key : id_angsuran Foreign Key : id_ngsuran dan id_user Tabel 4.18 Angsuran Nama Field Tipe data Ukuran Keterangan id_ angsuran Varchar 10 Id Angsuran Kode Varchar 15 Kode angsuran Id_user Varchar 15 Id user Nama Varchar 50 Nama angsuran Jns_angs Varchar 25 Jenis angsuran No_rek Varchar 25 No rekening mitra Angs_ke Varchar 10 Angsuran mitra yang ke berapa Jns_byr Varchar 15 Jenis bayar Pokok Varchar 25 Angsuran pokok Tgl_byr Date Tanggal angsuran mitra Basil Varchar 15 Bagi hasil angsuran Simpanan Varchar 25 Simpanan angsuran Infaq Varchar 25 Infaq angsuran Total Varchar 25 Total angsuran Nominal Varchar 25 Nominal angsuran

7. Transaksi

Nama Tabel : Transaksi Type File : Master Primary Key : id_transaksi Foreign Key : id_transaksi dan id_user Tabel 4.19 Transaksi Nama Field Tipe data Ukuran Keterangan id_ transaksi Varchar 15 Id transaksi Id_formulir Varchar 15 Id formulir Nama Varchar 50 Nama mitra Alamat Varchar 250 Alamat mitra Keperluan Varchar 25 Keperluan pembiayaan Tgl_input Date Tanggal transaksi Jangka Varchar 15 Jangka pembiayaan Angsuran Varchar 25 Angsuran pembiayaan Akad Varchar 25 Akad pembiayaan Jml_pnjaman Varchar 25 Jumlah pinjaman Keuntungan Varchar 25 Keuntungan pembiayaan Basil_bmt Varchar 25 Bagi hasil bmt Basil_mitra Varchar 25 Bagi hasil mitra Ttl_basil_bmt Varchar 25 Jumlah total bagi hasil bmt Ttl_basil_mitra Varchar 25 Jumlah total bagi hasil mitra Jml_angs Varchar 25 Jumlah angsuran Angs_pokok Varchar 25 Angsuran pokok Jaminan Varchar 25 Jaminan pembiayaan Infaq Varchar 25 Infaq pembiayaan Simpanan Varchar 25 Simpanan pembiayaan Jml_ttal Varchar 25 Jumlah total Id_user Varchar 15 Id user

4.2.1.4 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 pembiayaan mudharabah diantaranya ialah sebagai berikut. Memilih Menu Registrasi Menampilkan Form Registrasi Calon Mitra Input Data Calon Mitra Menampilkan Halaman Sukses Mendaftar Mitra Membuka Aplikasi Menampilkan Halaman Utama Calon Mitra 1. Sequence Diagram untuk Use Case “Registrasi” Gambar 4.16 Sequence Diagram untuk Use Case ”Registrasi” Pada gambar 4.16 menjelaskan tentang aliran pesan pada sequence diagram “registrasi”. Dapat dilihat pada diagram sekuensial terdapat satu obyek yaitu obyek mitra. Obyek mitra digunakan oleh calon mitra ketika akan meregistrasikan data dirinya. Proses awal untuk registrasi adalah calon mitra membuka aplikasi yang kemudian menampilkan halaman utama. Kemudian calon mitra memilih menu “registrasi”, yang akan menampilkan form registrasi calon mitra. Menginput data calon mitra dan menampilkan halaman sukses mendaftar. mitra User Cs, Ao, admin, Teller, Administrator Mitra read mitra user read user Form login buka form login input usename dan password buka form login cek mitra login gagal tampilkan halaman mitra input usename dan password cek user login gagal tampilkan halaman user 2. Sequence Diagram untuk Use C ase “Login” Gambar 4.17 Sequence Diagram untuk Use C ase “Login” Sequence diagram pada Gambar 4.17 digunakan oleh dua aktor yaitu user dan mitra. Ini dimulai pada saat user Cs, Ao, admin, Teller dan administrator dan mitra akan menggunakan form Login untuk dapat masuk ke dalam sistem dan menggunakan objek user dan mitra untuk dapat mengecek apakah username dan password yang dimasukan sesuai dengan yang ada pada database sistem. Jika username dan password yang diisi salah maka akan menampilkan alert dan user atau mitra harus mengisinya kembali dengan account yang sesuai maka akan masuk ke dalam halaman Mitra read mitra tampilkan mitra CS cek mitra write mitra cetak mitra utama user dan mitra sesuai dengan pilihan user atau mitra yang menggunakan sistem. 3. Sequence Diagram untuk Use Case “Manajemen Mitra” Gambar 4.18 Sequence Diagram untuk Use Case “Manajemen Mitra” Sequence diagram pada Gambar 4.18 dimulai pada saat CS menggunakan objek mitra untuk menulis data mitra, data akan diisi pada form mitra. Jika data yang diisi tidak lengkap maka sistem akan menampilkan alert dan CS harus melengkapinya kembali. Setelah itu data mitra akan terbaca dan CS dapat melihat data seluruh mitra dan dapat mencetaknya. formulir pembiayaan mitra read mitra verifikasi calon mitra cs tampilkan formulir pembiayaan mitra cetak formulir pembiayaan cek formulir pembiayaan write formulir pembiayaan online write formulir pembiayaan langsung 4. Sequence Diagram untuk Use Case “Manajemen Permohonan Pembiayaan ” Gambar 4.19 Sequence Diagram untuk Use Case “Manajemen Permohonan Pembiayaan Sequence diagram pada Gambar 4.19 digunakan oleh dua aktor yaitu mitra dan CS. Untuk mitra dimulai pada saat mitra menggunakan objek formulir pembiayaan untuk menulis formulir pembiayaan secara online. Untuk CS, dimulai pada saat CS menggunakan objek mitra untuk melihat daftar mitra yang tersedia pada sistem dan memverifikasi calon mitra yang ingin mengajukan permohonan pembiayaan. Selain menggunakan objek mitra, CS juga menggunakan objek formulir pembiayaan untuk menulis formulir pembiayaan secara langsung. Jika data survey Account Officer write survey read survey cek kelengkapan Tampilkan survey cetak survey Formulir_pembiayaan read formulir pembiayaa yang diisi tidak lengkap maka sistem akan menampilkan alert dan CS harus melengkapinya kembali. Kemudian CS mencetak formulir pembiayaan. 5. Sequence Diagram untuk Use Case “Manajemen Survey” Gambar 4.20 Sequence Diagram untuk Use Case “Manajemen Survey” Sequence diagram pada Gambar 4.20 dimulai pada saat AO akan menulis data survey, pada awalnya akan membaca objek formulir pembiayaan terlebih dahulu untuk dapat mengetahui siapa saja mitra yang akan disurvey. Lalu menggunakan objek survey dan menulis data survey sesuai dengan mitra yang dipilh, jika data yang diisi tidak lengkap maka akan menampilkan alert dan AO harus melengkapinya. Setelah itu data survey akan terbaca dan AO dapat melihat data survey dan dapat mencetaknya. rekening read mitra write rekening read rekening mitra cek rekening read rekening tampilkan rekening cetak rekening Teller Admin 6. Sequence Diagram untuk Use Case “Manajemen Rekening” Gambar 4.21 Sequence Diagram untuk Use Case “Manajemen Rekening” Sequence diagram pada Gambar 4.21 digunakan oleh dua aktor yaitu admin dan teller. Untuk admin pada awalnya akan membaca objek mitra terlebih dahulu untuk mengetahui siapa saja mitra yang akan dibuatkan rekening. Selain menggunakan objek mitra, admin juga menggunakan objek rekening untuk menulis rekening baru. Jika data yang diisi tidak lengkap maka sistem akan menampilkan alert dan admin harus melengkapinya kembali. Kemudian admin mencetak rekening. Untuk teller, dimulai pada saat teller menggunakan objek rekening untuk melihat data mitra yang sudah mendapatkan nomor rekening. transaksi read rekening tampilkan transaksi rekening read transaksi cetak transaksi write transaksi cek transaksi Admin 7. Sequence Diagram untuk Use Case “Manajemen Transaksi Pembiayaan ” Gambar 4.22 Sequence Diagram untuk Use Case “Manajemen Transaksi Pembiayaan ” Sequence diagram pada Gambar 4.22 dimulai pada saat admin akan menulis data transaksi, pada awalnya akan membaca objek rekening terlebih dahulu untuk dapat mengetahui siapa saja mitra yang melakukan transaksi. Lalu menggunakan objek transaksi dan menulis data transaksi sesuai dengan mitra yang melakukan transaksi, jika data yang diisi tidak lengkap maka akan menampilkan alert dan admin harus melengkapinya. Setelah itu data transaksi akan terbaca dan admin dapat melihat data transaksi dan dapat mencetaknya. angsuran read rekening write angsuran read angsuran rekening read angsuran cek angsuran tampilkan angsuran cetak angsuran Admin Teller 8. Sequence Diagram untuk Use Case “Manajemen Angsuran” Gambar 4.23 Sequence Diagram untuk Use Case “Manajemen Angsuran” Sequence diagram pada Gambar 4.23 digunakan oleh dua aktor yaitu teller dan admin. Untuk teller dimulai pada saat teller akan menulis data angsuran, pada awalnya akan membaca objek rekening terlebih dahulu untuk dapat mengetahui siapa saja mitra yang membayar angsuran. Selain menggunakan objek rekening, teller juga menggunakan objek angsuran untuk menulis angsuran baru. Jika data yang diisi tidak lengkap maka sistem akan menampilkan alert dan teller harus melengkapinya kembali. Kemudian teller mencetak angsuran. user Administrator tampilkan user read user write user cek user Untuk admin, dimulai pada saat admin menggunakan objek angsuran untuk melihat data mitra yang sudah membayar angsuran. 9. Sequence Diagram untuk Use Case “Manajemen User” Gambar 4.24 Sequence Diagram untuk Use Case “Manajemen User” Sequence diagram pada Gambar 4.24 dimulai pada saat administrator akan membuatkan account untuk user agar dapat memiliki hak akses memasuki sistem. Administrator menggunkan objek user untuk dapat menulis data account setiap user. Jika tidak diisi dengan lengkap maka administrator harus melengkapi data user yang dibutuhkan. Jika telah selesai maka administrator dapat melihat data user. ke menu home pilih menu logout User Cs, Ao, admin, Teller, Administrator Home Logout keluar dari sistem Mitra 10. Sequence Diagram untuk use case “Logout” Gambar 4.25 Sequence Diagram untuk use case “Logout” Sequence diagram pada Gambar 4.25 menerangkan bahwa user atau mitra dapat memilih menu home untuk melakukan Logout. Setelah itu dapat memilih tombol Logout dan user atau mitra telah keluar dari sistem.

4.2.1.5 Statechart Diagram

Statechart diagram ini akan menunjukkan keadaan-keadaan yang mungkin terjadi atau dialami oleh sebuah objek. Statechart diagram ini dibagi menjadi dua cara penggambarannya, statechart diagram berdasarkan use case dan statechart diagram berdasarkan class. Berikut ini penggambaran statechart diagram pada sistem informasi pembiayaan mudharabah. halaman website dibuka Membuka halaman website Menampilkan halaman website halaman website ditampilkan tombol daftar dipilih Mengisi username, password dan data pribadi Pilih tombol daftar username, password dan data pribadi diisi simpan mitra baru Data lengkap menu registrasi dipilih Pilih menu registrasi form registrasi ditampilkan Menampilkan form registrasi cek kelengkapan data Data tidak lengkap menampilkan alert data tidak lengkap 1. Statechart Diagram untuk Use Case “Registrasi” Gambar 4.26 Statechart Diagram untuk Use Case “Registrasi” Tabel 4.20 Keterangan Statechart Diagram untuk Use Case “Registrasi” Keadaan Statechart Keterangan Halaman website dibuka Keadaan ini berjalan ketika calon mitra membuka salah satu website seperti firefox, internet explorer dan lainnya. Halaman website ditampilkan Setelah membuka website, kemudian calon mitra dapat menampilkan website sistem informasi pembiayaan mudharabah . Menu registrasi dipilih Setelah halaman website ditampilkan, calon mitra dapat memilih menu registrasi dengan mendaftarkan dirinya untuk menjadi mitra dari sistem informasi pembiayaan mudharabah. Form registrasi ditampilkan Seteleh memilih menu “registrasi”, maka akan ditampilkan form registrasi yang memuat isian data pribadi calon mitra. Username , password dan data pribadi diisi Setelah form registrasi ditampilkan, calon mitra harus mengisi data pada baris yang kosong dengan menuliskan username , password dan data pribadi yang tersedia diform registrasi. Tombol daftar dipilih Setelah mengisi keseluruhan data yang terdapat pada form registrasi kemudian calon mitra memilih tombol “daftar” Cek kelengkapan data Data yang telah diisi akan dicekperiksa kelengkapannya oleh sistem. Menampilkan alert : “data tidak lengkap” Keadaan ini terjadi jika data yang dimasukkan tidak lengkap yaitu dengan ditampilkannya alert ketidaklengkapan data. Simpan mitra baru Keadaan ini terjadi jika data yang dimasukkan lengkap dan data mitra baru pun akan tersimpan. halaman website dibuka Membuka Halaman Website Menampilkan halaman website halaman wesite ditampilkan username dan password dicek Masukkan username dan password Mengecek username dan password username dan password ditampilkan menu login dipilih pilih menu login halaman utama ditampilkan Benar form login ditampilkan Menampilkan form login tampilan alert salah 2. Statechart Diagram untuk Use Case “Login” Gambar 4.27 Statechart Diagram untuk Use Case “Login” Tabel 4.21 Keterangan Statechart diagram Untuk Use Case “Login” Keadaan Statechart Keterangan Halaman website dibuka Keadaan ini berjalan ketika calon mitra membuka salah satu website seperti firefox, internet explorer dan lainnya. Halaman website ditampilkan Setelah membuka website, kemudian calon mitra dapat menampilkan website sistem informasi pembiayaan mudharabah . Menu login dipilih Setelah halaman website ditampilkan, calon mitra dapat memilih menu login untuk masuk halaman utama sistem. Form login ditampilkan Seteleh memilih menu “login”, maka akan ditampilkan form login yang berisi input-an username dan password. Username dan password ditampilkan Mitra dapat mengisikan username dan password yang telah terdaftar sebelumnya pada form login. Username dan password dicek Username dan password yang telah di- input akan dicek kesesuaian datanya oleh sistem. Tapilan alert Keadaan ini terjadi jika username dan password yang dimasukkan tidak sesuai dengan data yang ada di yaitu dengan ditampilkannya pesan data tidak benar. Halaman utama ditampilkan. Keadaan ini terjadi jika username dan password yang dimasukkan benar maka akan ditampilkan halaman utama. cs telah login Login sebagai cs Menampilkan halaman cs halaman cs ditampilkan Pilih cari mitra cari mitra dipilih Tampil cari mitra Lihat hasil mitra menu mitra dipilih menu mitra ditampilkan Tampil menu mitra cari mitra ditamplkan hasil mitra dilihat Lengkap simpan Tidak lengkap mitra ditampilkan edit delete detail aksi dipilih Mitra berhasil dihapus batal Pilih menu mitra Tampil mitra Cek kelengkapan data Pilih aksi Mitra berhasil diedit Mitra berhasil dilihat batal batal 3. Statechart Diagram untuk Use Case “Manajemen Mitra” Gambar 4.28 Statechart Diagram untuk Use Case “Manajemen Mitra” Tabel 4.22 Keterangan Statechart Diagram untuk Use Case “Manajemen Mitra” Keadaan State Keterangan CS telah Login Keadaan ini terjadi pada saat CS ingin memasuki halam utama. Halaman CS ditampilkan Setelah login valid, maka akan ditampilkan halaman CS. Menu mitra dipilih Keadaan ini ketika user masuk ke dalam sistem dan telah memilih menu mitra. Menu mitra ditampilkan Menu mitra akan ditampilkan setelah menu mitra ini dipilih oleh user untuk digunakan. Cari mitra dipilih Keadaan saat CS akan mencari mitra baru. Cari mitra ditampilkan Keadaan saat CS telah membuka tombol “cari mitra” maka akan menampilkan form mitra untuk diisi. Hasil mitra dilihat Keadaan ini terjadi jika data mitra akan dilihat oleh user. Cek kelengkapan data Data yang telah diisi akan dicekperiksa kelengkapannya oleh sistem. Mitra disimpan Jika data mitra telah lengkap diisi maka akan disimpan. Mitra ditampilkan Keadaan saat data mitra baru telah selesai maka data mitra baru akan ditampilkan. Aksi dipilih Keadaan saat CS akan melakukan aksi yang lain untuk mengubah, menghapus atau melihat detail data mitra. Mitra diedit Keadaan jika data mitra terdapat kesalahan maka dapat diedit. Mitra didelete Keadaan jika data mitra salah maka dapat dihapus. Detail mitra Keadaan saat CS ingin melihat secara Menu formulir pembiayaan dipilih Pilih menu formulir pembiayaan Lihat form formulir pembiayaan form formulir pembiayaan dilihat CS Mitra telah Login Login sebagai CS Mitra Menampilkan halaman sesuai Login Halaman telah ditampilkan sesuai pilihan Login Halaman CS ditampilkan Menampilkan halaman CS menu formulir pembiayaan dipilih Pilih menu formulir pembiayaan Tampil menu formulir pembiayaan menu formulir pembiayaan ditampilkan Halaman mitra ditampilkan Menampilkan halaman mitra tombol daftar dipilih data lengkap diisi Tidak lengkap Lengkap Pilih tombol daftar Mengisi data lengkap Simpan Cek kelengkapan data detail mengenai data mitra. 4. Statechart Diaram untuk Use Case “Manajemen Permohonan Pembiayaan” Gambar 4.29 Statechart Diagram untuk Use Case “Manajemen Permohonan Pembiayaan” Tabel 4.23 Keterangan Statechart Diagram untuk Use Case “Manajemen Permohonan Pembiayaan” Keadaan State Keterangan CSmitra telah Login Keadaan saat CS atau mitra akan menggunakan menu mitra dan Login berdasarkan account yang dimiliki. Halaman telah ditampilkan sesuai pilihan Login Keadaan saat Login telah dilakukan. Halaman CS ditampilkan Keadaan saat pilihan Login yang digunakan menggunakan account CS maka akan menampilkan halaman utama CS. Menu formulir pembiayaan dipilih Keadaan ini ketika CS masuk ke dalam sistem dan telah memilih menu formulir pembiayaan. Form formulir pembiayaan dilihat form formulir pembiayaan dilihat setelah menu formulir pembiayaan ini dipilih oleh CS untuk digunakan. Halaman mitra ditampilkan Keadaan saat pilihan Login yang digunakan menggunakan account mitra maka akan menampilkan halaman utama mitra. Menu formulir pembiayaan dipilih Keadaan ini ketika mitra masuk ke dalam sistem dan telah memilih menu formulir pembiayaan. Menu formulir pembiayaan ditampilkan Keadaan ini ketika mitra masuk ke dalam sistem dan telah menampilkan menu formulir pembiayaan. Keadaan mitra mengisi data lengkap di dalam formulir pembiayaan. Tombol daftar dipilih Setelah mengisi keseluruhan data yang terdapat pada form formulir pembiayaan kemudian mitra memilih tombol “daftar” Cek kelengkapan data Data yang telah diisi akan dicekperiksa kelengkapannya oleh sistem. Menampilkan alert : “data tidak lengkap” Keadaan ini terjadi jika data yang dimasukkan tidak lengkap yaitu dengan ditampilkannya alert ketidaklengkapan data. Simpan formulir pembiayaan Keadaan ini terjadi jika data yang dimasukkan lengkap dan data permohonan pembiayaan baru pun akan tersimpan. ao telah login Login sebagai ao Menampilkan home ao home ao ditampilkan Pilih aksi aksi dipilih Edit form survey form survey diedit form survey dilihat Detail form survey form survey ditampilkan Batal Batal Berhasil, menampilkan form survey menu survey dipilih Pilih menu survey form survey ditampilkan Menampilkan form survey form survey didelete persetujuan penolakan dicetak tambah survey dipilih Pilih tambah survey Menampilkan tambah form survey tambah form survey ditampilkan Lihat data data dilihat lengkap simpan Tidak lengkap alert ditampilkan form survey ditampilkan Tampil form survey Delete form survey Berhasil, menampilkan form survey Berhasil, menampilkan form survey Batal Cek kelengkapan data Cetak persetujuan penolakan 5. Statechart Diagram untuk Use Case “Manajemen Survey” Gambar 4.30 Statechart Diagram untuk Use Case “Manajemen Survey” Tabel 4.25 Keterangan Statechart Diagram untuk Use Case “Manajemen Survey” Keadaan State Keterangan Ao telah Login Keadaan saat ao telah masuk ke dalam sistem Home ao ditampilkan Keadaan saat ao sukses melakukan Login dan home ao akan ditampilkan. Menu survey dipilih Keadaan saat ao akan menggunakan menu survey untuk melihat data mitra yang akan disurvey. Form survey ditampilkan Setelah memilih menu survey maka form survey ditampilkan. Tambah survey dipilih Tambah form survey ditampilkan Data dilihat Cek kelengkapan data Alert ditampilkan Simpan data survey Aksi dipilih Keadaan saat ao akan menambahkan survey baru maka ao akan memilih tambah survey. Keadaan setelah ao membuka tombol “tambah survey” maka akan menampilkan form survey untuk diisi. Setelah ao menambah form survey kemudian data survey dilihat. Data yang telah diisi akan dicekperiksa kelengkapannya oleh sistem. Keadaan ini terjadi jika data yang dimasukkan tidak lengkap yaitu dengan ditampilkannya alert ketidaklengkapan data. Keadaan ini terjadi jika data yang dimasukkan lengkap dan data pun akan tersimpan. Keadaan saat ao akan melakukan aksi yang lain untuk melakukan konfirmasi atau melihat detail data. Survey diedit Keadaan saat data survey diubah untuk dikonfirmasi. Detail survey Keadaan saat ao ingin melihat secara detail data survey. Menu rekening mitra dipilih Pilih menu rekening mitra Tampil menu rekening mitra Menu rekening mitra ditampilkan rekening mitra telah diinput Tampil form rekening mitra Input rekening mitra Form rekening mitra ditampilkan rekening mitra disimpan Alert ditampilkan Lengkap, simpan rekening mitra Tidak lengkap, tampilkan alert rekening mitra ditampilkan Pilih aksi Aksi dipilih Edit Tampilkan rekening mitra diedit didelete delete rekening mitra ditampilkan Berhasil Batal Batal Berhasil rekening mitra dicetak Cetak rekening mitra Tambah rekening mitra dipilih Pilih tambah rekening mitra adminteller telah Login Login sebagai adminteller Menampilkan halaman sesuai Login Halaman telah ditampilkan sesuai pilihan Login Halaman Admin ditampilkan Menampilkan halaman Admin Menu daftar rekening mitra dipilih Pilih menu daftar rekening mitra Edit rekening mitra edit rekening mitra ditampilkan Halaman teller ditampilkan Menampilkan halaman teller ditampilkan Detail Berhasil Batal Pilih mitra Mitra telah dipilih Delete rekening mitra ditampilkan Delete rekening mitra kartu angsuran dicetak Cetak kartu angsuran Form survey yang telah dikonfirmasi ditampilkan Keadaan saat data survey yang telah diubah atau didelete maka daftar mitra yang akan disurvey akan terlihat. Persetujuan penolakan dicetak Keadaan saat ao ingin mencetak persetujuan penolakan yang telah dikonfirmasi. 6. Statechart Diagram untuk Use Case “Manajemen Rekening” Gambar 4.31 Statechart Diagram untuk Use Case “Manajemen Rekening” Tabel 4.26 Keterangan Statechart Diagram untuk Use Case “Manajemen Rekening ” Keadaan State Keterangan Adminteller telah Login Keadaan saat admin atau teller akan menggunakan menu rekening mitra dan Login berdasarkan account yang dimiliki. Halaman telah ditampilkan sesuai pilihan Login Keadaan saat Login telah dilakukan. Halaman admin ditampilkan Keadaan saat pilihan Login yang digunakan menggunakan account admin maka akan menampilkan halaman utama admin. Menu rekening mitra dipilih Keadaan ini ketika admin masuk ke dalam sistem dan telah memilih menu rekening mitra. Menu rekening mitra ditampilkan Menu rekening mitra ditampilkan setelah menu rekening mitra dipilih oleh admin untuk digunakan. Tambah rekening mitra dipilih Keadaan saat admin akan menambahkan rekening baru maka admin akan memilih tambah rekening mitra. Form rekening mitra ditampilkan Setelah memilih menu tambah rekening maka form rekening mitra ditampilkan. Mitra telah dipilih Keadaan ini ketika admin akan memilih mitra untuk dibuatkan rekening. Rekening mitra telah diinput Setelah memilih mitra maka admin menginput rekening mitra. Cek kelengkapan data Data yang telah diisi akan dicekperiksa kelengkapannya oleh sistem. Menampilkan alert : “data tidak lengkap” Keadaan ini terjadi jika data yang dimasukkan tidak lengkap yaitu dengan ditampilkannya alert ketidaklengkapan data. Rekening mitra disimpan Keadaan ini terjadi jika data yang dimasukkan lengkap dan data rekening mitra baru pun akan tersimpan. Aksi dipilih Keadaan saat admin akan melakukan aksi yang lain untuk melakukan konfirmasi atau melihat detail data. Rekening mitra diedit Keadaan saat data rekening mitra diubah. Detail rekening mitra Delete rekening mitra Keadaan saat admin ingin melihat secara detail data rekening mitra. Keadaan saat admin akan menghapus rekening mitra. Rekening mitra yang sudah jadi ditampilkan Keadaan saat data rekening mitra yang telah diubah atau didelete maka daftar mitra yang akan dibuatkan akan terlihat. Rekening mitra dicetak Halaman teller ditampilkan Menu daftar rekening mitra dipilih Edit rekening mitra ditampilkan Delete rekening mitra Kartu angsuran mitra dicetak Keadaan saat admin ingin mencetak rekening mitra yang sudah jadi. Keadaan saat pilihan Login yang digunakan menggunakan account teller maka akan menampilkan halaman utama teller. Keadaan saat teller memilih daftar mitra yang akan dibuatkan rekening. Keadaan saat teller menampilkan rekening mitra yang telah diubah. Keadaan saat teller akan menghapus rekening mitra. Keadaan saat teller ingin mencetak kartu angsuran mitra. Admin telah Login Login admin Menampilkan home admin Home admin ditampilkan transaksi pinjaman bagi hasil ditampilkan Tambah transaksi Menampilkan transaksi pinjaman bagi hasil transaksi ditambah simpan Alert ditampilkan Lengkap Tidak lengkap Tampil transaksi pembiayaan menu transaksi pembiayaan dipilih Pilih menu transaksi pembiayaan data dilihat Lihat data menu form transaksi pinjaman ditampilkan Menampilkan form transaksi pinjaman transaksi pembiayaan ditampilkan Pilih aksi Aksi dipilih Edit pengajuan pembiayaan transaksi pembiayaan diedit transaksi pembiayaan didelete delete pengajuan pembiayaan Berhasil, tampilkan transaksi pembiayaan Batal Berhasil, tampilkan transaksi pembiayaan Detail transaksi pembiayaan ditampilkan Detail pengajuan pembiayaan Berhasil, tampilkan transaksi pembiayaan Batal transaksi pembiayaan ditampilkan form transaksi dicetak Cetak form transaksi 7. Statechart Diagram untuk Use Case “Manajemen Transaksi Pembiayaan” Gambar 4.32 Statechart Diagram untuk Use Case “Manajemen Transaksi Pembiayaan” Tabel 4.27 Keterangan Statechart Diagram untuk Use Case “Manajemen Transaksi Pembiayaan ” Keadaan State Keterangan Admin telah Login Keadaan saat admin telah masuk ke dalam system Home admin ditampilkan Keadaan saat admin sukses melakukan Login dan home admin akan ditampilkan. Menu transaksi pembiayaan dipilih Keadaan saat admin akan menggunakan menu transaksi pembiayaan untuk melihat data mitra yang akan melakukan transaksi. Menu form transaksi pembiayaan ditampilkan Setelah memilih menu transaksi pembiayaan maka form transaksi pembiayaan ditampilkan. Transaksi ditambah Transaksi pinjaman bagi hasil ditampilkan Data dilihat Cek kelengkapan data Alert ditampilkan Simpan data transaksi pembiayaan Aksi dipilih Keadaan saat admin akan menambahkan data transaksi baru maka admin akan memilih tambah transaksi. Keadaan setelah admin membuka tombol “tambah transaksi” maka akan menampilkan transaksi pinjaman bagi hasil. Setelah admin menambah transaksi pinjaman bagi hasil kemudian data transaksi pinjaman bagi hasil dilihat. Data yang telah diisi akan dicekperiksa kelengkapannya oleh sistem. Keadaan ini terjadi jika data yang dimasukkan tidak lengkap yaitu dengan ditampilkannya alert ketidaklengkapan data. Keadaan ini terjadi jika data yang dimasukkan lengkap dan data pun akan tersimpan. Keadaan saat admin akan melakukan aksi yang lain untuk melakukan konfirmasi atau melihat detail data. Transaksi pembiayaan diedit Keadaan saat data transaksi pembiayaan diubah untuk dikonfirmasi. Detail transaksi pembiayaan Keadaan saat admin ingin melihat secara detail data transaksi pembiayaan. Transaksi pembiayaan yang telah dikonfirmasi ditampilkan Keadaan saat data transaksi pembiayaan yang telah diubah atau didelete maka daftar mitra yang akan melakukan transaksi akan terlihat. Form transaksi dicetak Keadaan saat admin ingin mencetak form transaksi yang telah dikonfirmasi. Menu angsuran dipilih Pilih menu angsuran Tampil menu angsuran Menu angsuran ditampilkan angsuran telah diinput Tampil form angsuran Input angsuran Form angsuran ditampilkan angsuran disimpan Alert ditampilkan Lengkap, simpan angsuran Tidak lengkap, tampilkan alert angsuran ditampilkan Pilih aksi Aksi dipilih Edit Tampil angsuran diedit didelete delete angsuran ditampilkan Berhasil Batal Batal Berhasil angsuran dicetak Cetak angsuran Tambah angsuran dipilih Pilih tambah angsuran teller admin telah Login Login sebagai teller admin Menampilkan halaman sesuai Login Halaman telah ditampilkan sesuai pilihan Login Halaman teller ditampilkan Menampilkan halaman teller Menu daftar angsuran dipilih Halaman admin ditampilkan Menampilkan halaman admin ditampilkan Detail Berhasil Batal Pilih mitra Mitra telah dipilih 8. Statechart Diagram untuk Use Case “Manajemen Angsuran” Gambar 4.33 Statechart Diagram untuk Use Case “Manajemen Angsuran” Tabel 4.28 Keterangan Statechart Diagram untuk Use Case “Manajemen Angsuran ” . Keadaan State Keterangan Teller Admin telah Login Keadaan saat teller atau admin akan menggunakan menu angsuran dan Login berdasarkan account yang dimiliki. Halaman telah ditampilkan sesuai pilihan Login Keadaan saat Login telah dilakukan. Halaman teller ditampilkan Keadaan saat pilihan Login yang digunakan menggunakan account teller maka akan menampilkan halaman utama teller. Menu angsuran dipilih Keadaan ini ketika teller masuk ke dalam sistem dan telah memilih menu angsuran. Menu angsuran ditampilkan Setelah teller memilih menu angsuran maka menu angsuran ditampilkan. Tambah angsuran dipilih Keadaan saat teller akan menambahkan angsuran baru maka teller akan memilih tambah angsuran mitra. Form angsuran ditampilkan Mitra telah dipilih Angsuran telah diinput Setelah memilih tambah angsuran maka form angsuran ditampilkan. Keadaan ini ketika teller akan memilih mitra untuk dibuatkan kartu angsuran. Setelah memilih mitra maka teller menginput kartu angsuran. Cek kelengkapan data Data yang telah diisi akan dicekperiksa kelengkapannya oleh sistem. Menampilkan alert : “data tidak lengkap” Keadaan ini terjadi jika data yang dimasukkan tidak lengkap yaitu dengan ditampilkannya alert ketidaklengkapan data. Angsuran mitra disimpan Keadaan ini terjadi jika data yang dimasukkan lengkap dan data angsuran mitra baru pun akan tersimpan. Aksi dipilih Keadaan saat teller akan melakukan aksi yang lain untuk melihat data secara detail . Angsuran mitra diedit Keadaan ketika teller atau admin akan mengubah data angsuran mitra. Detail angsuran mitra Delete angsuran mitra Keadaan saat teller atau admin ingin melihat secara detail data angsuran mitra. Keadaan saat teller atau admin akan menghapus angsuran mitra. Angsuran mitra yang sudah jadi ditampilkan Keadaan saat data angsuran mitra yang telah diubah atau didelete maka daftar mitra yang akan dibuatkan akan terlihat. Angsuran mitra dicetak Halaman admin ditampilkan Menu daftar angsuran dipilih Keadaan saat teller ingin mencetak angsuran mitra yang sudah jadi. Keadaan saat pilihan Login yang digunakan menggunakan account admin maka akan menampilkan halaman utama admin. Keadaan saat admin memilih daftar mitra yang akan dibuatkan angsuran. Administrator telah Login Login administrator Menampilkan halaman administrator Halaman administrator ditampilkan Form tambah user ditampilkan Pilih tambah user Tampil form tambah user Tambah user dipilih isimpan Alert ditampilkan Lengkap Tidak lengkap, tampilkan alert User ditampilkan Pilih aksi Aksi dipilih Edit user Tampil user User diedit User didelete delete user User ditampilkan Berhasil, tampilkan user Batal Batal Berhasil, tampilkan user Menu manajemen user dipilih Pilih menu manajemen user User diinput Input user Menu manajemen user ditampilkan Tampil menu manajemen user 9. Statechart Diagram untuk Use Case “Manajemen User” Gambar 4.34 Statechart Diagram untuk Use Case “Manajemen User” Tabel 4.29 Keterangan Statechart Diagram untuk Use Case “Manajemen User” Keadaan State Keterangan Administrator telah Login Keadaan saat administrator telah masuk ke dalam system Halaman administrator ditampilkan Keadaan saat administrator sukses melakukan Login dan halaman administrator akan ditampilkan. Menu manajemen user dipilih Keadaan ini ketika administrator masuk ke dalam sistem dan telah memilih menu manajemen user. Tambah user dipilih Keadaan saat administrator akan menambahkan user baru. Form tambah user ditampilkan Keadaan saat administrator telah membuka tombol “tambah user” maka akan menampilkan form tambah user untuk diisi. User diinput Keadaan ini terjadi jika user telah diisi oleh administrator. Alert ditampilkan Jika data user yang diisi tidak lengkap maka sistem akan menampilkan alert. User disimpan Jika data user telah lengkap diisi maka akan disimpan. User ditampilkan Keadaan saat data user baru telah selesai maka data user baru akan ditampilkan. Aksi dipilih Keadaan saat administrator akan melakukan aksi yang lain untuk mengubah atau menghapus data user. User diedit Keadaan jika pada data user terdapat kesalahan maka dapat diedit. User didelete Keadaan jika data user salah maka dapat dihapus. User ditampilkan Keadaan saat user baru yang telah diubah atau didelete maka data user akan terlihat. menu home dipilih Masuk menu home Tampilkan menu home Menampilkan menu home Pilih menu Log out Menu Log out telah dipilh Keluar dari sistem 10. Statechart Diagram untuk Use Case “Logout” Gambar 4.35 Statechart Diagram untuk Use Case “Logout” Tabel 4.30 Keterangan statechart diagram untuk Use Case “Logout” Keadaan State Keterangan Menu home dipilih Keadaan ini ketika user ingin ke luar sistem maka harus kembali ke menu home . Menampilkan menu home Menu home akan ditampilkan setelah menu home ini dipilih oleh user untuk digunakan. Menu Logout telah dipilih Jika user ingin keluar maka mengklik tombol Logout maka user akan keluar dari sistem, jika tidak maka user dapat memilih menu lain yang terdapat di home .

4.2.1.6 User Interface

Berikut ini rancangan layout pada sistem informasi pembiayaan mudharabah. 4.2.1.6.1 Halaman Administrator 1. Tampilan Login Username : Password : Login Copy Right © 2011 KSU BMT-UMJ LOGO Login Website Gambar 4.36 Tampilan Login 2. Tampilan Muqaddimah Administrator HEADER Assalamualaikum Warahmatullahhi Wabarakatuh Nama Login Nama Lengkap Level User : Administratr : Administrator : Administrator Login Hari ini: Selasa, 25 Januari 2011 | 08:04:34 SISTEM INFORMASI PEMBIAYAAN MUDHARABAH KSU BMT-UMJ Muqaddimah Modul Manajemen User Profil Formulir Pembiayaan Transaksi Pembiayaan Survey Rekening Mitra Data Mitra Persyaratan Pembiayaan Logout FOOTER silahkan klik menu pilihan yang berada di sebelah kiri untuk mengelola content website. Angsuran Gambar 4.37 Tampilan Muqaddimah Administrator 3. Tampilan Modul HEADER SISTEM INFORMASI PEMBIAYAAN MUDHARABAH KSU BMT-UMJ Muqaddimah Modul Manajemen User Profil Formulir Pembiayaan Transaksi Pembiayaan Survey Rekening Mitra Data Mitra Persyaratan Pembiayaan Logout FOOTER Angsuran Modul Tambah Modul No HEADER SISTEM INFORMASI PEMBIAYAAN MUDHARABAH KSU BMT-UMJ Muqaddimah Modul Manajemen User Profil Formulir Pembiayaan Transaksi Pembiayaan Survey Rekening Mitra Data Mitra Persyaratan Pembiayaan Logout FOOTER Angsuran Modul Tambah Modul No 1 1 1 NAMA MODUL LINK PUBLISH AKTIF STATUS AKSI xxxx xxxx x x x [edit] | [hapus] xxxx xxxx xxxx xxxx x x x x x x [edit] | [hapus] [edit] | [hapus] Gambar 4.38 Tampilan Modul 4. Tampilan User HEADER SISTEM INFORMASI PEMBIAYAAN MUDHARABAH KSU BMT-UMJ Muqaddimah Modul Manajemen User Profil Formulir Pembiayaan Transaksi Pembiayaan Survey Rekening Mitra Data Mitra Persyaratan Pembiayaan Logout FOOTER Angsuran User Tambah Modul No HEADER SISTEM INFORMASI PEMBIAYAAN MUDHARABAH KSU BMT-UMJ Muqaddimah Modul Manajemen User Profil Formulir Pembiayaan Transaksi Pembiayaan Survey Rekening Mitra Data Mitra Persyaratan Pembiayaan Logout FOOTER Angsuran User Tambah User No 1 1 1 Id_Number Nama Lengkap Email Level Aksi xxxx xxxx x x [edit] | [hapus] xxxx xxxx xxxx xxxx x x x x [edit] | [hapus] [edit] | [hapus] Gambar 4.39 Tampilan User 5. Tampilan Profil HEADER SISTEM INFORMASI PEMBIAYAAN MUDHARABAH KSU BMT-UMJ Muqaddimah Modul Manajemen User Profil Formulir Pembiayaan Transaksi Pembiayaan Survey Rekening Mitra Data Mitra Persyaratan Pembiayaan Logout Angsuran Profil HEADER SISTEM INFORMASI PEMBIAYAAN MUDHARABAH KSU BMT-UMJ Muqaddimah Modul Manajemen User Profil Formulir Pembiayaan Transaksi Pembiayaan Survey Rekening Mitra Data Mitra Persyaratan Pembiayaan Logout Angsuran Ganti Foto : Browse.. Update Gambar 4.40 Tampilan Profil

4.2.1.6.2 Halaman Calon Mitra

1. Tampilan Utama HEADER Assalamualaikum Warahmatullahhi Wabarakatuh Silahkan anda Memilih Menu yang ada di sebelah Kiri FOOTER Jika anda belum mempunyai password, silahkan memilih menu Register atau klik tombol ini Register Muqaddimah Profil Persyaratan Pembiayaan Register Menu Utama Januari, 2011 M S S R K J S 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 Username : Password : Login Login KOPERASI SERBA USAHA BMT-UMJ Sekarang Pukul: 10:53:15 Selamat datang di Website KSU BMT-UMj Gambar 4.41 Tampilan Utama Calon Mitra 2. Halaman Register HEADER REGITRASI FOOTER Muqaddimah Profil Persyaratan Pembiayaan Registrasi Menu Utama Username : Login Password : Login V V V Username : Tempattgl Lahir Alamat Rumah Perempuan Laki-laki Browse.. Daftar Reset Password : Nama Lengkap : Email : Telepon : Jenis Kelamin : Scan KTP Tipe gambar harus JPGJPEG dan ukuran lebar maks: 400 px Kode Verivikasi : Keterangan : 1. Wajib Diisi 2. Data Harus Benar Silahkan Isi Dengan Lengkap No KTP : Januari, 2011 M S S R K J S 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 Gambar 4.42 Tampilan Register

4.2.1.6.3 Halaman Mitra

1 Halaman Utama Sistem HEADER Assalamualaikum Warahmatullahhi Wabarakatuh Silahkan anda Memilih Menu yang ada di sebelah Kiri FOOTER Jika anda belum mempunyai password, silahkan memilih menu Register atau klik tombol ini Register Muqaddimah Profil Persyaratan Pembiayaan Register Menu Utama Januari, 2011 M S S R K J S 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 Username : Password : Login Login KOPERASI SERBA USAHA BMT-UMJ Sekarang Pukul: 10:53:15 Selamat datang di Website KSU BMT-UMj xxxx xxxx Gambar 4.43 Tampilan Utama Sistem 2 Halaman Utama Mitra HEADER Assalamualaikum Warahmatullahhi Wabarakatuh Nama Login : alie Nama Mitra Nama BMT : Alie Login Hari ini: Selasa, 25 Januari 2011 | 11:55:18 SISTEM INFORMASI PEMBIAYAAN MUDHARABAH KSU BMT-UMJ Muqaddimah Data Mitra Cara Pembayaran Formulir Pembiayaan Ganti Password Logout FOOTER silahkan klik menu pilihan yang berada di sebelah kiri untuk mengelola content website. : jl. Kh. Ahmad dahlan : KSU BMT-UMJ Lokasi Gambar 4.44 Tampilan Utama Mitra 3 Halaman Isi Formulir Muqaddimah Data Mitra Cara Pembayaran Formulir Pembiayaan Ganti Password Logout Harap Di isi semua I. DATA PRIBADI V V V Nama Nasabah Tempattgl Lahir Jenis Kelamin Lama Usaha No. KTP Pendidikan Terakhir Alamat Rumah Telepon Rumah Telepon Usaha Alamat Usaha Perempuan Laki-laki Stat.Nikah Pekerjaan - Silahkan Pilih - Menikah Belum Menikah V Penghasilan Bulan II. DATA PEMBIAYAAN Rp. Jumlah Pembiayaan Untuk Keperluan Sumber Pembayaran Jaminan Pembiayaan yang lalu Pembiayaan yang ke III. Data Penghasilan dan Pengeluaran Penghasilan Lainnya Rp. Rp. Total Rp. Penghasilan Suami Rp. Penghasilan Istri

A. Penghasilan

Pengeluaran Pribadi Rp. Rp. Listriktlp Rp. Biaya Rumah Tangga Rp. Biaya Sekolah

B. Pegeluaran

Pengeluaran Lainnya Rp. Rp. Total

IV. Data Usaha Penghasilan Lainnya

Rp. Omset Perhari Rp. Omset Perbulan

A. Penjual

Rp. Biaya Sewa Rp. Rp. Biaya Lain Rp. Pembelian Barang Dagangan Rp. Biaya Tenaga Kerja

B. Biaya

Jumlah Pengeluaran Rp. Rp. Keuntungan Rata-rata Daftar Batal HEADER SISTEM INFORMASI PEMBIAYAAN MUDHARABAH KSU BMT-UMJ FOOTER Formulir Pembiayaan Mudharabah Gambar 4.45 Tampilan Isi Formulir 4 Tampilan Ganti Password HEADER Ganti Password Nama Mitra Nama lengkap Password Baru SISTEM INFORMASI PEMBIAYAAN MUDHARABAH KSU BMT-UMJ Muqaddimah Data Mitra Cara Pembayaran Formulir Pembiayaan Ganti Password Logout FOOTER Email xxx xxx xxx xxx Update Batal Masukkan Password Baru Gambar 4.46 Tampilan Ganti Password

4.2.1.6.4 Halaman Customer Service

1. Tampilan Muqaddimah CS

HEADER Assalamualaikum Warahmatullahhi Wabarakatuh Nama Login Nama Lengkap Level User : CS : Customer Service : CS Login Hari ini: Selasa, 25 Januari 2011 | 14:38:00 SISTEM INFORMASI PEMBIAYAAN MUDHARABAH KSU BMT-UMJ Muqaddimah Formulir Pembiayaan Data Mitra Persyaratan Pembiayaan Logout FOOTER silahkan klik menu pilihan yang berada di sebelah kiri untuk mengelola content website. Gambar 4.47 Tampilan Muqaddimah CS 2. Tampilan Data Mitra HEADER Data Mitra SISTEM INFORMASI PEMBIAYAAN MUDHARABAH KSU BMT-UMJ No NAMA LENGKAP NAMA MITRA ID AKTIF EMAIL 1 x xxxx xxxx x [edit] | [hapus] | [detail] 2 x xxxx xxxx x [edit] | [hapus] | [detail] 3 x xxxx xxxx x [edit] | [hapus] | [detail] FOOTER ATUR x x x Cari Hapus Check All Uncheck All Muqaddimah Formulir Pembiayaan Data Mitra Persyaratan Pembiayaan Logout Jumlah Data Mitra yang terdaftar = 3 Mitra Gambar 4.48 Tampilan Data Mitra 3. Formulir Mitra HEADER Formulir Mitra SISTEM INFORMASI PEMBIAYAAN MUDHARABAH KSU BMT-UMJ No ALAMAT NAMA ID Tgl_Daftar Telp 1 x xxxx xxxx x [cetak] | [edit] | [hapus] | [detail] 2 x xxxx xxxx x [cetak] | [edit] | [hapus] | [detail] 3 x xxxx xxxx x [cetak] | [edit] | [hapus] | [detail] FOOTER AKSI x x x Cari Hapus Check All Uncheck All Muqaddimah Formulir Pembiayaan Data Mitra Persyaratan Pembiayaan Logout Jumlah Data Mitra yang terdaftar = 3 Mitra Otorisasi Syarat Survey x x x x x x x x Tgl_Daftar AKSI Telp ALAMAT NAMA Id_Mitra No Cari Tambah Formulir Gambar 4.49 Tampilan Formulir Mitra 4. Tampilan File Pembiayaan XXX Nama Mitra Tempat tanggal Lahir Lama Usaha No. KTP Pendidikan Terakhir Alamat Rumah Telepon Usaha Alamat Usaha Stat.Nikah Pekerjaan Penghasilan Jumlah Pembiayaan Untuk Keperluan Sumber Pembayaran Jaminan Pembiayaan yang lalu Pembiayaan yang ke III. Data Penghasilan dan Pengeluaran Pengeluaran Pribadi Listriktlp Biaya Rumah Tangga Biaya Sekolah Pengeluaran Lainnya Total IV. Data Usaha Penghasilan Lainnya Omset Perhari Omset Perbulan A. Penjual Biaya Sewa Biaya Lain Pembelian Barang Dagangan Biaya Tenaga Kerja B. Biaya Jumlah Pengeluaran Keuntungan Rata-rata FILE PEMBIYAAN MITRA KSU BMT-UMJ Jl. Kh. Ahmad Dahlan Komplek Kampus UMJ CIPUTAT Tanggal : XXXX Bismillahirrahmanirrahim Id Mitra XXX XXX Jenis Kelamin X XXX XXX XXX XXX XXX XXX XXX XXX XXX XXX Persyaratan XXX XXX XXX XXX XXX XXX XXX XXX XXX XXX XXX XXX XXX XXX XXX XXX XXX XXX XXX XXX XXX PENERIMA MITRA Admin XXX LOGO I. Data Pribadi II. Data Pembiayaan ------TERIMA KASIH------ Atas Partisipasinya “Semoga Kebaikan Ibu dan Bapak akan di balas Oleh-Nya Amin.” Gambar 4.50 Tampilan File Pembiayaan

4.2.1.6.5 Halaman Account Officer

1. Tampilan Muqaddimah AO