BAB IV

HASIL DAN PEMBAHASAN

Pembahasan mengenai proses pembuatan aplikasi android iqro dengan metode

pengembangan sistem model RUP (Rational Unified Process) yang terdiri dari

permulaan (inception), perluasan/perencanaan (elaboration), konstruksi

(construction) dan transisi (transition).

4.1 Permulaan (Inception)

Permulaan berawal dari menentukan tempat penelitian yang diadakan. Penelitian

ini dilaksanakan di Pondok Pesantren Yamama Kemiling Bandar Lampung.

Setelah menentukan tempat penelitian, tahap selanjutnya adalah melakukan

analisa permasalahan. Permasalahan yang terjadi adalah kurangnya wawasan

masyarakat mengenai iqro serta mempelajari iqro dengan benar dan ada juga

masyarakat malu untuk datang ke guru ngaji untuk mempelajari iqro dikarekan

usia yang sudah tua. Dari permasalah tersebut maka didapat pemecahan

permasalahan berupa aplikasi android iqro. Setelah didapat pemecahan

permasalahan tersebut, maka tahap selanjutnya adalah merencanakan pembuatan

aplikasi iqro berbasis Android.

4.2 Perluasan/Perencanaan (Elaboration)

Tahapan ini lebih mengarah pada analisis, desain/perancangan dan implementasi.

Sebelum beranjak ketahapan perancangan, maka dilakukan terlebih dahulu analisa

sistem berjalan mengenai pembelajaran iqro. Analisa sistem berjalan dilakukan

guna menganalisa sistem yang berjalan dengan menggunakan pemodelan UML

berupa use case. Analisa terhadap sistem yang berjalan, nantinya akan

menghasilkan usulan sistem yang baru.

26

4.2.1 Analisis Sistem Berjalan

Analisa sistem berjalan berupa proses belajar mengaji, dimana masyarakat atau

santri belajar mengaji iqro dengan didampingi guru ngaji seperti pada use case

Gambar 4.1.

Gambar 4.1 Use Case Diagram Sistem Berjalan

Definisi aktor dan use case dari sistem yang sedang berjalan adalah sebagai

berikut :

a. Deskripsi dan Definisi Aktor

Deskripsi dan definisi aktor dari proses belajar mengaji yang berjalan adalah

seperti pada Tabel 4.1.

Tabel 4.1 Deskripsi dan Definisi Aktor Sistem Berjalan

No Nama Aktor Deskripsi

1. Guru Mengaji Orang yang bertugas dan bertanggung jawab

atas memberi materi pembelajaran mengaji

iqro yang baik dan benar.

2. Santri Orang yang belajar mengaji iqro.

b. Deskripsi dan Defininisi Use Case

Deskripsi dan definisi use case dari proses belajar mengaji yang berjalan

adalah seperti pada Tabel 4.2.

27

Tabel 4.2 Deskripsi dan Definisi Use Case Sistem Berjalan

No Nama Use Case Deskripsi

1. Mengajar iqro Suatu proses dimana guru mengaji mengajar

pembelajaran iqro kepada santri.

2. Belajar iqro Suatu proses diamana santri belajar membaca

iqro kepada guru mengaji.

4.2.2 Perancangan Sistem Diusulkan

Gambaran secara umum perancangan aplikasi android iqro yang diusulkan

meliputi penentuan pemrosesan dan data yang dibutuhkan oleh sistem yang baru

dengan menggunakan use case diagram, activity diagram, rancangan database

dan rancangan interface.

4.2.2.1 Use Case Diagram Sistem Diusulkan

Perancangan use case diagram aplikasi android iqro yang diusulkan adalah

seperti pada Gambar 4.2.

Gambar 4.2 Perancangan Use Case Diagram Sistem Diusulkan

28

Deskrispsi aktor, use case dan sekenario use case dari sistem yang diusulkan

adalah sebagai berikut :

a. Deskripsi dan Definisi Aktor

Deskripsi dan definisi aktor dari sistem yang diusulkan adalah seperti pada

Tabel 4.3.

Tabel 4.3 Deskripsi dan Definisi Aktor Sistem Diusulkan

No Nama Aktor Deskripsi

1. Admin Orangyang bertugas dan bertanggung jawab atas

inputan data terhadap aplikasi android iqro.

2. User Orang yang menggunakan aplikasi android iqro.

b. Deskripsi dan Definisi Use Case

Deskripsi dan definisi use case dari sistem yang diusulkan adalah seperti

pada Tabel 4.4.

Tabel 4.4 Deskripsi dan Definisi Use Case Sistem Diusulkan

No Nama Use Case Deskripsi

1. Posting data iqro Suatu proses dimana admin memasukkan data

iqro 1-3 ke dalam aplikasi android iqro.

2. View data iqro Suatu proses dimana user melihat dan belajar

iqro mulai dari iqro 1 sampai dengan iqro 3.

3. Posting data soal

latihan

Suatu proses dimana admin menginputkan data

soal latihan ke dalam aplikasi android iqro.

4. Mengisi latihan Suatu proses dimana user mengisi soal latihan

dari pembelajaran iqro yang ada di aplikasi.

5. View histori

jawaban

Suatu proses dimana user melihat histori

jawaban dari soal latihan yang telah dikerjakan

sebelumnya.

29

c. Deskripsi Sekenario Use Case

Sekenario jalannya masing-masing use case yang telah didefinisikan

sebelumnya adalah sebagai berikut :

1. Sekenario Use Case Posting Data Iqro

Deskripsi sekenario use case posting data iqro dari sistem yang diusulkan

adalah seperti pada Tabel 4.5.

Nama Aktor : Admin

Tujuan : Menginputkan data iqro 1 sampai dengan iqro 3 ke

dalam aplikasi.

Tabel 4.5 Deskripsi Sekenario Use Case Posting Data Iqro

Aksi Aktor Sistem

1.Membuka menu data iqro.

2.Menampilkan form input data iqro.

3.Mengisi form input data iqro dan

simpan.

4.Menyimpan inputan data iqro ke

dalam database.

2. Sekenario Use Case View Data Iqro

Deskripsi sekenario use case view data iqro dari sistem yang diusulkan

adalah seperti pada Tabel 4.6.

Nama Aktor : User

Tujuan : Melihat dan belajar membaca iqro mulai dari pilihan

iqro 1 sampai iqro 3.

Tabel 4.6 Deskripsi Sekenario Use Case View Data Iqro

Aksi Aktor Sistem

1.View iqro.

2.Menampilkan informasi data iqro

1 sampai dengan iqro 3.

30

3. Sekenario Use Case Posting Data Soal Latihan

Deskripsi sekenario use case posting data soal latihan dari sistem yang

diusulkan adalah seperti pada Tabel 4.7.

Nama Aktor : Admin

Tujuan : Memasukkan data soal latihan iqro mulai dari iqro 1

sampai iqro 3.

Tabel 4.7 Deskripsi Sekenario Use Case Posting Data Soal Latihan

Aksi Aktor Sistem

1.Membuka menu soal latihan iqro.

2.Menampilkan form input data soal

latihan iqro.

3.Mengisi form input data soal

latihan iqro dan simpan.

4.Menyimpan inputan data soal

latihan iqro ke dalam database.

4. Sekenario Use Case Mengisi Latihan

Deskripsi sekenario use case mengisi latihan dari sistem yang diusulkan

adalah seperti pada Tabel 4.8.

Nama Aktor : User

Tujuan : Melihat dan mengisi soal latihan iqro mulai dari

pilihan iqro 1 sampai iqro 3.

Tabel 4.8 Deskripsi Sekenario Use Case Mengisi Latihan

Aksi Aktor Sistem

1.Membuka menu soal latihan iqro.

2.Menampilkan data soal latihan

iqro.

3.Mengisi jawaban dari soal latihan

iqro dan simpan.

31

4.Menyimpan data jawaban dari soal

latihan iqro ke dalam database.

5. Sekenario Use Case View Histori Jawaban

Deskripsi sekenario use case view histori jawaban dari sistem yang

diusulkan adalah seperti pada Tabel 4.9.

Nama Aktor : User

Tujuan : Melihat histori jawaban dari soal yang dikerjakan

mulai dari iqro 1 sampai iqro 3.

Tabel 4.9 Deskripsi Sekenario Use Case View Histori Jawaban

Aksi Aktor Sistem

1.View histori jawaban.

2.Menampilkan informasi data

histori jawaban.

4.2.2.2 Activity Diagram Sistem Diusulkan

Activity diagram dari sekenario use case yang telah dirancang sebelumnya

adalah sebagai berikut :

a. Activity Diagram Posting Data Iqro

Perancangan activity diagram posting data iqro pada aplikasi android iqro

adalah seperti pada Gambar 4.3.

Gambar 4.3 Perancangan Activity Diagram Posting Data Iqro

32

b. Activity Diagram View Data Iqro

Perancangan activity diagram view data iqro pada aplikasi android iqro

adalah seperti pada Gambar 4.4.

Gambar 4.4 Perancangan Activity Diagram View Data Iqro

c. Activity Diagram Posting Data Soal Latihan

Perancangan activity diagram posting data soal latihan pada aplikasi android

iqro adalah seperti pada Gambar 4.5.

Gambar 4.5 Perancangan Activity Diagram Posting Data Soal Latihan

d. Activity Diagram Mengisi Latihan

Perancangan activity diagram mengisi latihan pada aplikasi android iqro

adalah seperti pada Gambar 4.6.

33

Gambar 4.6 Perancangan Activity Diagram Mengisi Latihan

e. Activity Diagram View Histori Jawaban

Perancangan activity diagram view histori jawaban pada aplikasi android

iqro adalah seperti pada Gambar 4.7.

Gambar 4.7 Perancangan Activity Diagram View Histori Jawaban

4.2.2.3 Class Diagram Sistem Diusulkan

Perancangan class diagram aplikasi android iqro adalah seperti pada Gambar

4.8.

34

Gambar 4.8 Perancangan Class Diagram Sistem Diusulkan

4.2.2.4 Database Sistem Diusulkan

Perancangan database pada aplikasi android iqro terdiri dari tabel database dan

kamus data.

4.2.2.4.1 Perancangan Tabel Database

Database dibuat atau ditulis langsung berupa script program di dalam aplikasi

karena pembuatan database menggunakan SQLite android. Perancangan tabel

database pada aplikasi android iqro adalah seperti pada Gambar 4.9.

Gambar 4.9 Perancangan Tabel Database

4.2.2.4.2 Perancangan Kamus Data

Perancangan kamus data dari tiap-tiap tabel database yang terdapat pada

Gambar 4.9 adalah sebagai berikut :

35

a. Tabel Read

Tabel read digunakan untuk menyimpan data iqro mulai dari iqro 1 sampai

dengan iqro 3.

Nama database : iqro

Nama tabel : tbread

Primary key : idread

Tabel 4.10 Kamus Data Tabel Read

Nama Field Tipe Data Deskripsi

idread integer id read

iqro text nama iqro

prefixread text nama depan file read

prefixpage text nama depan halaman

b. Tabel Eval

Tabel ini digunakan untuk meyimpan data evaluasi.

Nama database : iqro

Nama tabel : tbeval

Primary key : ideval

Tabel 4.11 Kamus Data Tabel Eval

Nama Field Tipe Data Deskripsi

ideval integer id eval

iqro Text nama iqro

prefixeval Text nama depan file soal

prefixansw Text nama depan file jawaban

prefixsum Text jumlah soal

36

c. Tabel His

Tabel ini digunakan untuk menyimpan data histori jawaban.

Nama database : iqro

Nama tabel : tbhis

Primary key : idhis

Tabel 4.12 Kamus Data Tabel His

Nama Field Tipe Data Deskripsi

idehis integer id eval

iqro text nama iqro

tglwaktu datetime tanggal dan lamanya waktu pengerjaan

sumeval text jumlah evaluasi soal

sumcorrect text jumlah jawaban benar

sumwrong text jumlah jawaban salah

4.2.2.5 Interface Menu I/O Sistem Diusulkan

Interface menu input dan output aplikasi android iqro adalah sebagai berikut :

a. Input Data Iqro

Perancangan input data iqro dalam aplikasi android iqro adalah dengan cara

memasukkan gambar dan video ke dalam folder pemograman aplikasi iqro

yang ada di app/src/main/assets.

b. Output Iqro

Perancangan interface output aplikasi android iqro adalah sebagai berikut :

1. Interface Menu Pembuka Aplikasi

Rancangan interface menu pembuka aplikasi android iqro adalah seperti

pada Gambar 4.10.

37

Gambar 4.10 Rancangan Interface Menu Pembuka Aplikasi

2. Interface Menu Utama Aplikasi

Rancangan interface menu utama aplikasi android iqro adalah seperti

pada Gambar 4.11.

Gambar 4.11 Rancangan Interface Menu Utama Aplikasi

3. Interface Menu Hijjaiyah

Rancangan interface menu hijjaiyah aplikasi android iqro adalah seperti

pada Gambar 4.12.

Gambar 4.12 Rancangan Interface Menu Hijjaiyah

IQRO

Hijjaiyah Iqro 1

Iqro 2 Iqro 3

Hijjaiyah Tanda

Baca Kasrah Fatah Domah

Gambar Iqro beserta Hijjaiyah

38

4. Interface Menu Iqro 1, Iqro 2 Dan Iqro 3

Rancangan menu iqro 1, iqro 2 atau iqro 3 jika ditekan maka akan

muncul sub menu seperti pada Gambar 4.13.

Gambar 4.13 Rancangan Interface Sub Menu dari Menu Utama Aplikasi

5. Interface Menu Bacalah

Rancangan interface menu bacalah aplikasi android iqro adalah seperti

pada Gambar 4.14.

Gambar 4.14 Rancangan Interface Menu Bacalah

6. Interface Menu Evaluasi

Rancangan interface menu evaluasi aplikasi android iqro adalah seperti

pada Gambar 4.15.

Bacalah Evaluasi

Histori

Tulis

Header

Huruf Iqro

Bacalah.

Untuk mendengarkan suara, ketuk baris

iqro

Header

39

Gambar 4.15 Rancangan Interface Menu Evaluasi

7. Interface Menu Tulis

Rancangan interface menu tulis aplikasi android iqro adalah seperti pada

Gambar 4.16.

Gambar 4.16 Rancangan Interface Menu Tulis

Tampilan Suara

next play

A

D

C

B

Huruf iqro

Huruf iqro

Huruf iqro

Huruf iqro

Huruf Iqro

Tulis ulang gambar di atas :

Ganti

Reset

40

4.2.3 Implementasi

Implementasi dari tahap perluasan/perencanaan (elaboration) aplikasi android

iqro yang telah dirancang sebelumnya adalah sebagai berikut :

a. Implementasi Input Data Iqro

Input data iqro dalam aplikasi android iqro adalah dengan cara memasukkan

gambar dan video ke dalam folder pemograman aplikasi iqro yang ada di

app/src/main/assets seperti pada Gambar 4.17.

Gambar 4.17 Implementasi Input Data Iqro

b. Implementasi Menu Pembuka Aplikasi

Menu pembuka aplikasi android iqro merupakan sebuah tampilan layar

pembuka sebelum masuk ke menu utama aplikasi iqro. Implementasi menu

pembuka aplikasi iqro yang telah dirancang sebelumnya adalah seperti pada

Gambar 4.18.

41

Gambar 4.18 Implementasi Menu Pembuka Aplikasi

c. Implementasi Menu Utama Aplikasi

Menu utama aplikasi android iqro menampilkan 4 (empat) menu, yaitu menu

hijjaiyah, menu iqro 1, menu iqro 2 dan menu iqro 3. Implementasi menu

utama aplikasi iqro yang telah dirancang sebelumnya adalah seperti pada

Gambar 4.19.

Gambar 4.19 Implementasi Menu Utama Aplikasi

42

d. Implementasi Menu Hijjaiyah

Menu hijjaiyah menampilkan gambar-gambar huruf hijjaiyah seperti pada

Gambar 4.20.

Gambar 4.20 Implementasi Menu Hijjaiyah

e. Implementasi Menu Iqro 1, Iqro 2 dan Iqro 3

Di dalam menu iqro 1, iqro 2 dan iqro 3 terdapat 3 (tiga) sub menu yaitu

menu bacalah, evaluasi dan tulis seperti pada Gambar 4.21. Ketika menekan

tombol bacalah, maka akan tampil Gambar iqro beserta perintah membaca

seperti pada Gambar 4.22. Ketika menekan tombol evaluasi, maka akan

mucul tampilan evaluasi seperti pada Gambar 4.23. Ketika menekan tombol

tulis, maka akan mucul tampilan tulis iqro seperti pada Gambar 4.24.

43

Gambar 4.21 Implementasi Menu Iqro 1, Iqro 2 dan Iqro 3

Gambar 4.22 Implementasi Menu Bacalah Iqro 1 (Kiri), Iqro 2 (Tengah) dan

Iqro 3 (Kanan)

44

Gambar 2.23 Menu Evaluasi Iqro 1 (Kiri), Iqro 2 (Tengah) dan Iqro 3

(Kanan)

Gambar 2.24 Menu Tulis Iqro 1 (Kiri), Iqro 2 (Tengah) dan Iqro 3 (Kanan)

4.3 Konstruksi (Construction)

Tahapan ini mengarah pada proses pengujian aplikasi yang dibangun yang

berbarengan dengan implementasi. Pengujian dilakukan untuk menguji perangkat

lunak yang seiring dengan pembuatan kode program. Hal ini dilakukan untuk

meminimalisir kesalahan (error) dan memastikan keluaran yang dihasilkan sesuai

dengan yang diinginkan.

45

4.4 Transisi (Transition)

Tahapan ini mengarah ke instalasi aplikasi yang dibangun. Aplikasi android iqro

yang dibangun berformat .apk dan tidak di upload ke Google Play Store.