Design Kriteria Architecture Design

4.4 Component Design

4.4.1 Component Diagram

Component Diagram menggambarkan alokasi semua class dan object ke dalam komponen-komponen fisik pada sebuah sistem yang dirancang. Pada sistem ini merupakan aplikasi berbasis web dengan database server. Pada sistem berbasis web logika bisnis diletakan di server dan di client. Pada Sistem Informasi Transaksi Pembiayaan Murabahah di LKS Al-Ijarah ini, pertama kali user dan nasabah atau calon nasabah menjalankan sistem yaitu dengan mengunjungi alamat web dengan menggunakan aplikasi web browser, setelah itu mucul tampilan Sistem Informasi Pembiayaan Murabahah yang siap untuk digunakan sesuai kebutuhan user dan nasabah atau calon nasabah. Untuk lebih jelasnya dapat dilihat pada gambar berikut: cmp Component Diagram SI Pembiayaan Murabahah LKS Al-Ij arah Firefox.exe Serv er Web SI Pembiayaan Murabahah db.sql Gambar 4.54 : Component Diagram pada Sistem Informasi Transaksi Pembiayaan Murabahah Seperti yang terlihat pada gambar 4.54 bahwa component yang memenuhi Sistem Informasi Pembiayaan Murabahah ini secara umum adalah component “Firefox.exe” merupakan multiplatform browser. Untuk component “Web Server” adalah paket web container yang di dalamnya sudah termasuk Apache web server, PHP, MySQL, PHP My Admin. Dan untuk component “SI Pembiayaan Murabahah” merupakan aplikasi bisnis yang dibangun. Dan component “db.sql” adalah database yang digunakan pada aplikasi.

4.4.2 User Interface Component

Tahap ini menjelaskan tentang tahap-tahap dalam menggunakan Sistem Informasi Transaksi Pembiayaan Murabahah pada LKS Al-Ijarah dengan menampilkan beberapa tampilan yang dirancang dari pertama kali user akan menggunakan sampai keluar dari sistem. Berikut adalah pembagian component pada setiap halaman user . 1 Halaman Utama dan Profil Gambar 4.55 : Tampilan Halaman Utama dan Profil Menampilkan halaman utama Sistem Informasi Pembiayaan Al- Murabahah. Didalamnya terdapat tampilan gambar kegiatan, profil, sejarah dan menu-menu untuk melakukan aktivitas pada sistem tersebut. Ada dua menu utama yaitu menu “akses” dan menu “pembiayaan”.