Post on 20-Oct-2020
24
BAB III
PEMBAHASAN
3.1. Tinjauan Kasus
Untuk memulai pembangunan suatu program aplikasi, terlebih dahulu
dilakukan perencanaan pengembangan perangkat lunak berdasarkan analisis dan
kebutuhan dari pengguna yang akan menggunakan aplikasi ini untuk belajar agama
islam.
3.1.1. Identifikasi Masalah
Indonesia termasuk negara Islam terbesar di dunia, tidak bisa dipungkiri jika
masih banyak masyarakat yang menganut agama islam belum memahami tentang
apa yang diajarkan agama tersebut seperti rukun islam, rukun iman, wudhu, sholat,
dan lainnya. Apalagi jaman sekarang orang sudah sangat sibuk dengan pekerjaan
masing-masing. Selain itu orang-orang juga lebih suka menghabiskan waktu dengan
gadget nya. Sehingga kurangnya waktu orang untuk belajar pendidikan agama.
Di zaman modern ini, perkembangan gadget sangat berpengaruh dalam
perkembangan hidup manusia. Gadget telah membantu manusia darihal yang simple
seperti mencari informasi dengan mudah hingga ke hal-hal yang luar biasa. Tidak
dipungkiri lagi sekarang gadget bukan lagi menjadi barang mewah karena sudah
sebagaian besar orang memilikinya
Untuk mengatasi masalah tersebut, maka perlu adanya aplikasi yang dapat
membantu umat islam dalam pembelajaran mengenai rukun islam, rukun iman,
sholat, wudhu dan doa harian.
25
3.1.2. Analisa Kebutuhan Aplikasi
Dalam pembuatan aplikasi yang dibangun harus dapat memenuh kebutuhan
seperti berikut :
1. Pengguna dapat melihat menu utama pembelajaran rukun islam, rukun iman,
wudhu, sholat fardhu, doa harian dan profil penulis.
2. Pengguna dapat melihat dan memperoleh informasi mengenai rukun islam,
rukun iman, wudhu, sholat fardhu, doa-doa dan profil penulis.
3.2. Spesifikasi Rancangan Program
Dalam spesifikasi rancangan program ini, penulis akan menjelaskan tentang
spesifikasi bentuk masukan, spesifikasi bentuk keluaran, spesifikasi file, HIPO,
spesifikasi program, flowchart dan UML
3.2.1. Spesifikasi Bentuk Masukan
Adapun spesifikasi bentuk masukan aplikasi islampedia adalah sebagai
berikut :
1. Nama Dokumen : Menu utama
Fungsi : Untuk menampilkan halaman menu utama
Media : Layout
Frekuensi : Akan muncul otomatis setelah membuka aplikasi
Tampilan : Rancangan Antarmuka menu utama
26
Gambar III.1. Rancangan Antarmuka Menu Utama
Keterangan : Pada halaman menu utama menggunakan 6 button untuk
masuk ke sub menu masing-masing mulai dari rukun islam,
rukun iman, wudhu, sholat fardhu, doa-doa dan info penulis
2. Nama Dokumen : Rukun Islam
Fungsi : Untuk menampilkan halaman rukun islam
Media : Layout
Frekuensi : Akan muncul setelah memilih rukun islam
Tampilan : Rancangan antarmuka rukun islam
Gambar III.2. Rancangan Antarmuka Rukun Islam
27
Keterangan : Pada halaman rukun islam menggunakan 5 button,
menjelaskan tentang pilar-pilar agama islam dasar yang
wajib dilaksanakan bagi orang-orang beriman
3. Nama Dokumen : Rukun Iman
Fungsi : Untuk menampilkan halaman rukun iman
Media : Layout
Frekuensi : Akan muncul setelah memilih rukun iman
Tampilan : Rancangan antarmuka rukun iman
Gambar III.3. Rancangan Antarmuka Rukun Iman
Keterangan : Pada halaman rukun iman menggunakan 6 button,
menjelaskan tentang pilar-pilar keimanan yang harus
dimiliki oleh seorang muslim.
4. Nama Dokumen : Wudhu
Fungsi : Untuk menampilkan halaman wudhu
Media : Layout
Frekuensi : Akan muncul setelah memilih wudhu
Tampilan : Rancangan antarmuka wudhu
28
Gambar III.4. Rancangan Antarmuka Wudhu
Keterangan : Pada halaman wudhu menggunakan 3 button, menjelaskan
apa itu wudhu, cara berwudhu dan doa sesudah wudhu.
5. Nama Dokumen : Sholat Fardhu
Fungsi : Untuk menampilkan halaman sholat fardhu
Media : Layout
Frekuensi : Akan muncul setelah memilih sholat fardhu
Tampilan : Rancangan antarmuka sholat fardhu
Gambar III.5. Rancangan Antarmuka Sholat Fardhu
29
Keterangan : Pada halaman sholat fardhu menggunakan 3 button,
menjelaskan tentang tata cara sholat.
6. Nama Dokumen : Doa-doa
Fungsi : Untuk menampilkan halaman doa-doa
Media : Layout
Frekuensi : Akan muncul setelah memilih doa-doa
Tampilan : Rancangan antarmuka doa-doa
Gambar III.6. Rancangan Antarmuka Doa-doa
Keterangan : Pada halaman rukun iman menggunakan 6 button, berisi
tentang kumpulan doa sehari-hari.
7. Nama Dokumen : Info
Fungsi : Untuk menampilkan halaman info
Media : Layout
Frekuensi : Akan muncul setelah memilih info
Tampilan : Rancangan antarmuka info
30
Gambar III.7. Rancangan Antarmuka Info
Keterangan : Pada halaman rukun iman menggunakan imageview, berisi
tentang profil penulis.
31
3.2.2. Spesifikasi Bentuk Keluaran
Adapun spesifikasi bentuk keluaran aplikasi Islampedia adalah sebagai
berikut :
1. Nama Dokumen : Isi Rukun Islam
Fungsi : Menampilkan isi/deskripsi berdasarkan pilihan di rukun
islam
Media : Layout
Frekuensi : Akan muncul setelah pengguna memilih salah satu dari
rukun islam
Tampilan : Rancangan antarmuka isi rukun islam
Gambar III.8. Rancangan Antarmuka Isi Rukun Islam
Keterangan : Pada halaman isi rukun islam menggunakan webview,
menjelaskan tentang isi dari rukun islam.
32
2. Nama Dokumen : Isi Rukun Iman
Fungsi : Menampilkan isi/deskripsi berdasarkan pilihan di rukun
iman
Media : Layout
Frekuensi : Akan muncul setelah pengguna memilih salah satu dari
rukun iman.
Tampilan : Rancangan antarmuka isi rukun iman
Gambar III.9. Rancangan Antarmuka Isi Rukun Iman
Keterangan : Pada halaman isi rukun iman menggunakan webview,
menjelaskan tentang isi dari rukun iman.
33
3.2.3. HIPO (Heirrachy Input Proccess Output)
Berikut penggambaran HIPO (Heirrachy Input Proccess Output) yang akan
diterapkan pada aplikasi.
Gambar III.10. Hipo Aplikasi Islampedia
3.2.4. Spesifikasi Program
Adapun spesifikasi program dalam Aplikasi adalah sebagai berikut :
Nama Program : Aplikasi Islampedia
Fungsi : Merupakan program yang berfungsi untuk mempermudahkan
orang dalam belajar agama islam
Bahasa Program : Java (Android)
Proses : Setelah aplikasi dijalankan akan muncul menu utama.
Adapun pilihan menu utama terdiri dari :
a. Rukun Islam
Untuk menampilkan 5 pilar-pilar agama islam dasar yang
wajib dilaksanakan bagi orang-orang beriman.
34
b. Rukun Iman
Untuk menampilkan pilar-pilar keimanan yang harus
dimiliki oleh seorang muslim.
c. Wudhu
Untuk menampilkan tentang tata cara wudhu.
d. Sholat Fardhu
Untuk menampilkan tentang tata cara sholat fardhu
e. Doa-doa
Untuk menampilkan tentang doa-doa
f. Info
Untuk menampilkan info aplikasi dan penulis
3.2.5 Flowchart System
Flowchart adalah suatu bagan yang menggambarkan arus logika dari data
yang akan diproses dalam suatu program dari alwal sampai akhir. Flowchart terdiri
dari symbol-simbol yang mewakili fungsi-fungsi langkah program dan garis alir
menunjukan urutan dari symbol-simbol yang akan dikerjakan.
Gambar III.11. Flowchart Menu Utama Aplikasi Islampedia
35
1. Flowchart Menu Rukun Islam
Ketika aplikasi dijalankan yang pertama pengguna lihat adalah menu utama,
terdapat submenu dari menu tersebut yakni rukun islam yang terdiri dari 5 pilar
rukun islam. Berikut flowchart dari menu tersebut:
Gambar III.12. Flowchart Menu Rukun Islam
36
2. Flowchart Menu Rukun Iman
Ketika aplikasi dijalankan yang pertama pengguna lihat adalah menu utama,
terdapat submenu dari menu tersebut yakni rukun iman yang terdiri dari 6 pilar rukun
iman. Berikut flowchart dari menu tersebut:
Gambar III.13. Flowchart Menu Rukun Iman
37
3. Flowchart Menu Wudhu
Ketika aplikasi dijalankan yang pertama pengguna lihat adalah menu utama,
terdapat submenu dari menu tersebut yakni wudhu yang berisi cara berwudhu.
Berikut flowchart dari menu tersebut:
Gambar III.14. Flowchart Menu Wudhu
38
3.2.6. UML
1. Use Case Diagram
Use case diagram menggambarkan hubungan antara pengguna dan kegiatan
yang dilakunan terhadap aplikasi. Use case diagram dari aplikasi yang akan dibuat
adalah sebagai berkut:
Gambar III.15. Use Case Diagram Aplikasi Islampedia
3.3 Sarana Pendukung Program
3.3.1. Perangkat Keras
Klasifikasi perangkat keras yang dusulkan adalag sebagai berikut:
1. Laptop
Tipe : ASUS
Processor : Intel (R) Pentium (R)
Memori : 2GB
2. Smartphone
Tipe : Xiaomi Redmi 4A
Versi Android : Marshmallow
CPU : Quad-core
Memori : 2GB
39
3.3.2 Perangkat Lunak
1. Sistem operasi : Windows 7 Ultimate 32-bit
2. Basic4Android versi 8.30
3. Brackets Versi 1.11
4. Corel Draw X5