38 BAB III ANALISIS DAN PERACANGAN 3.1 Analisis sistem Analisis sistem bertujuan untuk mengidentifikasi permasalahanpermasalahan yang ada pada sistem dimana aplikasi dibangun yang meliputi perangkat lunak (software), pengguna (user) serta hasil analisis terhadap sistem dan elemen-elemen yang terkait.analisis ini diperlukan sebagai dasar bagi tahapan perancangan sistem. Analisis sistem Desain dan implementasi ini meliputi desain data, deskripsi sistem, desain proses dan implementai desain dan semua yang diperlukan dalam page rank (peringkatan dokumen). Analisis merupakan tahapan untuk mengidentifikasi permasalahan serta proses yang terjadi dalam membangun sebuah sistem. Analisis dilakukan terhadap kebutuhan yang akan dibangun, agar permanfaatan aplikasi yang digunakan memperoleh hasil yang optimal. Kemudian dilakukan analisis terhadap pengguna aplikasi, yang digunakan sebagai pembagian otoritas pengunaan aplikasi website. Pada analisis sistem bertujuan untuk mengidentifikasi jalannya suatu sistem dan permasalahan-permasalahan yang terjadi pada sistem yang dibuat, yang meliputi perangkat keras, perangkat lunak serta pengguna. Dalam analisis sistem diperlukan sebagai tahapan dasar perancangan sistem yang bekerja, yaitu meliputi pembahasan desain, deskripsi sistem, rancangan umum, spesifikasi kebutuhan, 38
39 perancangan basis data, perancangan skenario Use Case, Activity Diagram dan perancangan antar muka. 3.1.1 Analisis Masalah Permasalahan pada penelitian ini adalah bagaimana menerapkan algoritma binary tree ke dalam sebuah sistem jaringan bisnis MLM (Multi Level Marketing) untuk mengelola infak dan laporan pengelolaan infak berdasarkan sistem jaringan MLM.Setelah analisis masalah tersebut dikaji maka didapatkan sebuah kesimpulan yang membatasi pembuatan sistem tersebut diantaranya: 1. Total benefit yang dibagikan kepada member tidak lebih dari 5% 2. Program aplikasi tidak melanggar syariah. 3. Program telah teruji dan bisa berjalan dengan baik. 3.1.2 Pemecahan masalah Dengan permasalahan tersebut, diperlukan media yang digunakan untuk memudahkan dalam proses pengaksesan. Dengan berkembangnya teknologi website sekarang ini, dapat memberikan kemudahan dalam pengaksesan dan penerapan struktur diagram multi level marketing sehingga mempermudah dalam melihat percabangan anggota 3.1.3 Analisis Data Data yang digunakan dalam penelitian ini merupakan hasil dari studi kasus dengan pihak dompet dhuafa yaitu membahas tentang infak dan dihubungkan
40 dengan bisnis MLM untuk memberikan inovasi dalam berinfak. Dalam proses pembangunan sistem tersebut data yang diolah dihasilkan dari beberapa sumber, diantaranya: 1. Data donatur dan member. 2. Data hasil infak dan sodaqoh yang telah terkumpul. 3. Data komisi yang didapat oleh setiap member. 3.1.4 Analisis Pengguna Analaisi merupakan kebutuhan pengguna (user) merupakan tahapan yang penting dalam membangun sebuah sistem. Dalam tahap ini dilakukan sepesifikasi mengenai semua kebutuhan yang di inginkan oleh semua pengguna mengenai sistem yang akan dibangun.hasil dari analisa kebutuhan pengguna ini digunakan sebagai kerangka informasi untuk membangun sebuah sistem yang sesuai dengan harapan pengguna. Tabel 3.1 Analisis Pengguna Pengguna Fungsi Deskripsi Fungsi 1. Login Fungsi ini hanya dapat dilakukan oleh admin yang sudah memiliki hak akses sebagai admin Setelah admin melakukan login, maka admin 2. Mengelola data mempunyai hak penuh dalam melakukan Admin member pengelolaan / manage data member. Hasil dari pengelolaan data member tersebut 3. Laporan selanjutnya admin akan memperoleh laporan dari setiap aktivitas member.
41 Tabel 3.1 Analisis Pengguna (Lanjutan) Pengguna Fungsi Deskripsi Fungsi Admin 4. Logout Fungsi ini dilakukan setelah admin selesai melakukan pengelolaan data member. 1. Login Fungsi ini hanya dapat dilakukan oleh donatur yang sudah diaktifkan olah admin dan donatur tersebut memiliki status sebagai member. Member 2. Edit Profil 3. Diagram Telaah 4. Daftarkan Telaah 5. Komisi 6. Logout Setelah melakukan login member dapat mengedit profilnya sesuai dengan profil yang dimiliki member tersebut, Diagram telaah ini merupakan diagram tree yang berfungsi sebagai penggambaran dari posisi masing masing member dalam bisnis MLM (Multi Level Marketing) Pendaftaran telaah tersebut dilakukan oleh member yang telah aktif dan melakukan pendaftaran terhadap donatur baru yang akan bergabung dalam bisnis tersebut. Pada fungsi komisi ini setiap member akan mendapatkan komisi sesuai dengan perolehan donatur baru yang telah direkrut oleh member tersebut. Fungsi ini dilakukan setelah member selesai melakukan pengelolaan datanya.
42 3.1.5.1 Perangkat Lunak Perangkat lunak adalah program atau aplikasi komputer lain yang dibutuhkan untuk membangun sistem. Perangkat lunak yang dibutuhkan dalam pembuatan sistem ini antara lain: a. Sistem Operasi : Windows XPatau yang lebih tinggi dan Linux. b. Web Server : Apache c. Script : PHP d. Teks Editor : Notepad++ e. Database Server : Mysql. f. Web Browser : Mozilla Firefox 4.2, Google Chrome. g. Designer : Macromedia Dreamweaver, dan CorelDraw. 1.1.5.2. Perangkat Keras Perangkat keras adalah device yang digunakan untuk menunjang dalam pembuatan sistem. Dalam pembuatan sistem ini, perangkat keras yang digunakan yaitu laptop dengan spesifikasi sebagai berikut: a) Processor Intel (R) @2.10 Ghz b) RAM DDR22 GB c) Hard disk 250 GB d) VGA: Intel (R) Graphics Family
43 3.2 Perancangan Sistem Dalam pembahasan ini akan menjelaskan tentang perancangan sistem. Dalam penelitian ini, aplikasi yang dirancang yaitu aplikasi berbasis web yang terdiri dari administrator yang berperan untuk mengelola aplikasi meliputi data dan member yang berperan untuk melakukan pengecekan donatur dengan menggunakan algoritma binary tree. Gambar 3.1 Contoh Telaah Diagram Deklarasi yang sesuai dengan gambar diatas adalah sebagai berikut : typedef char typeinfo; typedef struct Node tree; struct Node { typeinfo info; tree *kiri; /* cabang kiri */ tree *kanan; /* cabang kanan */ };
44 3.2.1 Use Case Diagram Use case diagram menggambarkan hubungan-hubungan yang terjadi antara aktor-aktor dengan use case dalam sistem. Salah satu manfaat dari use case diagram adalah untuk komunikasi. Calon pengguna sistem dapat mengamati use case diagram untuk mendapatkan pemahaman yang utuh tentang sistem yang akan dikembangkan dan dilihat dari pandangan orang yang terdapat diluar sistem. Diagram ini menunjukan fungsionalitas suatu sistem dan bagaimana sitem berinteraksi dengan deunia luar. Komponen-komponen pada use case diagram terdiri dari admin dan member. Pada gambar dibawah ini dijelaskan bagaimna dari user menggunakan aplikasi ini. System Login Edit Propil Mengelola Membar Telaah Diagram admin Laporan Daftar Telaah Member Komisi Logout Gambar 3.2 Use Case diagram
45 Gambar 3.3 Use Case diagram Admin Gambar 3.4 Use Case diagram Member
46 Tabel 3.2. SkenarioUse Case Admin Use Case Sistem : Infak Online Skenario Admin Sistem 1. Login 2. Masuk kedalam sistem 3. Mengelola Membar 4. Mengelola semua member, Member Aktif, Member Pending dan Komisi member 5. Laporan 6. Lihat Laporan Data Transfer Dan Komisi 7. Logout 8. Keluar Dari Sistem Tabel 3.3. SkenarioUse Case Member Use Case Sistem : Infak Online Skenario Admin 1. Login 3. Edit Profil 5. Telaah Diagram 7. Daftarkan Donatur 9. Komisi 11. Logout Sistem 2. Masuk kedalam sistem 4. Melakukan Edit Profil : Ganti Password, Upload Photo 6. Melihat Diagram Percabangan Antar Member 8. Mendaftarkan donatur dan menjadikan donatur sebagai percabangannya 10. Melihat Komisi Member 12. Keluar dari sistem
47 3.2.2 Activity Diagram Activity diagram pengolahan data tema memperlihatkan segala aktifivitas yang dilakukan oleh aktor yang berada didalam aplikasi pengolalan infak di lembaga zakat. Activity diagram atau diagram aktifitas digunakan untuk menggambarkan aliran kejadian dalam use case system dengan tujuan untuk memudahkan mengkomunikasikan langkah-langkah dalam aliran kejadian. Secara esensial, activity diagram mirip dengan diagram alir (flowchart) karena memperlihatkan aliran kendali dari suatu aktifitas ke aktifitas lainnya (Nugroho, 2005).Diagram ini menjelaskan bagaimna kegiatan awal yaitu dari proses masuk home sampai pengolahan infak, dapat dilihat pada Gambar 3.5. Gambar 3.5 Activity Diagram Admin
48 Gambar 3.6 Activity Diagram Member 3.2.3 Sequence Diagram Sequence diagram ini menjelaskan secara detail urutan proses yang dilakukan dalam sistem untuk mencapai tujuan dari use case. Sequence diagram biasa digunakan untuk menggambarkan skenario atau rangkaian langkah-langkah yang dilakukan sebagai respons dari sebuah event untuk menghasilkan output tertentu. Diagram ini menunjukan sejumlah contoh objek dan pesan yang di letakkan di antara objek-objek di dalam use case. Komponen utama sequence diagram terdiri dari objek yang di gambarkan dengan kotak segi empat bernama pesan diwakili oleh garis dengan tanda panah dan waktu yang di tunjukkan dengan progres vertical. Proses dan perubahan apa saja yang terjadi secara internal dan output apa yang dihasilkan.
49 Admin Home Menu Admin 1 : Login() 2 : Manager Member() 3 : Print Laporan() Gambar 3.7 Sequence Diagram Admin Member Home Menu Member 1 : Login() 2 : Edit Profile() 3 : Donatur Diagram() 4 : Daftar Donatur() 5 : Komisi() Gambar 3.8 Sequence Diagram Member 3.2.4 Class Diagram Class diagram merupakan sebuah spesifikasi yang jika di instansiasi akan menghasilkan sebuah objek dan merupakan inti dari pengembangan dan desain berorientasi objek yaituclass Diagram. Menggambarkan keadaan (atribut/properti)
50 suatu sistem, sekaligus menawarkan layanan untuk memanipulasi keadaan tersebut (metoda/fungsi).berikut adalah Class Diagram yang dibutuhkan dalam perancangan aplikasi ini dapat dilihat pada Gambar 3.9. Home -username -password +Login() admin -id -nama +manager member() +saldo admin() +laporan() telaah diagram -id -menulis +lihat() member -id -username -pass -nama -kelamin -alamat -email +edit profil() +ganti password() +donatur tree() +telaah diagram() +komisi() +logout() member manager -username -nama -view -infak -email +create() +update() +delete() saldo admin -saldo +lihat() donatur tree -level +lihat() komisi -sponsor -level +lihat() laporan -transfer -komisi +lihat() 3.2.5 Perancangan Data Base 1. Tabel Admin Gambar 3.9 Class Diagram Admin Nama Database Nama Tabel Primary Key : dbinfak : table_admin : Userid
51 Tabel 3.4 Tabel admin Field Type Size Keterangan Userid Varchar 30 Primary key Pass Varchar 100 Email Varchar 50 Status Char 3 Nama Varchar 200 2. Table Member Nama Database Nama Tabel Primary Key : dbinfak : table_member : id Tabel 3.5 Tabel Member Field Type Size Keterangan Id Int 6 Primary Key Username Varchar 20 Pass Varchar 200 nama Varchar 40 Sponsor Varchar 100 Upline Varchar 50 Email Varchar 100 Kelamin Varchar 10 Ktp Varchar 50 Alamat Varchar 100 Kota Varchar 100 Propinsi Varchar 100 Kodepos Varchar 100 Phone Varchar 30 Bank Varchar 255 Norek Varchar 100 Photo Varchar 50 Tglaktif Datetime Blokir Varchar 5 Status Char 1
52 3. Table Komisi Nama Database Nama Tabel Primary Key : dbinfak : table_komisi : id Tabel 3.6 Tabel Komisi Field Type size Keterangan Id Int 6 Primary Key Username Varchar 100 Bayar Varchar 20 Tglbayar Datetime Status Varchar 20 Total Varchar 20 Jenis Varchar 50 Dari Varchar 50 4. Table Transfer Nama Database Nama Tabel Primary Key : dbinfak : table_transfer : id Tabel 3.7 Tabel Transfer Field Type Size Keterangan Id Int 5 Primary Key Userid Varchar 50 Tglminta Datetime Tglbayar Datetime Rp Varchar 100 Status Varchar 20 Tujuan Varchar 200 Kode Varchar 15
53 5. TableTransaksi Nama Database Nama Tabel Primary Key : dbinfak : table_transaksi : id Tabel 3.8 Tabel Transaksi Field Type Size Keterangan Id Int 11 Primary Key Kode Varchar 15 Username Varchar 100 Jumlah Varchar 15 Tgl Datetime Uraian Varchar 255 Status Varchar 5 3.2.6 Perancangan Interface Merancang interface merupakan bagian yang paling penting dari merancang sistem. Biasanya hal tersebut juga merupakan bagian yang sulit, karena dalam merancang tampilan harus memenuhi tiga persyaratan yaitu sebuah tampilan yang user friendly, sebuah tampilan yang lengkap, dan sebuah tampilan yang memiliki kinerja cepat. Perancangan interface dalam aplikasi web ini terdiri dari perancangan interface administrator dan perancangan interface member. 1. Perancangan Interface Administrator Perancangan interface administrator ini digunakan untuk mengelola fitur-fitur pada website.
54 Gambar 3.10 Halaman Utama Websaite 2. Perancangan Interface Member Halaman user diperlukan untuk menampilkan halaman web yang diakses oleh member.oleh karena itu, desain untuk halaman member dibuat minimalis agar dapat digunakan secara mudah dan efisien. Halaman member terdapat form data member yang digunakan untuk mengetahui tentang informasi data member. Adapun rancangan halaman member dapat dilihat pada gambar 3.11.
55 Gambar 3.11 Halaman utama data member gambar 3.12 Sedangkan untuk rancangan halaman edit profil member dapat dilihat pada Gambar 3.12 Halaman edit profil member
56 Selain itu untuk halaman ganti password member dapat dilihat pada Gambar 3.13. Gambar 3.14 Gambar 3.13 Halaman Ganti Password Dan ntuk rancangan halaman upload photo member dapat dilihat pada Gambar 3.14 Halaman upload photo
57 3.15. Pada rancangan halaman Donatur tree member dapat dilihat pada Gambar Gambar 3.15 Halaman Donatur tree Halaman daftar donatur berfungsi untuk mendaftarkan donatur baru yang akan menjadi member. Untuk lebih jelas mengenai halaman donatur dapat dilihat pada gambar 3.16. Gambar 3.16 Halaman Daftarkan donatur
58 Halaman diagram jaringanini berfungsi untuk melihat member yang telah diaktifkan oleh admin dan disimpan kedalam diagram jaringan. Untuk lebih jelas mengenai halaman diagram jaringan ini dapat dilihat pada gambar 3.17. Gambar 3.17 Halaman telaah diagram Halaman catatan komisi ini berfungsi untuk melihat komisi yang telah diperoleh setiap member dan dapat dilihat secara rinci setiap bulannya.untuk lebih jelas mengenai halaman catatan komisi ini dapat dilihat pada gambar 3.18.
59 Gambar 3.18. Halaman catatan komisi Halaman Ambil komisi ini berfungsi untuk mengambil komisi yang telah di peroleh member dan diketahui lewat catatan komisi yang ada pada halaman sebelumnya.untuk lebih jelas mengenai halaman Ambil komisiini dapat dilihat pada gambar 3.19. Gambar 3.19. Halaman Ambil komisi
60 Setelah mengetahui halaman member yang ada pada aplikasi ini selanjutnya kita akan memahami pula halaman yang ada pada admin. Halaman yang pertama muncul setelah login adalah halaman home admin. Halaman terebut berfungsi untuk mengelola semua data yang ada pada aplikasi ini dan semuanya di awasi pada halaman ini. Untuk lebih jelas mengenai halaman home admin ini dapat dilihat pada gambar 3.20. Gambar 3.20 Halaman Home Admin Setelah menampilkan home admin maka selanjutnya terdapat halaman member maneger yang berfungsi menampilkan tabel member yang telah mendaftar menjadi donatur. Untuk lebih jelas mengenai halaman member menager ini dapat dilihat pada gambar 3.21.
61 Gambar 3.21 Halaman list member manager Selanjutnya menampilkan halaman saldo admin yang berfungsi menampilkan jumlah nominal uang yang dimiliki oleh admin.untuk lebih jelas mengenai halaman saldo admin ini dapat dilihat pada gambar 3.22. Gambar 3.22 Halaman Saldo Admin