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.

24
 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