38
BAB III ANALISIS DAN PERACANGAN
3.1
Analisis sistem Analisis
sistem
bertujuan
untuk
mengidentifikasi
permasalahan-
permasalahan 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 1. Login
2. Mengelola data Admin
member
Deskripsi Fungsi Fungsi ini hanya dapat dilakukan oleh admin yang sudah memiliki hak akses sebagai admin Setelah admin melakukan login, maka admin mempunyai hak penuh dalam melakukan 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
Deskripsi Fungsi
Fungsi
Fungsi ini dilakukan setelah admin selesai Admin
4. Logout
melakukan pengelolaan data member.
Fungsi ini hanya dapat dilakukan oleh donatur 1. Login
yang sudah diaktifkan olah admin dan donatur tersebut memiliki status sebagai member.
Setelah melakukan login member dapat 2. Edit Profil
mengedit profilnya sesuai dengan profil yang dimiliki member tersebut, Diagram telaah ini merupakan diagram tree
3. Diagram Telaah
yang berfungsi sebagai penggambaran dari posisi masing – masing member dalam bisnis MLM (Multi Level Marketing)
Member
Pendaftaran telaah tersebut dilakukan oleh 4. Daftarkan Telaah
member yang telah aktif dan melakukan pendaftaran terhadap donatur baru yang akan bergabung dalam bisnis tersebut. Pada fungsi komisi ini setiap member akan
5. Komisi
mendapatkan komisi sesuai dengan perolehan donatur baru yang telah direkrut oleh member tersebut.
6. Logout
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
Member Laporan
Daftar Telaah
admin
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 1. Login
Sistem 2. Masuk kedalam sistem
3. Mengelola Membar 4. Mengelola semua member, Member Aktif, Member Pending dan Komisi member 6. Lihat Laporan Data Transfer Dan Komisi
5. Laporan 7. Logout
8. Keluar Dari Sistem Tabel 3.3. SkenarioUse Case Member Use Case Sistem : Infak Online Skenario Admin 1. Login
Sistem 2. Masuk kedalam sistem
3. Edit Profil 4. Melakukan Edit Profil : Ganti Password, Upload Photo 5. Telaah Diagram 6. Melihat Diagram Percabangan Antar Member 7. Daftarkan Donatur 8. Mendaftarkan donatur dan menjadikan donatur sebagai percabangannya 9. Komisi 10. Melihat Komisi Member 11. Logout 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. admin
Home
-id -nama +manager member() +saldo admin() +laporan()
-username -password +Login()
member manager
telaah diagram -id -menulis +lihat()
member -id -username -pass -nama -kelamin -alamat -email +edit profil() +ganti password() +donatur tree() +telaah diagram() +komisi() +logout()
-username -nama -view -infak -email +create() +update() +delete()
saldo admin -saldo +lihat()
donatur tree -level
laporan
+lihat()
komisi -sponsor -level +lihat()
-transfer -komisi +lihat()
Gambar 3.9 Class Diagram Admin 3.2.5
Perancangan Data Base
1. Tabel Admin Nama Database
: dbinfak
Nama Tabel
: table_admin
Primary Key
: Userid
51
Tabel 3.4 Tabel admin Field Userid Pass Email Status Nama
Type Varchar Varchar Varchar Char Varchar
Size 30 100 50 3 200
Keterangan Primary key
2. Table Member Nama Database
: dbinfak
Nama Tabel
: table_member
Primary Key
: id Tabel 3.5 Tabel Member
Field Id Username Pass nama Sponsor Upline Email Kelamin Ktp Alamat Kota Propinsi Kodepos Phone Bank Norek Photo Tglaktif Blokir Status
Type Int Varchar Varchar Varchar Varchar Varchar Varchar Varchar Varchar Varchar Varchar Varchar Varchar Varchar Varchar Varchar Varchar Datetime Varchar Char
Size 6 20 200 40 100 50 100 10 50 100 100 100 100 30 255 100 50 5 1
Keterangan Primary Key
52
3. Table Komisi Nama Database
: dbinfak
Nama Tabel
: table_Komisi
Primary Key
: id Tabel 3.6 Tabel Komisi
Field Id Username Bayar Tglbayar Status Total Jenis Dari
Type Int Varchar Varchar Datetime Varchar Varchar Varchar Varchar
size 6 100 20
Keterangan Primary Key
20 20 50 50
4. Table Transfer Nama Database
: dbinfak
Nama Tabel
: table_Transfer
Primary Key
: id Tabel 3.7 Tabel Transfer
Field Id Userid Tglminta Tglbayar Rp Status Tujuan Kode
Type Int Varchar Datetime Datetime Varchar Varchar Varchar Varchar
Size 5 50
100 20 200 15
Keterangan Primary Key
53
5. TableTransaksi Nama Database
: dbinfak
Nama Tabel
: table_Transaksi
Primary Key
: id Tabel 3.8 Tabel Transaksi
Field Id Kode Username Jumlah Tgl Uraian Status
3.2.6
Type Int Varchar Varchar Varchar Datetime Varchar Varchar
Size 11 15 100 15
Keterangan Primary Key
255 5
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
Sedangkan untuk rancangan halaman edit profil member dapat dilihat pada gambar 3.12
Gambar 3.12 Halaman edit profil member
56
Selain itu untuk halaman ganti password member dapat dilihat pada Gambar 3.13.
Gambar 3.13 Halaman Ganti Password Dan ntuk rancangan halaman upload photo member dapat dilihat pada Gambar 3.14
Gambar 3.14 Halaman upload photo
57
Pada rancangan halaman Donatur tree member dapat dilihat pada Gambar 3.15.
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