49
BAB IV HASIL DAN PEMBAHASAN
4.1 Communication
4.1.1 Analisis Kebutuhan
Pada studi literatur yang penulis lakukan hasil bisa dilihat pada tabel 2.2, ada aplikasi yang dapat meberikan informasi mengenai hukum suatu
makanan, akan tetapi terbatas pada makanan yang ada di suatu negara, sedangkan untuk Indonesia belum ada datanya. Di satu sisi, masyarakat
Indonesia membutuhkan suatu aplikasi yang dapat memberikan informasi hukum suatu makanan secara cepat dan tepat. Dari MUI sendiri tidak ada
informasi yang mudah diakses untuk mengetahui hukum suatu makanan dari jenis hewan secara cepat dan tepat. Oleh karena itulah penulis membuat suatu
aplikasi yang memudahkan user dalam mengetahui hukum suatu makanan dari jenis hewan secara cepat dan tepat.
4.2 Planning
Dalam hal ini, penulis membangun aplikasi penentu hukum halal-haram suatu makanan dari jenis hewan secara individu. Adapun waktu yang diperlukan dalam
penelitian pembuatan aplikasi ini adalah selama sembilan 9 minggu. Berikut ini adalah timeline yang penulis rancanakan selama membangun aplikasi penentu hukum
halal-haram suatu makanan dari jenis hewan:
50
Tabel 4.1. Planning
Pembuatan Aplikasi
Minggu ke-1
Minggu ke-2
Minggu ke-3
Minggu ke-4
Minggu ke-5
Minggu ke-6
Minggu ke-7
Minggu ke-8
Minggu ke-9
Communication Planning
Modelling Construction
Deployment
4.3 Modelling
4.3.1 Context Diagram
Context Diagram Diagram Konteks mengambarkan seluruh elemen
perangkat lunak sebagai sebuah proses dengan input dan output data yang ditandai oleh panah masuk dan keluar berturut-turut. Proses-proses tambahan
dan aliran data seperti yang digambarkan di Context Diagram dipisah untuk menampakkan proses yang lebih rinci.
Pada perancangan aplikasi ini terdapat dua entitas yaitu Admin dan User
. Berikut ini merupakan aliran datanya: 1. Aliran data dari Admin ke Aplikasi berupa data hewan.
2. Aliran data dari Aplikasi ke Admin berupa informasi hewan. 3. Aliran data dari User ke Aplikasi berupa pencarian data hewan.
4. Aliran data Aplikasi ke User berupa informasi hasil pencarian data hewan.
51
Gambar 4.1 Context Diagram
4.3.2 Data Flow Diagram
Data Flow Diagram DFD adalah gambaran grafis yang
menggambarkan aliran dan perubahan data, yang bergerak dari input ke output
. DFD dapat digunakan untuk menggambarkan sebuah sistem atau perangkat lunak pada beberapa level.
52
Gambar 4.2 Data Flow Diagram
Berikut ini adalah aliran data yang terjadi pada aplikasi penentu hukum halal-haram makan dari jenis hewan:
1. Memasukkan data hewan oleh admin ke dalam database. 2. Menyuntingi data hewan oleh admin ke dalam database.
53
3. Menghapus data hewan oleh admin ke dalam database. 4. Melihat data hewan oleh admin ke dalam database.
5. Mencari data hewan oleh user ke dalam aplikasi.
4.3.3 Entity Relational Diagram
Entity Relational Diagram ERD adalah suatu model yang digunakan
untuk menggambarkan data dalam bentuk entitas, atribut dan hubungan antar- entitas. ERD dapat digunakan pada semua alat-alat pemodelan dan satu-
satunya metode untuk menggambarkam sistem penyimpanan data. Hubungan antara tabel yang didapat dari Data Flow Diagram DFD diatas yaitu:
Gambar 4.3 Entity Relational Diagram ERD
54
4.3.4 Normalisasi
Sebelum normalisasi dilakukan, ditampilan tabel serta atribut sesuai dengan yang ada pada Entity Relational Diagram ERD untuk selanjutnya
dilakukan proses normalisasi. Tabel 4.2 Tabel sebelum normalisasi
1. Bentuk Normal Ke Satu NF Langkah
pertama dalam
normalisasi hubungan
adalah menghilangkan atribut yang bernilai ganda dan membentuk
sejumlah baris sehingga setiap sel berisi satu nilai. Kemudian bagian yang kosong diisi dengan data yang sesuai.
Tabel 4.3 Tabel Normalisasi Bentuk Pertama id
nama nama_arab
habitat jenis
morfologi ciri_umum
hukum alasan
keterangan
id nama
nama_arab ciri_1
habitat ciri_2
jenis ciri_3
morfologi ciri_umum
hukum alasan
keterangan
55
2. Bentuk Normal Ke Dua 2NF Bentuk normal kedua adalah suatu bentuk yang mensyaratkan
bahwa relasi harus sudah berada dalam bentuk normal pertama dan tidak mengandung dependensi parsial. Dari semua tabel sudah
memenuhi normalisasi kedua. Tabel 4.4 Tabel Normalisasi Bentuk Kedua
4.3.5 Kamus Data
Berikut ini adalah kamus data dari tabel-tabel yang terlibat dalam aplikasi: 1. Tabel Admin
Nama Tabel : admin
Keterrangan : Berisi kode akses admin
Primary Key : username
Tabel 4.5 Tabel Admin Nama Field
Tipe Panjang
Keterangan Username
Varchar 20
User ID admin Password
Varchar 20
Password admin id
nama nama_arab
ciri_1 habitat
ciri_2 jenis
ciri_3 morfologi
ciri_umum hukum
alasan keterangan
id habitat
id morfologi
id jenis
id hukum
56
2. Tabel Hewan Nama Tabel
: tbl_hewan Keterangan
: Berisi data-data hewan Primary Key
: Tabel 4.6 Tabel Hewan
Nama Field Tipe
Panjang Keterangan
id_hewan Varchar
10 Id hewan
nama_hewan Varchar
80 Nama hewan
nama_arab Varchar
60 Nama hewan dalam bahasa arab
Ciri1 Integer
1 Id ciri1
Habitat Varchar
15 Nama habitat hewan
Ciri2 Integer
1 Id ciri2
Jenis Varchar
15 Jenis hewan
Ciri3 Integer
1 Id ciri3
Morfologi Varchar
50 Morfologi hewan
Ciri umum Varchar
500 Ciri umum suatu hewan
Hukum Varchar
5 Hukum suatu hewan
Alasan Varchar
40 Alasan hukum suatu hewan
3. Tabel Ciri1 Nama Tabel
: tbl_ciri1 Keterangan
: Berisi habitat hewan Primary Key
: id_ciri
57
Tabel 4.7 Tabel Ciri 1 Nama Field
Tipe Panjang
Keterangan id_ciri
Integer 1
Id habitat hewan Ciri
Varchar 70
Habitat hewan
4. Tabel ciri2 Nama Tabel
: tbl_ciri2 Keterangan
: Berisi jenis hewan Primary Key
: id_ciri2 Tabel 4.8 tabel Ciri 2
Nama Field Tipe
Panjang Keterangan
id_ciri2 Integer
1 Id jenis hewan
Ciri Varchar
20 Jenis hewan
5. Tabel ciri3 Nama Tabel
: tbl_ciri3 Keterangan
: Berisi morfologi hewan Primary Key
: id_ciri3 Tabel 4.9 Tabel ciri 3
Nama Field Tipe
Panjang Keterangan
id_ciri3 Integer
1 Id hewan
id_ciri Varchar
40 Id cirri
58
6. Tabel Hukum Nama Tabel
: tbl_hukum Keterangan
: Berisi hukum hewan Primary Key
: id_hukum Tabel 4.10 Tabel Hukum
Nama Field Tipe
Panjang Keterangan
id_hukum Varchar
10 Id hukum
Hukum Varchar
20 Hukum hewan
7. Tabel Alasan Nama Tabel
: tbl_alasan Keterangan
: Berisi alasan hukum hewan Primary Key
: id_alasan Tabel 4.11 Tabel Alasan
Nama Field Tipe
Panjang Keterangan
id_alasan Varchar
20 Id alas an
Alasan Varchar
100 Alasan hukum hewan
5.3.6 Perancangan Antar Muka
Untuk rancangan antar muka, disesuaikan dengan model berbasis web, sehingga setiap halaman akan terlihat header dan footer. Rancangan tampilan-
tampilan yang akan dibuat didasarkan pada tujuan-tujuan yang telah didefinisikan pada model-model sebelumnya. Untuk tampilan-tampilan antar
muka tersebut, dapat dilihat sebagai berikut :
59
1. Antar Muka Halaman Awal Berikut merupakan tampilan awal dari aplikasi penentu hukum
halal haram makanan dari jenis hewan.
Gambar 4. 4 Gambar Antar Muka Halaman Awal 2. Antar Muka Pencarian Terstruktur
Berikut merupakan tampilan aplikasi apabila user ingin melakukan pencarian melalui menu pencarian terstruktur Dalam menu ini bisa
langsung di link ke menu pencarian umu ataupun menu database apabila user
tidak mengetahui ciri hewan yang mereka cari tahu.
Gambar 4.5 Gambar Antar Muka Menu Pencarian Terstruktur HEADER
SELAMAT DATANG HOME
PENCARIAN TERSTRUKTUR
PENCARIAN UMUM
DATABASE ADMIN
FOOTER
HEADER
Dimanakah habitat hewan yang anda maksudkan? HOME
PENCARIAN TERSTRUKTUR
PENCARIAN UMUM
DATABASE ADMIN
FOOTER DARAT
AIR DARAT dan AIR
TIDAK TAHU
60
3. Antar Muka Hasil Pencarian Berikut merupakan tampilan aplikasi hasil pencarian apabila user
menggunakan menu pencarian terstruktur.
Gambar 4.6 Gambar Antar Muka Hasil Pencarian
4. Antar Muka Pencarian Umum Berikut merupakan tampilan aplikasi apabila user ingin melakukan
pencarian melalui menu pencarian umum, menu pencarian umum ini bisa merupakan link dari menu pencarian terstruktur apabila user tidak
mengetahui ciri hewan yang ingin mereka cari tahu. Dalam menu ini, user juga bisa melakukan pencarian menggunakan nama maupun ciri hewan
yang mereka cari. HEADER
Halal Tampilkan seluruh daftar hewan air
UTAMA PENCARIAN
TERSTRUKTUR PENCARIAN
UMUM DATABASE
ADMIN
FOOTER
61
Gambar 4.7 Gambar Antar Muka Menu Pencarian Umum 5. Antar Muka Menu Database
Berikut merupakan tampilan menu yang menampilkan daftar hewan- hewan yang ada dalam aplikasi. Menu ini bisa merupakan link dari menu
pencarian terstruktur apabila user tidak mengetahui ciri hewan yang mereka cari.
HEADER
Nama Habitat
: -
Darat -
Air -
Darat dan Air -
Tidak tahu Ciri lainnya
:
CARI
HOME PENCARIAN
TERSTRUKTUR PENCARIAN
UMUM DATABASE
ADMIN
FOOTER
CARI
62
Gambar 4.8 Gambar Antar Muka Menu Pencarian 6. Antar Muka Menu Admin login
Berikut merupakan tampilan menu admin log-in, admin bisa menambahkan data maupun menghapus dan merubah data hewan.
Gambar 4.9 Gambar Antar Muka Menu Admin Login HEADER
1. Ayam 2. Anjing
3. Babi 4. Kerbau
5. Kambing
Page 1I 2 FOOTER
HOME PENCARIAN
TERSTRUKTUR PENCARIAN
UMUM DATABASE
ADMIN
HEADER HOME
PENCARIAN TERSTRUKTUR
PENCARIAN UMUM
DATABASE ADMIN
username :
password :
signin
FOOTER
63
7. Antar Muka Menu edit data Dalam menu ini, admin dapat melakukan perubahan data hewan
yang sudah ada dalam database.
Gambar 4.10 Gambar Antar Muka Menu Edit Data 8. Antar Muka Menu Hapus Data
Berikut merupakan tampilan aplikasi apabila admin ingin menghapus data hewan.
HEADER
Hai Admin, log out EDIT DATA
Id Nama hewan
Nama arab Ciri_1
Ciri_2 Ciri_3
Ciri_umum Hukum
Alasan Keterangan
HOME LIST
TAMBAH
FOOTER
submit
64
Gambar 4.11 Gambar Antar Muka Menu Hapus Data 9. Antar Muka Menu Tambah Data
Berikut merupakan tampilan aplikasi apabila admin ingin menambahkan data hewan ke dalam database.
Gambar 4.12 Gambar Antar Muka Menu Tambah Data HEADER
Hai Admin, log out TAMBAH DATA
Id Nama hewan
Nama arab Ciri_1
Ciri_2 Ciri_3
Ciri_umum Hukum
Alasan Keterangan
HOME LIST
TAMBAH HEADER
Hai Admin, log out No
Nama Nama
arab
Ciri 1
Ciri 2
Ciri 3
Ciri umum
Hukum
Alasan keterangan Aksi
1. Anjing
Al-kalba 1
1 1
Haram
X HOME
LIST TAMBAH
Anda yakin menghapus data anjing? ok
cancel
FOOTER
FOOTER
submit
65
5.4 Construction
Pada tahap ini, penulis memulai membuat aplikasi dari perancangan yang telah penulis buat sebelumnya. Sesuai dengan model dan tujuan
sistem yaitu aplikasi berbasis web, rancang bangun antar muka aplikasi dibuat menggunakan bahasa
pemograman yang dapat dibuka pada aplikasi browser, seperti HTML, PHP, dan Javascript. Untuk listing kode pemrograman dapat dilihat pada lampiran a.
Adapun tampilan aplikasi dapat dilihat pada gambar dibawah ini: 1. Tampilan Halaman Awal
Gambar 4.13 Gambar Tampilan Halaman Awal
66
2. Tampilan Halaman Pencarian Terstruktur
Gambar 4.14 Gambar Tampilan Halaman Pencarian Terstruktur 3. Tampilan Halaman Hasil Pencarian
Gambar 4.15 Gambar Tampilan Hasil Pencarian
67
4. Tampilan Halaman Pencarian Umum
Gambar 4.16 Gambar Tampilan Halaman Pencarian Umum
5. Tampilan Halaman Database
Gambar 4.17 Gambar Tampilan Halaman Database
68
6. Tampilan Halaman Admin
Gambar 4.18 Gambar Tampilan Halaman Admin
7. Tampilan Halaman List
Gambar 4.19 Gambar Tampilan Halaman List
69
8. Tampilan Halaman Edit Data Hewan
Gambar 4.20 Gambar Tampilan Halaman Edit Data Hewan
9. Tampilan Halaman Hapus Data Hewan
Gambar 4.21 Gambar Tampilan Hapus Data Hewan
70
10. Tampilan Halaman Tambah Data Hewan
Gambar 4.22 Gambar Tampilan Halaman Tambah Data hewan
5.5 Deployment
Pada tahap ini, penulis melakukan pengujian terhadap aplikasi penentu hukum halal haram makanan dari jenis hewan berbasis web. Pengujian dilakukan dengan
cara Blackbox Testing. Cara pengujian dilakukan dengan menjalankan aplikasi apakah telah sesuai dengan hasil yang diharapkan. Hasil pengujian blackbox testing
disajikan dalam beberapa level berikut ini: a. Pengujian level user
Melakukan pengujian mengenai fungsionalitas menu aplikasi yang dapat digunakan oleh user. Hasil yang didapat seperti pada tabel 4.12 dibawah
ini. Tabel 4.12 Tabel Pengujian Level User
No Rancangan Proses
Hasil Yang Diharapkan Hasil
Keterangan 1.
Memilih menu
“Pencarian Terstruktur”
Menampilkan hewan jenis unggas
Ok Memilih
hewan darat.
71
2. Memilih
menu “Pencarian Umum”
Menampilkan hewan yang berhuruf “A”
Ok Memasukkan
huruf A di menu
nama dalam menu
pencarian umum.
3. Memilih
menu “Pencarian Umum”
Menampilkan hewan jenis burung
Ok Memasukkan
kata “burung” di
menu ciri
lainnya dalam menu
pencarian umum.
4. Memilih
menu “Database”
Menampilkan daftar semua hewan yang ada dalam
database aplikasi Ok
b. Pengujian level admin Melakukan pengujian menu fungsionalitas aplikasi yang dapat digunakan
oleh admin. Hasil yang didapat seperti pada tabel 4.13 dibawah ini. Tabel 4.13 Tabel Pengujian Level Admin
No Rancangan Proses
Hasil Yang Diharapkan
Hasil Keterangan
1. Ketik
localhosthewanadminlog in.php,
pada alamat
browser Tampil
halaman administrator
Ok Level=admin
2. Masukkan username dan
password -
Jika salah tampil alert
- Jika benar masuk
ke halaman awal tampilan
administrator Ok
3. Pilih menu Home
Tampil keseluruhan
menu Ok
Melihat keseluruhan
menu 4.
Pilih menu List Tampil
keseluruhan data hewan beserta
ciri dan hukumnya Ok
Melihat keseluruhan
data hewan 4a. Pilih menu Edit
Tampil form
data hewan
yang akan
dirubah Ok
4b. Pilih menu Hapus Tampil
form data Ok
72
hewan yang
akan dihapus
5 Pilih menu Tambah
Tampil form
data hewan baru
Ok Melihat form
baru
73
BAB V PENUTUP
5.1 Kesimpulan
Berdasarkan uraian dan pembahasan pada bab-bab sebelumnya, maka dapat ditarik kesimpulan bahwa :
1. Aplikasi penentu hukum halal haram makanan dari jenis hewan dapat memberikan informasi tentang hukum suatu hewan secara cepat.
2. Aplikasi penentu hukum halal haram makanan dari jenis hewan dapat memperkecil kesalahan dalam menentukan hukum suatu hewan.
5.2 Saran
Berdasarkan kesimpulan-kesimpulan yang telah dikemukakan, dapat diajukan beberapa saran untuk pengembangan lebih lanjut antara lain :
1. Dalam melanjutkan aplikasi yang penulis buat diharapkan dalam bentuk mobile. 2. Dalam melanjutakan aplikasi yang penulis buat diharapkan memperbanyak jumlah
database hewan.