Component Diagram User Interface Component

2 Halaman Log In Gambar 4.56 : Tampilan Halaman Log In Menampilkan halaman untuk dapat memasuki atau mengakses sistem tersebut bagi yang sudah terdaftar. Dan bagi yang belum terdaftar dapat memilih icon “daftar baru” pada tampilan ini. 3 Halaman Pendaftaran Nasabah Gambar 4.57 : Tampilan Halaman Pendaftaran Nasabah Menampilkan halaman form pendaftaran bagi calon nasabah, pada tampilan ini calon nasabah harus mengisi form yang sudah tersedia dengan lengkap. Jika sudah lengkap calon nasabah dapat mengklik icon “daftar”, maka data nasabah terkirim dan tersimpan di database sistem tersebut. 4 Halaman Verifikasi Pendaftaran Nasabah Gambar 4.58 : Tampilan Halaman Verifikasi Pendaftaran Nasabah Menampilkan data calon nasabah yang akan dilakukan verifikasi oleh customer service. Pada halaman ini customer service dapat melihat secara detail data calon nasabah dengan mengklik icon “detail”. Setelah itu customer service dapat menentukan keputusan untuk menerima atau menolak calaon nasabah untuk menjadi nasabah di LKS Al-Ijarah. 5 Halaman Proses Verifikasi Pedaftaran Gambar 4.59 : Tampilan Halaman Proses Verifikasi Pendaftaran Menampilakn detail data calon nasabah yang akan diverifikasi oleh customer service. Ada tiga icon halam ini yaitu: icon “terima” artinya calon nasabah diterima menjadi nasabah, icon “tolak” artinya calon nasabah ditolak menjadi nasabah karena ada beberapa alasan, dan icon “tutup” artinya menutup tampilan detail data calon nasabah. 6 Halaman Permohonan Pembiayaan Gambar 4.60 : Tampilan Halaman Permohonan Pembiayaan Menampilkan halaman permohonan atau pengajuan pembiayaan untuk nasabah. Disini nasabah dapat memasukan nama produk yang dibiayai, kemudian memasukan nama jaminan, kemudian memsukan nilai DP dan waktu pembiayaan. Terakhir jika semua sudah lengkap nasabah mengklik icon “ajukan” maka data pembiayaan nasabah terkirim dan tersimpan di dalam database sistem tersebut. 7 Halaman Verifikasi Permohonan Pembiayaan Gambar 4.61 : Tampilan Halaman Verifikasi Permohonan Pembiayaan Menampilkan halaman verifikasi permohonan atau pengajuan pembiayaan. Pada halaman ini customer service dapat memeriksa semua data pengajuan yang sudah dikirim oleh nasabah. 8 Halaman Proses Verifikasi Permohonan Pembiayaan Gambar 4.62 : Tampilan Halaman Proses Verifikasi Permohonan Menampilkan halaman proses verifikasi data permohonan atau pengajuan pembiayaan. Pada halaman ini customer service memeriksa kelengkapan data pengajuan pembiayaan yang sudah masuk. Kemudian customer service dapat memilih icon “terima” artinya pengajuan dapat diproses, icon “tolak” artinya pengajuan tidak dapat diproses karena beberapa alasan, dan icon “tutup” artinya menutup halaman detail data pengajuan pembiayaan. 9 Halaman Persetujuan Permohonan Pembiayaan Gambar 4.63 : Tampilan Halaman Persetujuan Permohonan Menampilkan halaman persetujuan pembiayaan yang sudah diverifikasi oleh customer service. Pada halaman ini manajer akan melakukan persetujuan pembiayaan yang sudah diajukan. 10 Halaman Proses Persetujuan Gambar 4.64 : Tampilan Halaman Proses Persetujuan Pembiayaan Menampilkan halaman proses persetujuan pembiayaan. Pada halaman ini terdapat tiga icon untuk menentukan keputusan. Icon “terima” artinya pembiayaan sudah disetujui oleh manajer, icon “tolak” artinya pembiayaan ditolak, dan icon “tutup” artinya menutup halaman proses persetujuan. 11 Tampilan Halaman Input Tanggal Survey Gambar 4.65: Tampilan Halaman Input Tanggal Survey Menampilkan halaman input tanggal survey, halaman ini berfungsi untuk memberitahukan tentang jadwal survey kepada nasabah yang pembiyaannya sudah disetujui oleh manajer. Manajer menginput tanggal survey kemudian mengklik icon “simpan” artinya tanggal survey yang diinput tersimpan di database sistem dan dapat dilihat oleh nasabah. 12 Tampilan Halaman View Survey dan View DP Gambar 4.66 : Tampilan Halaman View Survey-View DP Menampilkan jadwal survey dan jumlah DP yang sudah diinput, halaman ini berguna bagi nasabah maupun pihak LKS Al-Ijarah yang ingin melihat jadwal survey dan jumlah DP yang sudah masuk. 13 Tampilan Halaman Input Angsuran Gambar 4.67 : Tampilan Halaman Input Angsuran Menampilkan halaman input angsuran pembiayaan nasabah. Pada halaman ini teller dapat menginput angsuran dan melihat sisa angsuran yang masih harus dibayarkan. Setelah menginput jumlah angsuran kemudian teller mengklik icon ”simpan” sebagai tanda angsuran nasabah sudah masuk dan mengurangi total hutang sebelumnya. 14 Tampilan Halaman View Angsuran Gambar 4.68 : Tampilan Halaman View Angsuran Menampilkan halaman view angsuran untuk melihat data angsuran yang sudah masuk dan jumlah angsuran yang masih tersisa. Pada halaman ini nasabah dan teller dapat melihat semua angsuran dan sisa angsuran. 15 Tampilan Halaman Cetak Angsuran Gambar 4.69 : Tampilan Halaman Cetak Angsuran Menampilkan halaman cetak angsuran nasabah yang sudah diinput. Setelah teller menginput angsuran nasabah maka sebagai bukti fisiknya teller dapat mencetak bukti pembayaran angsuran tersebut pada halaman cetak angsuran. 16 Tampilan Halaman View Pembiayaan Gambar 4.70 : Tampilan Halaman View Pembiayaan Menampilkan halaman view pembiayaan, halaman ini berfungsi untuk melihat semua transaksi pembiayaan yang terjadi pada LKS Al-Ijarah Bogor.

4.5 Programming

Tahap programming ini adalah tahap dalam melakukan pembuatan program yang sebelumnya telah dirancang. Didalamnya terdapat pembuatan kode-kode program dengan menggunakan bahasa pemograman PHP. Adapun perangkat lunak yang digunakan dalam tahap perancangan dan pembuatan coding program pada Sistem Informasi Transaksi Pembiayaan Murabahah ini adalah sebagai berikut : 1. Macromedia Dreamweaver, yaitu sebagai software editor dalam perancangan sistem. 2. Adobe Photoshop CS3, yaitu sebagai editor dalam membuat tampilan pada sistem. 3. Edit Plus, yaitu sebagai editor dalam membuat coding-coding program. 4. XAMPP versi 1.7.3 yaitu mencakup Apache untuk web server, yang didalamnya terdapat PHP versi 5.2.8 untuk bahasa pemogramannya, dan MySQL versi 5.1.30 untuk databasenya. 5. Web browser Mozila Firefox dan Google Chrome, yaitu digunakan untuk menjalankan program dan mengoperasikan sistem. Dari perangkat-perangkat tersebut kemudian dirangkum dalam bentuk file-file yang berisi baris-baris program. Dan untuk mengetahui hasil dari perancangan yang telah dibuat, baik dari coding maupun tampilan program maka dapat dilihat dalam halam lampiran coding dan program.

4.6 Pengujian Testing

4.6.1 Spesifikasi Hardware

Kebutuhan perlengkapan dan peralatan perangkat keras Hardware yang diperlukan untuk proses pengujian sistem yang dibangun di LKS Al-Ijarah cabang bogor ini adalah sebagai berikut: 1. Server: a. Processor : Intel XEON 3220 Double Processor 2.4GHz b. Memory : Minimal 8 GB atau lebih c. Harddisk : Minimal 500 GB d. Ethernet : 100Mbps upgrade to 1000Mbps e. Perangkat pendukung akses internet. 2. Client: a. Processor : Setara dengan Pentium IV atau keatas b. Memory : Minimal 256 MB atau lebih c. Harddisk : 80 GB d. VGA Card : 32 MB e. Network Interface Card Transmisi Data 101001000 Mbps f. Perangkat pendukung akses internet

4.6.2 Spesifikasi Software

Kebutuhan perangkat lunak yang mendukung dalam menjalankan Sistem Informasi Transaksi Pembiayaan Murabahah ini adalah sebagai berikut: 1. Server: a. Sistem Operasi Linux Server System Windows Server 2008 b. Webserver software: Apache 2 c. Language software: PHP PHP 4.4.x , PHP 5.2.x d. Database software: MySQL MySQL 4.1.x e. Webbased Control Panel CPANEL 2. Client: a. Microsoft Windows XP Professional Version 2002 Service Pack 2 b. Browser Mozilla Firefox Version: 3.6.14, Google Chrome Versi31.0.1650.57.

4.6.3 Testing Sistem

Pengujian sistem ini merupakan pengujian yang dilakukan pada sistem secara keseluruhan. Dalam tahap ini memastikan bahwa sistem telah selesai dirancang dan diuji dengan cara yang tepat ketika akan mengintegrasikan kedalam sistem secara keseluruhan. Pengujian sistem ini dilakukan pada 18 Agustus 20014 di LKS Al-Ijarah Bogor, dengan diuji langsung oleh Bapak Hasta Prasetya, SE,SH selaku Manajer HR GA dan perwakilan dari staf dan karyawan LKS Al-Ijarah Bogor. Dalam pengujian Sistem Informasi Transaksi Pembiayaan Murabahah ini menggunakan metode blackbox testing. Blackbox testing merupakan software atau sistem seperti blackbox tanpa memahami internal behaviour. Berikut adalah hasil dari pengujian sistem yang dilakukan. 1. Blackbox Testing pada tampilan halaman utama Tabel 4.35 : Blackbox Testing pada Halaman Utama No Rancangan Proses Hasil yang Diharapkan Hasil Ket 1 Memulai menjalankan sistem Tampil halaman utama Sesuai OK 2 Menu utama sistem Tampil menu utama sistem Sesuai OK 3 Klik menu profile Tampil halaman profile Sesuai OK 3 Klik menu sejarah Tampil halaman sejarah Sesuai OK 4 Klik menu pembiayaan Tampil halaman pembiayaan Sesuai OK 2. Blackbox Testing pada tampilan halaman daftar Tabel 4.36 : Blackbox Testing pada Halaman Daftar No Rancangan Proses Hasil yang Diharapkan Hasil Ket 1 Memilih menu daftar Tampil form pendaftaran Sesuai OK 2 Mengisi form pendaftaran Merekam data yang dimasukan Sesuai OK 3 Jika pengisian tidak lengkap Data tidak dapat diproses Sesuai OK 4 Mengklik tombol simpan ketika pengisian telah selesai Data diproses dan disimpan di dalam database Sesuai OK 3. Blackbox Testing pada tampilan halaman Nasabah Tabel 4.37 : Blackbox Testing pada Halaman Nasabah No Rancangan Proses Hasil yang Diharapkan Hasil Ket 1 Log In Nasabah Tampil halaman nasabah Sesuai OK 2 Memilih menu pengajuan Tampil data pengajuan nasabah Sesuai OK 3 Memilih menu Tampil halaman pembiayaan Sesuai OK