User Interface State Diagram berdasarkan Class

H ead er M en u S elam at D atang di S istem inform asi Pem biayaan M udhara bah Jam H om e Profil K JK S Produk K JK S Persyaratan Pem biayaan U s er Login K alen der C opyright © 2010 K JK S EL M U B A R O K . A ll R igh ts Reserved. Collaboration diagram pada Gambar 5.44 menjelaskan bahwa user dapat memilih menu home untuk dapat memilih tanda Logout, jika ingin keluar dapat mengklik Logout maka user akan keluar dari sistem.

5.1.7 User Interface

Berikut ini rancangan layout pada sistem informasi pembiayaan mudharabah. 1. Tampilan halaman utama Sistem Informasi Pembiayaan Mudharabah Home Gambar 5.45 Tampilan halaman utama Sistem Informasi Pembiayaan Mudharabah Home Gambar 5.45 menampilkan halaman utama sistem informasi pembiayaan mudharabah. Pada halaman ini terdapat beberapa menu yang bisa dipilih oleh user. Salah satunya terdapat pilihan menu Login yang dapat dipilih oleh user untuk dapat masuk ke dalam halaman user. H eader M enu Jam H ome P rofil KJK S P roduk K JKS P ersyaratan P embiayaan User L ogin Kalender Profil K JKS A l M ubarok Isi P rofil C opyright © 2010 KJK S EL M U BA R OK . All Rights R eserved . H e a d e r M en u Jam H o m e P ro f il K J K S P ro d u k K J K S P ers y ara tan P em b iay a an U ser L o g in K alen d er P ro d u k K JK S A l M u b aro k Is i P ro d u k C o p y r ig h t © 2 0 1 0 K JK S E L M U B A R O K . A ll R ig h ts R e serv ed . 2. Tampilan Menu Profil Gambar 5.46 Tampilan Menu Profil Gambar 5.46 menampilkan menu profil, tampilan ini memberikan informasi tentang profil KJKS El Mubarok. Menu ini dapat dilihat atau diakses oleh seluruh user. 3. Tampilan Menu Produk Gambar 5.47 Tampilan Menu Produk Header M enu Jam Ho me Pro fil K JK S Pro duk K JK S Persya ratan Pem biayaa n U se r Log in Ka len der Pe rsy aratan Pe mb iaya an M udh ara bah Isi Persyarata n Pem bia yaa n M udh ara bah Co pyright © 2 010 KJKS E L MU BA RO K. All Rig hts R eserve d. Gambar 5.47 menampilkan menu produk, tampilan ini memberikan informasi mengenai produk-produk yang dimiliki KJKS El Mubarok. Menu ini dapat dilihat atau diakses oleh seluruh user. 4. Tampilan Menu Persyaratan Pembiayaan Gambar 5.48 Tampilan Menu Persyaratan Pembiayaan Gambar 5.48 menampilkan menu persyaratan pembiayaan, tampilan ini memberikan informasi syarat-syarat yang harus dipenuhi oleh anggota jika ingin mengajukan pembiayaan ke KJKS El Mubarok. Menu ini dapat dilihat atau diakses oleh seluruh user. H e a d e r U s er L og i n C o p yr ig h t © 20 1 0 K JK S E L M U B A R O K . A ll R ig h ts R es er v ed . : : U s er na m e P as s w or d L o gi n H o m e G a m b ar 5. Tampilan Login Gambar 5.49 Tampilan Login Gambar 5.49 menampilkan menu Login. Menu ini digunakan oleh user untuk dapat memasuki halaman user sesuai dengan pilihan account dan berdasarkan tugas serta aktifitas user yang dimiliki untuk mengakses sistem. Header M enu Assalamualaikum cs Silahkan Pilih M enu disebelah kiri.. Status User Customer service Level User Nama Login cs Gambar Copyright © 2010 KJKS EL M UBAROK. All Rights Reserved. Home Anggota Tabungan Pem biayaan Mudharabah Logout Profil U ser a Halaman CS 1. Tampilan Halaman Utama CS Gambar 5.50 Tampilan Halaman Utama CS Gambar 5.50 menampilkan halaman utama CS, tampilan ini muncul pada saat user CS telah melakukan Login terlebih dahulu. Pada halaman ini terdapat menu-menu yang dapat dipilih oleh CS sesuai dengan kegiatannya. Header Menu Status User Customer service Level User Nama Login cs Gambar Copyright © 2010 KJKS EL MUBAROK. All Rights Reserved. Home Anggota Tabungan Pembiayaan Mudharabah Logout Daftar Anggota Tambah Anggota Check All Uncheck All Hapus Halaman : 1 ~ Jumlah data : KODE ANGGOTA NO NAMA TGL DAFTAR TTL JENIS KELAMIN PEKERJAAN AKSI Profil User Logo cetak 2. Tampilan Menu Anggota Gambar 5.51 Tampilan Menu Anggota Gambar 5.51 menampilkan halaman menu anggota. CS dapat mengatur data anggota. Pada halaman ini CS dapat menambah data anggota baru dengan memilih “tambah anggota” maka akan ditampilkan form tambah anggota yang terdapat pada Gambar 5.52. Selain itu CS dapat mengubah data anggota yang telah di input dengan memilih aksi edit, halaman ini terdapat pada Gambar 5.53. CS juga dapat melihat secara detail data anggota pada Gambar 5.54 dengan memilih aksi detail. Seluruh daftar anggota pun dapat di cetak oleh CS dengan memilih logo cetak pada halaman ini yang digambarkan pada Gambar 5.55. Header Menu Status User Customer service Level User Nama Login cs Gambar Copyright © 2010 KJKS EL MUBAROK. All Rights Reserved. Home Anggota Tabungan Pembiayaan Mudharabah Logout Pendaftaran Anggota Yang bertanda tangan dibawah ini: I. Pemohon Calon Anggota 1. Kode Anggota 4. Tempattgl Lahir 3. Jenis Kelamin 2. Nama Lengkap 5. No KTP SIM 6. Status Pernikahan 7. Pendidikan 8. Pekerjaan 9. Penghasilan 10. Alamat Lengkap 11. Telepon HP 12. Nama Kantor Perusahaan 13. Alamat Kantor 14. Telepon Kantor II. PETUGAS KJKS AL MUBAROK 1. Nama Petugas 2. Jabatan Kode verifikasi Daftar Reset ket=Wajib Diisi 48pynq Profil User 3. Tampilan Form Tambah Anggota Gambar 5.52 Tampilan Form Tambah Anggota Header Menu Status User Customer service Level User Nama Login cs Gambar Copyright © 2010 KJKS EL MUBAROK. All Rights Reserved. Home Anggota Tabungan Pembiayaan Mudharabah Logout Pekerjaan Jenis Kelamin Nama Lengkap TTL Tanggal No KTPSIM Status Pendidikan Keterangan Pendidikan Penghasilan Alamat Telepon Nama Kantor Alamat Kantor Telepon Kantor Update Batal Laki-laki Perempuan Single Menikah Janda Duda Profil User Header M e nu Statu s User C ustom er se rvice Le vel U se r N am a Log in cs G am bar C opy rig ht © 20 10 K JK S E L M UB AR O K. A ll R ig hts R eserv ed. H om e A ngg ota T abu nga n P em bia yaa n M u dha rab ah Lo gou t Jenis Ke lam in N am a Le ngk ap K od e An ggo ta P eke rja an T TL N o K TP S tatus N ika h P end idikan K ete ran gan Pen did ika n P eng hasila n A lam at T ele pon N am a Ka nto r A lam at K an tor T lp K antor B ack T gl D aftar DA TA LE NG KA P Profil User 4. Tampilan Edit Anggota Gambar 5.53 Tampilan Edit Anggota 5. Tampilan Detail Anggota Gambar 5.54 Tampilan Detail Anggota DAFTAR ANGGOTA KOPERASI JASA KEUANGAN SYARIAH EL MUBAROK KODE ANGGOTA NO NAMA ANGGOTA TTL PEKERJAAN JENIS KELAMIN STATUS logo JL. IBNU ARMAH PANGKALANJATI CINERE DATA SELURUH ANGGOTA KJKS EL MUBAROK NO IDENTITAS TGL REGISTRASI ALAMAT Header Menu Status User Customer service Level User Nama Login cs Gambar Copyright © 2010 KJKS EL MUBAROK. All Rights Reserved. Home Anggota Tabungan Pembiayaan Mudharabah Logout DATA TABUNGAN Tambah Data Check All Uncheck All Hapus Halaman : 1 ~ Jumlah data : NO REKENING NO KODE ANGGOTA JENIS GOLONGAN TGL BUKA REKENING NAMA ANGGOTA AKSI Profil User Logo cetak 6. Tampilan Cetak Anggota Gambar 5.55 Tampilan Cetak Anggota 7. Tampilan Menu Tabungan Gambar 5.56 Tampilan Menu Tabungan Header M enu Status User C ustom er service L evel U ser N am a L ogin cs G am bar C opyright © 2010 KJK S E L M U B AR O K . A ll Rights R eserved. Hom e Anggota Tabungan Pem biayaan M udharabah L ogout A lam at A nggota N am a A nggota N o R ekening N o Identitas Jenis G olongan Pem bukaan Rekening T A M B AH D AT A TA B U NG A N Sim pan B atal D ata T abungan Profil U ser N o Identitas Jenis K elam in K ode A nggota N o T lp ID E N TITA S AN G G OT A search N am a A nggota T gl D aftar A lam at Gambar 5.56 menampilkan halaman menu tabungan. CS dapat mengatur data tabungan. Pada halaman ini CS dapat menambah data tabungan baru dengan memilih “tambah tabungan” maka akan ditampilkan form tambah tabungan yang terdapat pada Gambar 5.57. Selain itu CS dapat mengubah data tabungan yang telah di input dengan memilih aksi edit, halaman ini terdapat pada Gambar 5.58. CS juga dapat melihat secara detail data tabungan pada Gambar 5.59 dengan memilih aksi detail. Seluruh daftar tabungan pun dapat di cetak oleh CS dengan memilih logo cetak pada halaman ini yang digambarkan pada Gambar 5.60. CS juga dapat mencetak buku tabungan untuk tiap anggota dengan memilih aksi cetak buku tabungan yang digambarkan pada Gambar 5.61. 8. Tampilan Form Tambah Tabungan Gambar 5.57 Tampilan Form Tambah Tabungan Header Menu Status User Customer service Level User Nama Login cs Gambar Copyright © 2010 KJKS EL MUBAROK. All Rights Reserved. Home Anggota Tabungan Pembiayaan Mudharabah Logout Jenis Golongan Nama Anggota Kode Anggota EDIT TABUNGAN Update Batal Profil User H eader M e n u S ta tu s U ser Cu sto m er se rv ice L e ve l U ser N a m a Lo g in c s G a m ba r C op y righ t © 2 01 0 K JK S E L M U BA R O K . A ll R ig hts R e se rv e d. H o m e A n gg o ta T a bu ng a n P e m biay aa n M ud ha rab ah L o go ut N am a A ng g ota K od e A n g go ta N o R e ke nin g T A M B A H D A TA T A B U N G A N B ac k P ro fil U se r Je nis G o lo n ga n N am a Id en tita s A la m at A n g go ta N am a Pe tu g as Tg l B u ka 9. Tampilan Edit Tabungan Gambar 5.58 Tampilan Edit Tabungan 10. Tampilan Detail Tabungan Gambar 5.59 Tampilan Detail Tabungan DAFTAR TABUNGAN ANGGOTA KOPERASI JASA KEUANGAN SYARIAH EL MUBAROK NO REKENING NO KODE ANGGOTA GOLONGAN PEMBUKAAN REKENING TGL BUKA NAMA ANGGOTA logo JL. IBNU ARMAH PANGKALANJATI CINERE DATA SELURUH TABUNGAN ANGGOTA KJKS EL MUBAROK KARTU TABUNGAN KJKS EL MUBAROK Kode Anggota No Rekening Nama Anggota Nama Koperasi Alamat Tgl Buka Rek No Buku Tabungan : No Tgl Setoran Kode Setoran Kredit Keterangan Saldo Debit 1 2 6 5 3 4 10 9 7 8 11. Tampilan Cetak Seluruh Daftar Tabungan Gambar 5.60 Tampilan Cetak Seluruh Daftar Tabungan 12. Tampilan Cetak Buku Tabungan Gambar 5.61 Tampilan Cetak Buku Tabungan Header Menu Status User Customer service Level User Nama Login cs Gambar Copyright © 2010 KJKS EL MUBAROK. All Rights Reserved. Home Anggota Tabungan Pembiayaan Mudharabah Logout DAFTAR PENGAJUAN PEMBIAYAAN Tambah Pembiayaan Check All Uncheck All Hapus Halaman : 1 ~ Jumlah data : 2 KODE PEMBIAYAAN NO KODE ANGGOTA NAMA ANGGOTA ALAMAT NO REKENING AKSI Profil User Logo cetak 13. Tampilan Menu Pembiayaan Gambar 5.62 Tampilan Menu Pembiayaan Gambar 5.62 menampilkan halaman menu pembiayaan. CS dapat mengatur data pembiayaan. Pada halaman ini CS dapat menambah data pengajuan pembiayaan baru dengan memilih “tambah pembiayaan” maka akan ditampilkan form pengajuan pembiayaan yang terdapat pada Gambar 5.63. Selain itu CS dapat mengubah data pengajuan pembiayaan yang telah diinput dengan memilih aksi edit, halaman ini terdapat pada Gambar 5.64. CS juga dapat melihat secara detail data pengajuan pembiayaan pada Gambar 5.65 dengan memilih aksi detail. Header Menu Status User Customer service Level User Nama Login cs Gambar Copyright © 2010 KJKS EL MUBAROK. All Rights Reserved. Home Anggota Tabungan Pembiayaan Mudharabah Logout Tambah Daftar Pembiayaan Identitas Anggota search Kode Anggota FORMULIR PERMOHONAN PEMBIAYAAN No Rekening Nama Anggota Kode Otomatis 1.Kode Pembiayaan 2. No Rekening 3. Kode Anggota 4. Nama Lengkap Rp 5. Jumlah Pembiayaan yang diajukan 6. Terbilang Bulan 7. Jangka Waktu 8. Tujuan Pengajuan Pembiayaan 9. Nama Kantor 10. Bidang Usaha Simpan Batal ket=Wajib Diisi Profil User 11. Alamat Kantor Ket 16. Jaminan 19. Alamat 18. Pekerjaan 17. Nama Penjamin Ket 15. Data Kekayaan Rp bulan 14. Penghasilan Ket 13. Fasilitas Pembiayaan 12. Telepon Kantor 20 Telepon zjpwnh Kode Verifikasi Pilih Pilih Pilih Seluruh daftar pengajuan pembiayaan pun dapat di cetak oleh CS dengan memilih logo cetak pada halaman ini yang digambarkan pada Gambar 5.66. 14. Tampilan Form Tambah Pengajuan Pembiayaan Gambar 5.63 Tampilan Form Tambah Pengajuan Pembiayaan Header Menu Status User Customer service Level User Nama Login cs Gambar Copyright © 2010 KJKS EL MUBAROK. All Rights Reserved. Home Anggota Tabungan Pembiayaan Mudharabah Logout Edit Pembiayaan No Rekening Nama Anggota Kode Anggota Alamat Telepon No Identitas Rp Jumlah Pembiayaan yang diajukan Terbilang Bulan Jangka Waktu Tujuan Pengajuan Pembiayaan Nama Kantor Bidang Usaha Update Batal Profil User Alamat Kantor Jaminan Alamat Pekerjaan Nama Penjamin Data Kekayaan Rp bulan Penghasilan Fasilitas Pembiayaan Telepon Kantor Telepon 15. Tampilan Edit Pembiayaan Gambar 5.64 Tampilan Edit Pembiayaan Header Menu Status User Customer service Level User Nama Login cs Gambar Copyright © 2010 KJKS EL MUBAROK. All Rights Reserved. Home Anggota Tabungan Pembiayaan Mudharabah Logout DETAIL No Rekening Nama Anggota Kode Anggota Alamat Telepon No Identitas Jumlah Pembiayaan yang diajukan Terbilang Jangka Waktu Tujuan Pengajuan Pembiayaan Nama Kantor Bidang Usaha Profil User Alamat Kantor Jaminan Alamat Pekerjaan Nama Penjamin Data Kekayaan Penghasilan Fasilitas Pembiayaan Telepon Kantor Telepon Back DAFTAR PENGAJUAN PEMBIAYAAN MUDHARABAH ANGGOTA KOPERASI JASA KEUANGAN SYARIAH EL MUBAROK KODE PEMBIAYAAN NO KODE ANGGOTA AJUAN PEMBIAYAAN PENGHASILAN NAMA ANGGOTA logo JL. IBNU ARMAH PANGKALANJATI CINERE NO REK JANGKA WAKTU TUJUAN JAMINAN DATA SELURUH PENGAJUAN PEMBIAYAAN MUDHARABAH KJKS EL MUBAROK 16. Tampilan Detail Pembiayaan Gambar 5.65 Tampilan Detail Pembiayaan 17. Tampilan Cetak Daftar Pengajuan Pembiayaan Gambar 5.66 Tampilan Cetak Daftar Pengajuan Pembiayaan Header Menu Assalamualaikum teller Silahkan Pilih Menu disebelah kiri.. Status User Teller Level User Nama Login teller Gambar Copyright © 2010 KJKS EL MUBAROK. All Rights Reserved. Home Realisasi Pembiayaan Angsuran Logout Profil User b Halaman Teller 1. Tampilan Halaman Utama Teller Gambar 5.67 Tampilan Halaman Utama Teller Gambar 5.67 menampilkan halaman utama teller, halaman ini muncul pada saat teller telah melakukan Login terlebih dahulu. Pada halaman ini terdapat menu-menu yang dapat dipilih oleh teller sesuai dengan kegiatannya. Header Menu Status User Teller Level User Nama Login teller Gambar Copyright © 2010 KJKS EL MUBAROK. All Rights Reserved. Home Realisasi Pembiayaan Angsuran Logout Profil User DATA REALISASI PEMBIAYAAN Check All Uncheck All Hapus KODE PEMBIAYAAN NO KODE ANGGOTA NO REKENING AJUAN PEMBIAYAAN NAMA ANGGOTA JANGKA WAKTU BULAN Check All Uncheck All Hapus KODE REALISASI NO KODE PEMBIAYAAN NAMA ANGGOTA JUMLAH PEMBIAYAAN KODE ANGGOTA JANGKA WAKTU DATA AJUAN PEMBIAYAAN YANG BELUM DIREALISASI Jumlah Data Pengajuan Pembiayaan yang belum direalisasi = AKSI TOTAL ANGSURAN PER BULAN AKSI Hal : Hal : Logo cetak 2. Tampilan Menu Realisasi Pembiayaan Gambar 5.68 Tampilan Menu Realisasi Pembiayaan Gambar 5.68 menampilkan halaman menu realisasi pembiayaan. Teller dapat mengatur data realisasi pembiayaan. Pada halaman ini teller dapat menambah data realisasi pembiayaan baru dengan memilih “realisasi” pada tabel daftar pengajuan pembiayaan yang telah disetujui maka akan ditampilkan form pengajuan pembiayaan untuk direalisasi yang terdapat pada Gambar 5.69. Setelah pilihan realisasi diubah oleh teller maka teller dapat menekan tombol proses setelah itu akan muncul form tambah realisasi pembiayaan yang tergambar pada Gambar 5.70. Form realisasi pembiayaan selesai diisi, maka dapat di cetak oleh teller sebagai dan dijadikan perjanjian antara pihak anggota dengan KJKS, form ini tergambar pada Gambar 5.71. Teller juga dapat melihat secara H eader M en u S ta tu s U se r T e ller L ev e l U ser N am a L o gin te ller G am b a r C o p yrig h t © 20 10 K JK S EL M U B A RO K . A ll R ig h ts R eserv ed . P ro fil U ser H o m e R ea lisasi P em biay aa n A n gsu ra n L og o ut R ea lisa si P em b ia y aa n A ju an P em b ia y aa n Ju m la h Pe m b ia ya a n y an g diajuk a n Tu jua n P e ng a ju an P em b ia y aa n Ja ng k a W ak tu Te rbila ng N am a K an to r B id an g U sa ha A la m at K an to r Te le p on K an tor Pe n gh asila n D ata K e ka y aa n Ja m in a n N am a P en ja m in Pe k erja an Fa silita s Pe m b ia ya an A la m at Te le p on Pe rse tu ju an P en g ajua n P e m b ia ya an N am a L en gk a p K od e A n g go ta N o R e ke n in g A la m at Te le p on Id en tita s A ng g ota N o Ide n tita s Y a T id a k P ro se s B atal detail data pengajuan pembiayaan pada Gambar 5.72 dengan memilih aksi detail. Seluruh daftar realisasi pun dapat di cetak oleh teller dengan memilih logo cetak pada halaman ini yang digambarkan pada Gambar 5.73. Kartu angsuran dapat di cetak teller untuk diberikan kepada anggota setelah pengajuan pembiayaannya direalisasi seperti yang tergambar pada Gambar 5.74. 3. Tampilan Realisasi Pengajuan pembiayaan Gambar 5.69 Tampilan Realisasi Pengajuan pembiayaan Header Menu S tatus User Teller Level U ser N ama Login teller G ambar Copyright © 2010 KJK S EL MU BAR OK . All Rights R eserved. Profil User 3. K ode Anggota search 2. K ode Pembiayaan Kode O tomatis 1. K ode Realisasi 4. N ama Lengkap 5. Tanggal Realisasi Proses Realisasi Pembiayaan Jumlah pembiayaan yang telah disetujui 6. Jumlah Pembiayaan bulan 7. Jangka Waktu 10. Bagi Hasil Anggota 9. K euntungan Rata-rata B ulan 8. A ngsuran Pokok 12. A ngsuran Per Bulan Nama Petugas Jabatan B atal Tambah R ealisasi Home Realisasi Pembiayaan Angsuran Logout ket=Wajib Diisi 1. Angsuran Pokok = Jumlah Pembiayaan : Jangka Waktu 2. Angsuran Per B ulan = Angsuran Pokok + Total Bagi Hasil K operasi Bulan Total Bagi H asil A nggota 11. Bagi Hasil K JKS Total Bagi Hasil K JKS R E A L I S A S I A J U A N P E M B IA Y A A N K o p er a s i J a s a K e u a n g a n S y a ri a h E l M u b a r o k C in e r e - G a n d u l D e p o k K o d e . R e a li s as i i : K o d e P e m b ia y a a n : J l. Ib n u A r m a h , P a n g k a la n J a ti G a n d u l D e p o k Ja w a b a ra t T lp . 0 2 1 8 9 9 8 4 7 7 7 6 K o d e A n g g o ta : N a m a A n g g o ta : J u m la h P e m b i a y a a n : J a n g k a W a k tu : B a g i H a s il K o p e ra s i : | R p A n g s u r a n P o k o k : T o ta l A n g s u r a n P e r B u la n : B a g i H a s il A n g g o ta : | R p T a n g g al R e al is a s i : A n g g o t a K JK S P e tu g a s K J K S N a m a A n g g o ta T e ll er - -- -T e r im a K a s i h -- - - 4. Tampilan Form Tambah Realisasi Gambar 5.70 Tampilan Form Tambah Realisasi 5. Tampilan Cetak Perjanjian Realisasi Gambar 5.71 Tampilan Cetak Perjanjian Realisasi Header Menu Status User Teller Level User Nama Login teller Gambar Copyright © 2010 KJKS EL MUBAROK. All Rights Reserved. Profil User Kode Anggota Kode Pembiayaan Kode Realisasi Nama Lengkap Tanggal Realisasi Jumlah Pembiayaan Jangka Waktu Total Bagi Hasil Anggota Bagi Hasil Anggota Angsuran Pokok Bagi Hasil KJKS Total Bagi Hasil KJKS Angsuran Per Bulan Back Home Realisasi Pembiayaan Angsuran Logout Kode Realisasi NO Kode Pembiayaan Tgl Realisasi Angsuran Pokok Kode Anggota Nama Anggota Ajuan Pembiayaan Jangka Waktu Bagi Hasil Anggota DAFTAR SELURUH REALISASI PEMBIAYAAN KJKS EL MUBAROK Bagi Hasil Koperasi Total Bagi Hasil Anggota Total Angsuran Per Bulan DAFTAR REALISASI PEMBIAYAAN KOPERASI JASA KEUANGAN SYARIAH EL MUBAROK logo JL. IBNU ARMAH PANGKALANJATI CINERE Total Bagi Hasil Anggota 6. Tampilan Detail Realisasi Gambar 5.72 Tampilan Detail Realisasi 7. Tampilan Cetak Seluruh Daftar Realisasi Gambar 5.73 Tampilan Cetak Seluruh Daftar Realisasi KARTU ANGSURAN PEMBIAYAAN MUDHARABAH KJKS EL MUBAROK Kode Anggota Jangka Waktu Nama Anggota Nama Koperasi Alamat Tgl Jatuh Tempo No Kartu : Tgl Pembayaran Setoran ke Ket No 1 2 6 5 3 4 10 9 7 8 Tgl Pembayaran Setoran ke Ket No 1 2 6 5 3 4 10 9 7 8 8. Tampilan Cetak Kartu Angsuran Gambar 5.74 Tampilan Cetak Kartu Angsuran Header Menu Status User Teller Level User Nama Login teller Gambar Copyright © 2010 KJKS EL MUBAROK. All Rights Reserved. Home Realisasi Pembiayaan Angsuran Logout Profil User DAFTAR ANGSURAN Check All Uncheck All Hapus KODE ANGSURAN NO KODE REALISASI NAMA ANGGOTA Hal : 1 ~ AKSI Tambah Angsuran Search Please search angsuran by ‘kode anggota’ 9. Tampilan Menu Angsuran Gambar 5.75 Tampilan Menu Angsuran Gambar 5.75 Menampilkan menu angsuran dan teller dapat mengatur data angsuran. Teller dapat menambahkan data angsuran dengan memilih “tambah angsuran”, maka sistem akan menampilkan form angsuran yang digambarkan pada Gambar 5.76. Setelah angsuran selesai diinput maka teller dapat memilih simpan maka akan menampilkan cetak slip pembayaran pada Gambar 5.77. Teller juga dapat mencetak seluruh daftar pembayaran angsuran yang dilakukan per anggota seperti yang tergambarkan pada Gambar 5.78 atau mencetak angsuran per periode seperti pada Gambar 5.79. Jika teller ingin melihat secara detail data angsuran maka dapat memilih Header Menu Status User Teller Level User Nama Login teller Gambar Copyright © 2010 KJKS AL MUBAROK. All Rights Reserved. Profil User 3. Kode Anggota search 2. Kode Realisasi Kode Otomatis 1. Kode Angsuran 4. Nama Lengkap 5. Tgl Realisasi Simpan Pembayaran Angsuran 6. Jangka Waktu Sisa angsuran 8. Angsuran ke Rp 10. Denda Rp 10. Bagi Hasil KJKS Rp 9. Angsuran Pokok Rp 11. Total Pembayaran Angsuran Batal Tambah Pembayaran Angsuran Home Realisasi Pembiayaan Angsuran Logout ket=Wajib Diisi Jika Tanggal Pembayaran melewati lebih dari 3 hari maka dikenakan denda sebesar Rp 2.500 per hari 7. Tgl Pembayaran aksi detail yang tergambar pada Gambar 5.80. Teller juga dapat mencetak seluruh daftar pembayaran angsuran seperti pada Gambar 5.81. 10. Tampilan Form Tambah Angsuran Gambar 5.76 Tampilan Form Tambah Angsuran K o d e A n g s ur a n N O K o d e R e a lis a s i T g l R e a l i sa s i S is a a n g s u r a n K o d e A n gg o t a N a m a A n g g o ta J a n g k a W a k tu A ng s u ra n ke A n g s u ra n P o k o k D A FT A R P E M B A Y A R A N A N G SU R A N P E M B I A Y A A N K J K S E L M U B A R O K J u m la h P e m b a y a ra n B a gi H a s il K J K S T g l P e m b a y a ra n D A F T A R P E M B A Y A R A N A N G S U R A N P E M B I A Y A A N K O P E R A S I J A S A K E U A N G A N S Y A R IA H E L M U B A R O K l o g o J L . I B N U A R M A H P A N G K A L A N J A T I C IN E R E K o d e A n g g o ta : N a m a A n g g ot a : J u m l a h t ra n s a s k s i p e m ba y a r a n ya n g t e la h d il a k u ka n : B U K T I P E M B A Y A R A N A N G S U R A N K o p e r a s i J a s a K e u a n g a n S y a r i a h E l M u b a r o k C i n e r e - G a n d u l D e p o k K o d e A n g s u r a n : K o d e A n g s u r a n : J l . I b n u A r m a h , P a n g k a l a n J a t i G a n d u l D e p o k J a w a b a r a t T l p . 0 2 1 8 9 9 8 4 7 7 7 6 K o d e R e a l i s a s i : K o d e A n g g o t a : N a m a A n g g o t a : T a n g g a l J a t u h T e m p o : A n g s u r a n k e : T a n g g a l P e m b a y a r a n : J u m l a h P e m b a y a r a n : B a g i H a s i l K J K S : A n g s u r a n P o k o k : P e t u g a s K J K S T a n g g a l P e m b a y a r a n : T a n g g a l J a t u h T e m p o : D e n d a : R p . T e l l e r - - - - T e r i m a K a s i h - - - - T e r b i l a n g : K o d e A n g s u r a n N O K o d e A n g g o t a S is a A n g s u r a n B u la n A n g s u r a n P o k o k N a m a A n g g o t a A n g s u r a n k e T g l J a t u h T e m p o t g l P e m b a y a r a n D e n d a I n f a q D A F T A R A N G S U R A N A N G G O T A K J K S E L M U B A R O K P E R P E R I O D E T o t a l P e m b a y a r a n D A F T A R A N G S U R A N P E R P E R I O D E K O P E R A S I J A S A K E U A N G A N S Y A R I A H E L M U B A R O K l o g o J L . I B N U A R M A H P A N G K A L A N J A T I C I N E R E T o t a l 11. Tampilan Cetak Slip Pembayaran Angsuran Gambar 5.77 Tampilan Cetak Slip Pembayaran Angsuran 12. Tampilan Cetak Seluruh Pembayaran Angsuran Per Anggota Gambar 5.78 Tampilan Cetak Seluruh Pembayaran Angsuran Per Anggota 13. Tampilan Cetak Angsuran Per Periode Gambar 5.79 Tampilan Cetak Angsuran Per Periode Kode Angsuran NO Kode Realisasi Tgl Realisasi Sisa angsuran Kode Anggota Nama Anggota Jangka Waktu Angsuran ke Angsuran Pokok DAFTAR SELURUH ANGSURAN PEMBIAYAAN KJKS EL MUBAROK Jumlah Pembayaran Bagi Hasil KJKS Tgl Pembayaran DAFTAR SELURUH ANGSURAN PEMBIAYAAN KOPERASI JASA KEUANGAN SYARIAH EL MUBAROK logo JL. IBNU ARMAH PANGKALANJATI CINERE Header Menu Status User Teller Level User Nama Login teller Gambar Copyright © 2010 KJKS AL MUBAROK. All Rights Reserved. Profil User Kode Anggota Kode Realisasi Kode Angsuran Nama Lengkap Angsuran ke Back Denda Bagi Hasil KJKS Angsuran Pokok Total Angsuran Tambah Pembayaran Angsuran Home Realisasi Pembiayaan Angsuran Logout 14. Tampilan Detail Angsuran Gambar 5.80 Tampilan Detail Angsuran 15. Tampilan Daftar Seluruh Angsuran Gambar 5.81 Tampilan Cetak Seluruh Daftar Angsuran Header Menu Assalamualaikum admin Silahkan Pilih Menu disebelah kiri.. Status User Copyright © 2010 KJKS EL MUBAROK. All Rights Reserved. Home Profil Produk Persyaratan Pembiayaan Manajemen User Administrator Level User Nama Login admin Gambar Daftar Anggota Daftar Tabungan Daftar Pengajuan Pembiayaan Daftar Realisasi Logout Profil User c Tampilan Admin 1. Tampilan Halaman Utama Admin Gambar 5.82 Tampilan Halaman Utama Admin Gambar 5.82 menampilkan halaman utama admin, tampilan ini muncul pada saat user admin telah melakukan Login terlebih dahulu. Pada halaman ini terdapat menu-menu yang dapat dipilih oleh admin sesuai dengan kegiatannya. Header Menu Status User Copyright © 2010 KJKS EL MUBAROK. All Rights Reserved. Browse.. Update Batal Ganti Foto Gambar Profil KJKS Al Mubarok Isi Profil Administrator Level User Nama Login admin Gambar Home Profil Produk Persyaratan Pembiayaan Manajemen User Daftar Anggota Daftar Tabungan Daftar Pengajuan Pembiayaan Daftar Realisasi Logout Profil User 2. Tampilan Manajemen Profil Gambar 5.83 Tampilan Manajemen Profil Gambar 5.83 merupakan tampilan manajemen profil yang dapat diupdate oleh admin, untuk dapat ditampilkan pada halaman utama sistem. Header Menu Status User Copyright © 2010 KJKS EL MUBAROK. All Rights Reserved. Update Batal Produk KJKS Al Mubarok Isi Produk Home Profil Produk Persyaratan Pembiayaan Manajemen User Daftar Anggota Daftar Tabungan Daftar Pengajuan Pembiayaan Daftar Realisasi Logout Administrator Level User Nama Login admin Gambar Profil User 3. Tampilan Manajemen Produk Gambar 5.84 Tampilan Manajemen Produk Gambar 5.84 merupakan tampilan manajemen produk yang dapat diupdate oleh admin, untuk dapat ditampilkan pada halaman utama sistem. Header Menu Status User Copyright © 2010 KJKS EL MUBAROK. All Rights Reserved. Update Batal Persyaratan Pembiayaan Mudharabah Isi Persyaratan Pembiayaan Adm inistrator Level User Nama Login admin Gambar Hom e Profil Produk Persyaratan Pembiayaan Manajemen User Daftar Anggota Daftar Tabungan Daftar Pengajuan Pembiayaan Daftar Realisasi Logout Profil User 4. Tampilan Manajemen Persyaratan Pembiayaan Gambar 5.85 Tampilan Manajemen Persyaratan Pembiayaan Gambar 5.85 merupakan tampilan manajemen persyaratan pembiayaan yang dapat di update oleh admin, untuk dapat ditampilkan pada halaman utama sistem. Header Menu Status User Copyright © 2010 KJKS EL MUBAROK. All Rights Reserved. USER SISTEM Tambah Halaman : 1 ~ Jumlah data : 2 Check All Uncheck All Hapus USERNAME NO NAMA LENGKAP STATUS EMAIL ATUR Administrator Level User Nama Login admin Gambar Home Profil Produk Persyaratan Pembiayaan Manajemen User Daftar Anggota Daftar Tabungan Daftar Pengajuan Pembiayaan Daftar Realisasi Logout Profil User 5. Tampilan Manajemen User Gambar 5.86 Tampilan Manajemen User Gambar 5.86 merupakan tampilan manajemen user yang dapat diupdate oleh admin. Pada halaman ini admin dapat menambahkan user baru dengan memilih “tambah user” maka akan menampilkan form tambah user seperti yang tergambar pada Gambar 5.87 atau mengubah user dengan memilik aksi edit yang tergambar pada Gambar 5.88. Header Menu Status User Copyright © 2010 KJKS EL MUBAROK. All Rights Reserved. Tambah User Tambah Nama Lengkap Password Username E-mail Aktif Ya Tidak Batal Simpan Administrator Level User Nama Login admin Gambar Home Profil Produk Persyaratan Pembiayaan Manajemen User Daftar Anggota Daftar Tabungan Daftar Pengajuan Pembiayaan Daftar Realisasi Logout Profil User 6. Tampilan Form Tambah User Gambar 5.87 Tampilan Form Tambah User Header Menu Status User Copyright © 2010 KJKS EL MUBAROK. All Rights Reserved. Edit User Nama Lengkap Password Username E-mail Aktif Ya Tidak Update Batal Jika password tidak diubah, kosongkan saja Administrator Level User Nama Login admin Gambar Home Profil Produk Persyaratan Pembiayaan Manajemen User Daftar Anggota Daftar Tabungan Daftar Pengajuan Pembiayaan Daftar Realisasi Logout Profil User 7. Tampilan Edit User Gambar 5.88 Tampilan Edit User Header Menu Status User Copyright © 2010 KJKS EL MUBAROK. All Rights Reserved. Administrator Level User Nama Login admin Gambar Home Profil Produk Persyaratan Pembiayaan Manajemen User Daftar Anggota Daftar Tabungan Daftar Pengajuan Pembiayaan Daftar Realisasi Logout Daftar Anggota KODE ANGGOTA NO NAMA TGL DAFTAR TTL JENIS KELAMIN PEKERJAAN AKSI Halaman : 1 ~ Jumlah data : Logo cetak Profil User 8. Tampilan Daftar Anggota Gambar 5.89 Tampilan Daftar Anggota Gambar 5.89 menampilkan menu daftar anggota, pada halaman ini admin dapat melihat secara detail data anggota dengan memilih aksi detail, gambaran halamannya terdapat pada Gambar 5.90 atau jika admin ingin mencetak seluruh daftar anggota maka admin dapat memilih logo cetak, gambaran halamannya terdapat pada Gambar 5.91. DAFTAR ANGGOTA KOPERASI JASA KEUANGAN SYARIAH EL MUBAROK KODE ANGGOTA NO NAMA ANGGOTA TTL PEKERJAAN JENIS KELAMIN STATUS logo JL. IBNU ARMAH PANGKALANJATI CINERE DATA SELURUH ANGGOTA KJKS EL MUBAROK NO IDENTITAS TGL REGISTRASI ALAMAT H eader M e nu Sta tus U s er C opyr ight © 2010 K J KS EL M U BA R O K. A ll R ights R es e rve d. A dm inis tra tor L e ve l U se r N am a Login a dm in G a m ba r H om e Prof il Produk Pe rs ya ra tan Pe m bia ya a n M ana je m e n U s er D a fta r A nggot a D a fta r Ta bungan D af tar P enga juan Pe m biaya a n D a fta r R ea lis a si L ogout D e ta il J e ni s K el am in N a m a Le ngkap K ode A nggota Pe ke rja a n T TL N o KT P St atus Ni ka h Pe ndidika n K e te ra nga n Pendidika n Pe nghas ila n A la m a t T ele pon N a m a K a nt or A la m a t K a ntor T lp K a ntor Tgl D a fta r B ac k Pr ofil U se r 9. Tampilan Detail Anggota Gambar 5.90 Tampilan Detail Anggota 10. Tampilan Cetak Daftar Anggota Gambar 5.91 Tampilan Cetak Daftar Anggota Header Menu Status User Copyright © 2010 KJKS EL MUBAROK. All Rights Reserved. Administrator Level User Nama Login admin Gambar Home Profil Produk Persyaratan Pembiayaan Manajemen User Daftar Anggota Daftar Tabungan Daftar Pengajuan Pembiayaan Daftar Realisasi Logout Daftar Tabungan Halaman : 1 ~ Jumlah data : Logo cetak Profil User NO REKENING NO KODE ANGGOTA JENIS GOLONGAN TGL BUKA REKENING NAMA ANGGOTA AKSI 11. Tampilan Daftar Tabungan Gambar 5.92 Tampilan Daftar Tabungan Gambar 5.92 menampilkan menu daftar tabungan, pada halaman ini admin dapat melihat secara detail data tabungan dengan memilih aksi detail, gambaran halamannya terdapat pada Gambar 5.93 atau jika admin ingin mencetak seluruh daftar tabungan maka admin dapat memilih logo cetak, gambaran halamannya terdapat pada Gambar 5.94. DAFTAR TABUNGAN ANGGOTA KOPERASI JASA KEUANGAN SYARIAH EL MUBAROK NO REKENING NO KODE ANGGOTA GOLONGAN PEMBUKAAN REKENING TGL BUKA NAMA ANGGOTA logo JL. IBNU ARMAH PANGKALANJATI CINERE DATA SELURUH TABUNGAN ANGGOTA KJKS EL MUBAROK H eader M enu Status U ser Copyright © 2010 K JK S E L M U BA R OK . A ll Rights Reserved. A dm inistrator L evel U ser N am a L ogin adm in G am bar H om e P rofil P roduk Persyaratan Pem biayaan M anajem en U ser D aftar A nggota D aftar T abungan D aftar Pengajuan Pem biayaan D aftar R ealisasi Logout D aftar Tabungan Profil U ser N am a A nggota K ode A nggota N o R ekening Back Jenis Golongan N am a Identitas A lam at A nggota N am a Petugas Tgl B uka 12. Tampilan Detail Tabungan Gambar 5.93 Tampilan Detail Tabungan 13. Tampilan Cetak Daftar Tabungan Gambar 5.94 Tampilan Cetak Daftar Tabungan Header Menu Status User Copyright © 2010 KJKS EL MUBAROK. All Rights Reserved. Administrator Level User Nama Login admin Gambar Home Profil Produk Persyaratan Pembiayaan Manajemen User Daftar Anggota Daftar Tabungan Daftar Pengajuan Pembiayaan Daftar Realisasi Logout Daftar Ajuan Pembiayaan Logo cetak Profil User Jumlah Data Pengajuan Pembiayaan yang belum disetujui = KODE PEMBIAYAAN NO KODE ANGGOTA NAMA ANGGOTA ALAMAT NO REKENING AKSI Hal : Jumlah data pengajuan pembiayaan yang sudah disetujui = Hal : KODE PEMBIAYAAN NO KODE ANGGOTA NAMA ANGGOTA ALAMAT NO REKENING AKSI 14. Tampilan Daftar Pengajuan pembiayaan Gambar 5.95 Tampilan Daftar Pengajuan pembiayaan Gambar 5.95 menampilkan daftar pengajuan pembiayaan, admin dapat melakukan konfirmasi apakah pengajuan pembiayaan disetujui atau tidak dengan memilih aksi edit maka akan tampil halaman edit pengajuan pembiayaan seperti yang digambarkan pada Gambar 5.96. Setelah pengajuan pembiayaan disetujui maka akan tampil daftar pengajuan pembiayaan yang telah dikonfirmasi. Untuk melihat secara detail data pengajuan pembiayaan yang disetujui admin dapat memilih aksi detail yang tergambarkan pada Gambar 5.97 atau jika admin ingin mencetak daftar Header Menu Status User Copyright © 2010 KJKS EL MUBAROK. All Rights Reserved. Administrator Level User Nama Login admin Gambar Home Profil Produk Persyaratan Pembiayaan Manajemen User Daftar Anggota Daftar Tabungan Daftar Pengajuan Pembiayaan Daftar Realisasi Logout Edit Ajuan Pembiayaan Profil User No Rekening Nama Anggota Kode Anggota Alamat Telepon No Identitas Rp Jumlah Pembiayaan yang diajukan Terbilang Bulan Jangka Waktu Tujuan Pengajuan Pembiayaan Nama Kantor Bidang Usaha Update Batal Alamat Kantor Jaminan Alamat Pekerjaan Nama Penjamin Data Kekayaan Rp bulan Penghasilan Fasilitas Pembiayaan Telepon Kantor Telepon Persetujuan Pengajuan Pembiayaan Disetujui Tidak pengajuan pembiayaan yang telah disetujui dapat memilih logo cetak, halaman ini tergambarkan pada Gambar 5.98. 15. Tampilan Edit Pengajuan pembiayaan Untuk Konfirmasi Gambar 5.96 Tampilan Edit Pengajuan pembiayaan Untuk Konfirmasi DAFTAR PENGAJUAN PEMBIAYAAN MUDHARABAH ANGGOTA KOPERASI JASA KEUANGAN SYARIAH EL MUBAROK KODE PEMBIAYAAN NO KODE ANGGOTA AJUAN PEMBIAYAAN PENGHASILAN NAMA ANGGOTA logo JL. IBNU ARMAH PANGKALANJATI CINERE NO REK JANGKA WAKTU TUJUAN JAMINAN DATA SELURUH PENGAJUAN PEMBIAYAAN MUDHARABAH KJKS EL MUBAROK H e a d er M enu St atu s U ser C o py ri gh t © 20 10 K JK S E L M U B A R O K . A l l R ig ht s R eserved . A d m ini strat or L evel U ser N am a L o gi n a dm in G am bar H om e P rofil P rodu k P ersyarat an P em biay aan M an ajem en U ser D a ft ar A ng got a D a ft ar T ab un gan D aft ar Pen gaj uan P em bi ayaa n D a ft ar R eali sasi L og out D et ail P rofil U ser N o R eke nin g N a m a A ng got a K o de A ngg ot a A l am at T ele pon N o Id ent it as R p Jum l ah P em biay aan y ang d iaj uk an T erbi lan g B ula n Jang ka W akt u T uj uan P en gaj uan P em bi ayaan N a m a K ant or B i dan g U sah a A lam at K an to r Jam i nan A lam at P ek erj aan N am a Pe njam i n D ata K eka yaan R p bu lan P en ghasi lan F asi li tas P em biay aan T el epo n K anto r T el epo n P erse tuj uan Pen gaj uan P em biay aan B ack 16. Tampilan Detail Pengajuan pembiayaan yang disetujui Gambar 5.97 Tampilan Detail Pengajuan pembiayaan yang disetujui 17. Tampilan Cetak Daftar Pengajuan Pembiayaan yang telah dikonfirmasi Gambar 5.98 Tampilan Cetak Daftar Pengajuan Pembiayaan yang telah dikonfirmasi Header Menu Status User Copyright © 2010 KJKS EL MUBAROK. All Rights Reserved. Administrator Level User Nama Login admin Gambar Home Profil Produk Persyaratan Pembiayaan Manajemen User Daftar Anggota Daftar Tabungan Daftar Pengajuan Pembiayaan Daftar Realisasi Logout Daftar Realisasi Pembiayaan Halaman : 1 ~ Jumlah data : Logo cetak Profil User KODE REALISASI NO KODE PEMBIAYAAN JUMLAH PEMBIAYAAN JANGKA WAKTU KODE ANGGOTA TOTAL ANGSURAN BULAN TGL REALISASI AKSI 18. Tampilan Daftar Realisasi Gambar 5.99 Tampilan Daftar Realisasi Gambar 5.99 menampilkan daftar realisasi. Pada halaman ini admin dapat melihat secara detail realisasi yang tergambarkan pada Gambar 5.100 atau jika admin ingin mencetak daftar realisasi maka admin dapat memilih logo cetak seperti yang tergambarkan pada Gambar 5.101. Header Menu Status User Teller Level User Nama Login teller Gambar Copyright © 2010 KJKS EL MUBAROK. All Rights Reserved. Profil User Kode Anggota Kode Pembiayaan Kode Realisasi Nama Lengkap Tanggal Realisasi Jumlah Pembiayaan Jangka Waktu Total Bagi Hasil Anggota Bagi Hasil Anggota Angsuran Pokok Bagi Hasil KJKS Total Bagi Hasil KJKS Angsuran Per Bulan Back Home Realisasi Pembiayaan Angsuran Logout Kode Realisasi NO Kode Pembiayaan Tgl Realisasi Angsuran Pokok Kode Anggota Nama Anggota Ajuan Pembiayaan Jangka Waktu Bagi Hasil Anggota DAFTAR SELURUH REALISASI PEMBIAYAAN KJKS EL MUBAROK Bagi Hasil Koperasi Total Bagi Hasil Anggota Total Angsuran Per Bulan DAFTAR REALISASI PEMBIAYAAN KOPERASI JASA KEUANGAN SYARIAH EL MUBAROK logo JL. IBNU ARMAH PANGKALANJATI CINERE Total Bagi Hasil Anggota 19. Tampilan Detail Realisasi Gambar 5.100 Tampilan Detail Realisasi 20. Tampilan Cetak Daftar Realisasi Gambar 5.101 Tampilan Cetak Daftar Realisasi 182 Firefox.exe SI Pembiayaan Muddharabah.php db_kopsyar.sql XMPP

BAB VI CONSTRUCTION AND TRANSITION

6.1 Construction

6.1.1 Logical view

Berikut ini logical view pada sistem informasi pembiayaan mudharabah. Gambar 6.1 Logical View Sistem Informasi Pembiayaan Mudharabah Logical view pada Gambar 6.1 menjelaskan bahwa component yang terdapat pada sistem informasi pembiayaan mudharabah terdapat empat component yaitu Firefox.exe component yang merupakan multiplatform browser, XAMPP sebuah paket web container yang di dalamnya sudah termasuk PHP, MySQL dan phpMyAdmin. SI Pembiayaan Mudharabah.php merupakan aplikasi sistem yang dibangun serta db_kopsyar.sql adalah database yang digunakan pada aplikasi sistem.