Planning Construction Deployment HASIL DAN PEMBAHASAN

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.