aplikasi media pembelajaran iqro’ dijalankan aplikasi ... · 3 form factor full touch screen 4...

29
43 BAB 4 HASIL PENELITIAN DAN PEMBAHASAN 4.1 Konstruksi Sistem Pada bagian ini akan dijelaskan hal-hal yang berkaitan dengan aplikasi saat, aplikasi media pembelajaran iqro’ dijalankan. Konstruksi aplikasi disini digunakan untuk memberikan kemudahan kepada pengguna tentang hal-hal yang perlu dipersiapkan saat menggunakan perangkat lunak tersebut. 4.1.1 Kebutuhan Sistem Spesifikasi minimal yang dibutuhkan untuk mengimplementasikan aplikasi media pembelajaran iqro’ berbasis android adalah sebagai berikut: A. Hardware 1) Handphone Handphone digunakan untuk menjalankan program aplikasi yang telah dikembangkan. Adapun handphone yang digunakan adalah Samsung Core dengan spesifikasi sebagai berikut : Table 4.1 Spesifikasi Handphone Yang Digunakan Uji Coba NO PERANGKAT SPESIFIKASI 1 Operating Sistem Android versi 4.1.2 (jelly bean) 2 Chipset Tipe Cpu Dual Core Application Processor Kecepatan CPU 1.2GHz 3 Form factor Full Touch Screen 4 Frekuency Infra GSM 3G, HSPA 2G EDGE/GPRS (850/900/1800/1900 MHz) 3G

Upload: others

Post on 19-Oct-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: aplikasi media pembelajaran iqro’ dijalankan aplikasi ... · 3 Form factor Full Touch Screen 4 Frekuency Infra GSM 3G, HSPA 2G EDGE/GPRS (850/ 900/1800/1900 MHz) 3G. 44 HSPA 7.2

43

BAB 4

HASIL PENELITIAN DAN PEMBAHASAN

4.1 Konstruksi Sistem

Pada bagian ini akan dijelaskan hal-hal yang berkaitan dengan aplikasi

saat, aplikasi media pembelajaran iqro’ dijalankan. Konstruksi aplikasi disini

digunakan untuk memberikan kemudahan kepada pengguna tentang hal-hal yang

perlu dipersiapkan saat menggunakan perangkat lunak tersebut.

4.1.1 Kebutuhan Sistem

Spesifikasi minimal yang dibutuhkan untuk mengimplementasikan

aplikasi media pembelajaran iqro’ berbasis android adalah sebagai berikut:

A. Hardware

1) Handphone

Handphone digunakan untuk menjalankan program aplikasi yang

telah dikembangkan. Adapun handphone yang digunakan adalah

Samsung Core dengan spesifikasi sebagai berikut :

Table 4.1 Spesifikasi Handphone Yang Digunakan Uji Coba

NO PERANGKAT SPESIFIKASI

1 Operating Sistem Android versi 4.1.2 (jelly bean)

2 Chipset Tipe Cpu

Dual Core Application Processor

Kecepatan CPU

1.2GHz

3 Form factor Full Touch Screen

4 Frekuency Infra

GSM 3G, HSPA

2G

EDGE/GPRS

(850/900/1800/1900 MHz)

3G

Page 2: aplikasi media pembelajaran iqro’ dijalankan aplikasi ... · 3 Form factor Full Touch Screen 4 Frekuency Infra GSM 3G, HSPA 2G EDGE/GPRS (850/ 900/1800/1900 MHz) 3G. 44 HSPA 7.2

44

HSPA 7.2 / 5.76 (900/2100

MHz)

Internet Usage Time (Wi-Fi)

802.11 b/g/n 2.4 GHz

Wi-Fi Direct

Yes

Profil Bluetooth

A2DP, AVRCP, GAP, HFP,

HSP, OPP, HID, PAN, PBAP,

MAP

PC Sync.

KIES, KIES Air (Downloadable)

5 Dimension Dimensi (PxLxT)

129.3 x 67.6 x 8.95

6 Weight 124 g

7 Connector USB

USB 2.0

Earjack

3.5pi

External Memory Slot

MicroSD (up to 64GB)

SIM Support

Dual SIM

Konektor

Micro USB

8 Resolution 480*800 (WVGA)

9 Sensor Accelerometer, Digital Compass,

Proximity Sensor

Page 3: aplikasi media pembelajaran iqro’ dijalankan aplikasi ... · 3 Form factor Full Touch Screen 4 Frekuency Infra GSM 3G, HSPA 2G EDGE/GPRS (850/ 900/1800/1900 MHz) 3G. 44 HSPA 7.2

45

2) Kabel data

Fungsi kabel data ini adalah untuk menghubungkan antara

Komputer dengan handphone.

3) Komputer/laptop

Komputer/laptop digunakan untuk membangun dan

implementasi aplikasi dengan spesifikasi sebagai berikut :

Table 4.2 Spesifikasi Laptop Yang Digunakan

NO PERANGKAT SPESIFIKASI

1 Processor Intel® Pentium® 2020M (2.40

GHz)

2 Memory 2 GB DDR3

3 Video Type Intel® Graphics Media

Accelerator 4500M 220 MB

(shared)

4 Display Size 14.1″ WXGA LED

5 Hard Drive Type 500 GB Serial ATA

B. Software

1. Sistem operasi

Sistem operasi yang digunakan dalam membangun aplikasi ini adalah

Windows 8 Pro 64 Bit.

2. Java

Pada pembuatan aplikasi menggunakan Java Development Kit 1.7 atau

Java Runtime Environment.

3. Integrate Development Editor (IDE)

Untuk memudahkan dalam pengembangan aplikasi, maka

digunakan IDE karena memiliki beberapa fasilitas yang diperlukan dalam

pembangunan perangkat lunak. Adapun dalam pengembangan ini

digunakan Eclipse Indigo.

Page 4: aplikasi media pembelajaran iqro’ dijalankan aplikasi ... · 3 Form factor Full Touch Screen 4 Frekuency Infra GSM 3G, HSPA 2G EDGE/GPRS (850/ 900/1800/1900 MHz) 3G. 44 HSPA 7.2

46

4. Android Development Tool (ADT)

Android membuat kostum plugin untuk IDE Eclipse, sehingga

dengan adanya ADT ini memberikan kemudahan dalam pengembangan

aplikasi, membuat tampilan antar muka aplikasi, menambahkan komponen

yang diperlukan, men-debug aplikasi dengan menggunakan perangkat

SDK Android, dan bahkan membungkus aplikasi yang telah

dikembangkan untuk di distribusikan. Android Development Tool yang

digunakan pada pembuatan aplikasi ini yaitu Android Development Tool

dengan versi 16.0.1

5. Android Software Development Kit (SDK)

Android SDK menyediakan Development Environment dengan

semua komponen yang diperlukan. Antara lain tools pengembangan,

libraries, dokumentasi, dan contoh aplikasi serta disertakan pula emulator

untuk mensimulasikan aplikasi berjalan pada perangkat.

C. Brainware

Adapun brainware yang dibutuhkan adalah :

a. Bisa mengoperasikan komputer.

b. Minimal tahu tentang komponen-komponen yang terdiri dari

perangkat lunak dan perangkat keras.

4.1.2 Instalasi sistem

Instalasi sistem merupakan serangkaian prosedur sebelum menjalankan

sebuah aplikasi. Sehingga dapat digunakan oleh para user.

Page 5: aplikasi media pembelajaran iqro’ dijalankan aplikasi ... · 3 Form factor Full Touch Screen 4 Frekuency Infra GSM 3G, HSPA 2G EDGE/GPRS (850/ 900/1800/1900 MHz) 3G. 44 HSPA 7.2

47

1. Instalasi aplikasi

Pada bagian ini akan dijelaskan cara instalasi aplikasi ini. Disarankan

menggunakan Windows 7 atau Windows. Berikut langkah-langkahnya:

Gambar 4. 1 Instalasi awal

a. Setelah ekstrak file tersebut kesebuah folder terserah anda dengan aplikasi

compreser misalkan WinRar. Lalu jalankan dengan membuka file Eclipse.exe

Gambar 4. 2 Instalasi Tahap kedua

b. Pada saat pertama kali menjalankan aplikasi Eclipse, maka anda akan melihat

tampilan seperti gambar dibawah ini. Pilih lokasi untuk menyimpan

Page 6: aplikasi media pembelajaran iqro’ dijalankan aplikasi ... · 3 Form factor Full Touch Screen 4 Frekuency Infra GSM 3G, HSPA 2G EDGE/GPRS (850/ 900/1800/1900 MHz) 3G. 44 HSPA 7.2

48

workspace dan beri tanda centang pada “Use this as the default and do not ask

again” agar tampilan tersebut tidak muncul lagi.

Gambar 4. 3 Tampilan Awal Program

c. Setelah ini anda dapat langsung menggunakan Eclipse dan membuat program-

program Java seperti biasa.

Gambar 4. 4 Menjalankan Program

d. Kemudian setelah anda membuka program, cara selanjutnya adalah

menjalankan program dengan cara klik kiri –Run As- Klik kiri Pilih Android

Appplication.

48

workspace dan beri tanda centang pada “Use this as the default and do not ask

again” agar tampilan tersebut tidak muncul lagi.

Gambar 4. 3 Tampilan Awal Program

c. Setelah ini anda dapat langsung menggunakan Eclipse dan membuat program-

program Java seperti biasa.

Gambar 4. 4 Menjalankan Program

d. Kemudian setelah anda membuka program, cara selanjutnya adalah

menjalankan program dengan cara klik kiri –Run As- Klik kiri Pilih Android

Appplication.

48

workspace dan beri tanda centang pada “Use this as the default and do not ask

again” agar tampilan tersebut tidak muncul lagi.

Gambar 4. 3 Tampilan Awal Program

c. Setelah ini anda dapat langsung menggunakan Eclipse dan membuat program-

program Java seperti biasa.

Gambar 4. 4 Menjalankan Program

d. Kemudian setelah anda membuka program, cara selanjutnya adalah

menjalankan program dengan cara klik kiri –Run As- Klik kiri Pilih Android

Appplication.

Page 7: aplikasi media pembelajaran iqro’ dijalankan aplikasi ... · 3 Form factor Full Touch Screen 4 Frekuency Infra GSM 3G, HSPA 2G EDGE/GPRS (850/ 900/1800/1900 MHz) 3G. 44 HSPA 7.2

49

Gambar 4. 5 Tampilan Aplikasi

e. Setelah proses Run maka akan muncul aplikasi pada gambar diatas, kemudian

klik icon belajar_iqro untuk menggunakan aplikasi tersebut.

49

Gambar 4. 5 Tampilan Aplikasi

e. Setelah proses Run maka akan muncul aplikasi pada gambar diatas, kemudian

klik icon belajar_iqro untuk menggunakan aplikasi tersebut.

49

Gambar 4. 5 Tampilan Aplikasi

e. Setelah proses Run maka akan muncul aplikasi pada gambar diatas, kemudian

klik icon belajar_iqro untuk menggunakan aplikasi tersebut.

Page 8: aplikasi media pembelajaran iqro’ dijalankan aplikasi ... · 3 Form factor Full Touch Screen 4 Frekuency Infra GSM 3G, HSPA 2G EDGE/GPRS (850/ 900/1800/1900 MHz) 3G. 44 HSPA 7.2

50

4.1.3 Source Code

Bagian ini menjelaskan tentang penggalan-penggalan source code program

aplikasi media pembelajaran iqro’ yang dianggap penting dalam pembuatan

program ini.

1) Source Code Untuk Memanggil Menu Aplikasi iqro’ yang di butuhkan

untuk membuat menu dalam bahasa pemograman java.

package cham.com;import android.app.Activity;import android.content.Intent;import android.os.Bundle;import android.view.View;import android.view.View.OnClickListener;import android.widget.ImageView;

public class Belajar_iqroActivity extends Activity implementsOnClickListener {

ImageView hijaiyah,iqrosatu,iqrodua,about,latihan,exit;/** Called when the activity is first created. */

public void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.main);

hijaiyah=(ImageView)findViewById(R.id.imghijaiyah);hijaiyah.setOnClickListener((OnClickListener) this);

about=(ImageView)findViewById(R.id.imgabout);about.setOnClickListener((OnClickListener) this);

iqrosatu=(ImageView)findViewById(R.id.imgmaterisatu);iqrosatu.setOnClickListener((OnClickListener) this);

iqrodua=(ImageView)findViewById(R.id.imgmateridua);iqrodua.setOnClickListener((OnClickListener) this);

latihan=(ImageView)findViewById(R.id.imglatihan);latihan.setOnClickListener((OnClickListener) this);

}

public void OnClik(View arg0){switch(arg0.getId()){case R.id.imghijaiyah:

Intent a=new Intent(this,hijaiyah.class);startActivity(a);

case R.id.imgabout:Intent b=new Intent(this,about.class);startActivity(b);

case R.id.imgmaterisatu:Intent c=new Intent(this,iqrosatu.class);startActivity(c);

case R.id.imgmateridua:

Page 9: aplikasi media pembelajaran iqro’ dijalankan aplikasi ... · 3 Form factor Full Touch Screen 4 Frekuency Infra GSM 3G, HSPA 2G EDGE/GPRS (850/ 900/1800/1900 MHz) 3G. 44 HSPA 7.2

51

Intent d=new Intent(this,iqrodua.class);startActivity(d);

case R.id.imglatihan:Intent e=new Intent(this,latihan.class);startActivity(e);

}

2) Source Code Untuk Menampilkan Intens atau memangil subuah gambar

yang di ambil dari R. Layout.

package cham.com;

import android.app.Activity;import android.content.Intent;import android.os.Bundle;import android.view.View;

public class HurufHijaiyah extends Activity {/** Called when the activity is first created. */

public void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.huruf_hijaiyah);

}public void klik(View v){switch(v.getId()){case R.id.imghijadalam:

Intent i=new Intent(this,HurufHijaiyah.class);startActivity(i);break;

}}

}

3) Source Code Untuk Memilih Evaluasi pada aplikasi iqro’.public class evasatu extends Activity implementsOnClickListener{

RadioButton soal;

/** Called when the activity is first created. */@Overridepublic void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);setContentView(R.layout.evasatu);

soal=(RadioButton)findViewById(R.id.a);soal.setOnClickListener((OnClickListener) this);

soal=(RadioButton)findViewById(R.id.b);soal.setOnClickListener((OnClickListener) this);

Page 10: aplikasi media pembelajaran iqro’ dijalankan aplikasi ... · 3 Form factor Full Touch Screen 4 Frekuency Infra GSM 3G, HSPA 2G EDGE/GPRS (850/ 900/1800/1900 MHz) 3G. 44 HSPA 7.2

52

}public void onClick(View arg0){

switch(arg0.getId()){case R.id.a:

Intent i=newIntent(this,Evasatukedua.class);

startActivity(i);break;

case R.id.b:Intent a=new

Intent(this,Evasatukedua.class);startActivity(a);break;

}}

public void klik(View v){switch(v.getId()){case R.id.imglatihansatu:

Intent i=newIntent(this,evasatu.class);

startActivity(i);

}}

}

4) Source Code Layout Menu Aplikasi Iqro’ atau sourcode untuk

mendesain tampilan yang dibutuhkan dalam membuat rancangan

desain aplikasi iqro’.<?xml version="1.0" encoding="utf-8"?><LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent"android:layout_height="fill_parent"android:orientation="vertical" >

<RelativeLayoutandroid:layout_width="match_parent"android:layout_height="match_parent" >

<ImageViewandroid:id="@+id/imageView1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentLeft="true"android:layout_centerVertical="true"android:src="@drawable/tema" />

<ImageViewandroid:id="@+id/imghijaiyah"android:layout_width="wrap_content"

Page 11: aplikasi media pembelajaran iqro’ dijalankan aplikasi ... · 3 Form factor Full Touch Screen 4 Frekuency Infra GSM 3G, HSPA 2G EDGE/GPRS (850/ 900/1800/1900 MHz) 3G. 44 HSPA 7.2

53

android:layout_height="wrap_content"android:layout_alignParentTop="true"android:layout_centerHorizontal="true"android:layout_marginTop="118dp"android:src="@drawable/imghijaiyah" />

<ImageViewandroid:id="@+id/imgmaterisatu"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_below="@+id/imghijaiyah"android:layout_centerHorizontal="true"android:src="@drawable/materisatu" />

<ImageViewandroid:id="@+id/imgmateridua"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_below="@+id/imgmaterisatu"android:layout_centerHorizontal="true"android:src="@drawable/materidua" />

<ImageViewandroid:id="@+id/imglatihan"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_below="@+id/imgmateridua"android:layout_centerHorizontal="true"android:src="@drawable/imglatihan" />

<ImageViewandroid:id="@+id/imgabout"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_below="@+id/imglatihan"android:layout_centerHorizontal="true"android:src="@drawable/imgabout" />

<ImageViewandroid:id="@+id/imgexit"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_below="@+id/imgabout"android:layout_centerHorizontal="true"android:src="@drawable/imgexit" />

</RelativeLayout>

</LinearLayout>

Page 12: aplikasi media pembelajaran iqro’ dijalankan aplikasi ... · 3 Form factor Full Touch Screen 4 Frekuency Infra GSM 3G, HSPA 2G EDGE/GPRS (850/ 900/1800/1900 MHz) 3G. 44 HSPA 7.2

54

4.2 Pengujian

4.2.1 Cara Kerja Sistem

Pada bagian ini menjelaskan tentang cara pemakaian/penggunaan aplikasi

media pemebelajaran iqro’ dari sampai akhir dan dijelaskan semua tampilan pada

aplikasi ini. Langkah–langkah media pembelajaran ini dengan cara menginstal

apk. yang nantinya di terapkan di Smartphone android Selanjutnya akan muncul

beberapa tahapan dalam penggunaan aplikasi ini sebagai berikut:

a. Screen Shot Splash Screen

Gambar 4.6 Tampilan Splash Screen

Ini adalah tampilan awal atau splash screen saat pertama kali kita

membuka aplikasi Media Pembelajaran Iqro’ 1 dan 2 berbasis android.

54

4.2 Pengujian

4.2.1 Cara Kerja Sistem

Pada bagian ini menjelaskan tentang cara pemakaian/penggunaan aplikasi

media pemebelajaran iqro’ dari sampai akhir dan dijelaskan semua tampilan pada

aplikasi ini. Langkah–langkah media pembelajaran ini dengan cara menginstal

apk. yang nantinya di terapkan di Smartphone android Selanjutnya akan muncul

beberapa tahapan dalam penggunaan aplikasi ini sebagai berikut:

a. Screen Shot Splash Screen

Gambar 4.6 Tampilan Splash Screen

Ini adalah tampilan awal atau splash screen saat pertama kali kita

membuka aplikasi Media Pembelajaran Iqro’ 1 dan 2 berbasis android.

54

4.2 Pengujian

4.2.1 Cara Kerja Sistem

Pada bagian ini menjelaskan tentang cara pemakaian/penggunaan aplikasi

media pemebelajaran iqro’ dari sampai akhir dan dijelaskan semua tampilan pada

aplikasi ini. Langkah–langkah media pembelajaran ini dengan cara menginstal

apk. yang nantinya di terapkan di Smartphone android Selanjutnya akan muncul

beberapa tahapan dalam penggunaan aplikasi ini sebagai berikut:

a. Screen Shot Splash Screen

Gambar 4.6 Tampilan Splash Screen

Ini adalah tampilan awal atau splash screen saat pertama kali kita

membuka aplikasi Media Pembelajaran Iqro’ 1 dan 2 berbasis android.

Page 13: aplikasi media pembelajaran iqro’ dijalankan aplikasi ... · 3 Form factor Full Touch Screen 4 Frekuency Infra GSM 3G, HSPA 2G EDGE/GPRS (850/ 900/1800/1900 MHz) 3G. 44 HSPA 7.2

55

b. Screen Shot Menu Utama

Gambar 4.7 Tampilan Menu Utama

Ini adalah tampilan menu utama, disini ada 6 menu yang

ditampilkan seperti terlihat pada gambar 4. Ada button Hija’iyah, button

Materi Iqro’1, button Materi Iqro’2, button Evaluasi, button profil dan

button exit.

Page 14: aplikasi media pembelajaran iqro’ dijalankan aplikasi ... · 3 Form factor Full Touch Screen 4 Frekuency Infra GSM 3G, HSPA 2G EDGE/GPRS (850/ 900/1800/1900 MHz) 3G. 44 HSPA 7.2

56

c. Screen Shot Menu Hijaiyah

Gambar 4.8 Tampilan Menu Hija’iyah

Tampilan Hija’iyah pada gambar diatas ada gambar huruf hija’iyah

dan teks tulisan latin bahasa Indonesia. Terdapat button play yang

berfungsi untuk mendengarkan suara atau pelafalan huruf yang nantinya

harus terlebih dahulu menekan tombol play untuk bisa mendengarkan

suara huruf hija’iyah.

56

c. Screen Shot Menu Hijaiyah

Gambar 4.8 Tampilan Menu Hija’iyah

Tampilan Hija’iyah pada gambar diatas ada gambar huruf hija’iyah

dan teks tulisan latin bahasa Indonesia. Terdapat button play yang

berfungsi untuk mendengarkan suara atau pelafalan huruf yang nantinya

harus terlebih dahulu menekan tombol play untuk bisa mendengarkan

suara huruf hija’iyah.

56

c. Screen Shot Menu Hijaiyah

Gambar 4.8 Tampilan Menu Hija’iyah

Tampilan Hija’iyah pada gambar diatas ada gambar huruf hija’iyah

dan teks tulisan latin bahasa Indonesia. Terdapat button play yang

berfungsi untuk mendengarkan suara atau pelafalan huruf yang nantinya

harus terlebih dahulu menekan tombol play untuk bisa mendengarkan

suara huruf hija’iyah.

Page 15: aplikasi media pembelajaran iqro’ dijalankan aplikasi ... · 3 Form factor Full Touch Screen 4 Frekuency Infra GSM 3G, HSPA 2G EDGE/GPRS (850/ 900/1800/1900 MHz) 3G. 44 HSPA 7.2

57

d. Screen Shot Menu Iqro’ 1

Gambar 4.9 Tampilan Menu Iqro’ 1

Tampilan Iqro’ 1 pada gambar diatas ada gambar berupa materi

iqro’ 1. Terdapat juga button next yang berfungsi untuk melanjutkan

ketahap selanjutnya dan button home yang berfungsi untuk kembali ke

menu awal setelah materi selesai dibaca.

57

d. Screen Shot Menu Iqro’ 1

Gambar 4.9 Tampilan Menu Iqro’ 1

Tampilan Iqro’ 1 pada gambar diatas ada gambar berupa materi

iqro’ 1. Terdapat juga button next yang berfungsi untuk melanjutkan

ketahap selanjutnya dan button home yang berfungsi untuk kembali ke

menu awal setelah materi selesai dibaca.

57

d. Screen Shot Menu Iqro’ 1

Gambar 4.9 Tampilan Menu Iqro’ 1

Tampilan Iqro’ 1 pada gambar diatas ada gambar berupa materi

iqro’ 1. Terdapat juga button next yang berfungsi untuk melanjutkan

ketahap selanjutnya dan button home yang berfungsi untuk kembali ke

menu awal setelah materi selesai dibaca.

Page 16: aplikasi media pembelajaran iqro’ dijalankan aplikasi ... · 3 Form factor Full Touch Screen 4 Frekuency Infra GSM 3G, HSPA 2G EDGE/GPRS (850/ 900/1800/1900 MHz) 3G. 44 HSPA 7.2

58

e. Screen Shot Menu Iqro’ 2

Gambar 4.10 Tampilan Menu Iqro’ 2

Tampilan Iqro’ 2 pada gambar diatas ada gambar berupa materi

iqro’ 2. Terdapat juga button next yang berfungsi untuk melanjutkan

ketahap selanjutnya dan Home yang berfungsi untuk kembali ke

belakang untuk melihat materi selanjutnya.

58

e. Screen Shot Menu Iqro’ 2

Gambar 4.10 Tampilan Menu Iqro’ 2

Tampilan Iqro’ 2 pada gambar diatas ada gambar berupa materi

iqro’ 2. Terdapat juga button next yang berfungsi untuk melanjutkan

ketahap selanjutnya dan Home yang berfungsi untuk kembali ke

belakang untuk melihat materi selanjutnya.

58

e. Screen Shot Menu Iqro’ 2

Gambar 4.10 Tampilan Menu Iqro’ 2

Tampilan Iqro’ 2 pada gambar diatas ada gambar berupa materi

iqro’ 2. Terdapat juga button next yang berfungsi untuk melanjutkan

ketahap selanjutnya dan Home yang berfungsi untuk kembali ke

belakang untuk melihat materi selanjutnya.

Page 17: aplikasi media pembelajaran iqro’ dijalankan aplikasi ... · 3 Form factor Full Touch Screen 4 Frekuency Infra GSM 3G, HSPA 2G EDGE/GPRS (850/ 900/1800/1900 MHz) 3G. 44 HSPA 7.2

59

f. Screen Shot Menu Evaluasi

Gambar 4. 11 Tampilan Menu Evaluasi

Tampilan latihan pada menu latihan ini user dituntut untuk ingat

akan materi yang sudah dipelajari didepan meliputi materi pengenalan

huruf hija’iyah dan iqro, disini kita hanya menyediakan pertanyaan saja

kemudia user menjawab pertanyaan tersebut dalam diaplikasi .

Page 18: aplikasi media pembelajaran iqro’ dijalankan aplikasi ... · 3 Form factor Full Touch Screen 4 Frekuency Infra GSM 3G, HSPA 2G EDGE/GPRS (850/ 900/1800/1900 MHz) 3G. 44 HSPA 7.2

60

g. Scren Shot Menu Nilai

Gambar 4. 12 Tampilan Menu Hasil Nilai

Tampilan hasil nilai pada menu evaluasi ini user bisa mendapatkan

nilai dari hasil jawaban yang sudah di jawab sesuai dengan kemampuan.

kemudian nilai akan muncul apabila telah menyelesaikan pertanyaan dari

masing-masing materi iqro’ tersebut.

Page 19: aplikasi media pembelajaran iqro’ dijalankan aplikasi ... · 3 Form factor Full Touch Screen 4 Frekuency Infra GSM 3G, HSPA 2G EDGE/GPRS (850/ 900/1800/1900 MHz) 3G. 44 HSPA 7.2

61

h. Screen Shot Menu Profil

Gambar 4.13 Tampilan Profil

Tampilan About pada menu aplikasi iqro’ ini merupakan pengenal

atau pembuat aplikasi yang telah di buat dari aplikasi tersebut. Dan

sekaligus merupakan tampilan akhir dari aplikasi.

Page 20: aplikasi media pembelajaran iqro’ dijalankan aplikasi ... · 3 Form factor Full Touch Screen 4 Frekuency Infra GSM 3G, HSPA 2G EDGE/GPRS (850/ 900/1800/1900 MHz) 3G. 44 HSPA 7.2

62

4.2.2 Skenario Pengujian

4.2.2.1 Alfa/White Box

Pada bagian ini menjelaskan tentang rencana scenario pengujian berupa

pertanyaan-pertanyaan sesuai dengan tampilan –tampilan pada Cara Kerja Sistem

yang akan diujikan secara White Box pada aplikasi ini :

Tabel 4.3 Hasil Pengujian dengan Metode White Box

No Kelas Uji Teknik Uji Kreteria EvaluasiHasil

1 Tampilan Splash White Box Aplikasi Menampilkan

halaman splash yang

menampilkan

background anak kecil ,

tulisan Iqro’ dan

Loading.

2 Menampilkan

Menu Utama

White Box Aplikasi Menampilkan

halaman menu utama

yang menampilkan

background aplikasi

serta menu button

sebanyak 6 button

diantaranya hijai’iyah,

iqro’1 dan 2 dll.

3 Tampilan Menu

Hijaiyah

White Box Aplikasi menampilkan

gambar yang berupa

huruf hijaiyah yang di

lengkapi dengan suara

dan di lengkapi dengan

penulisan huruf latin

bahasa Indonesia.

4 Tampilan Menu

Iqro’ 1

White Box Aplikasi menampilkan

gambar yang berupa

Page 21: aplikasi media pembelajaran iqro’ dijalankan aplikasi ... · 3 Form factor Full Touch Screen 4 Frekuency Infra GSM 3G, HSPA 2G EDGE/GPRS (850/ 900/1800/1900 MHz) 3G. 44 HSPA 7.2

63

materi iqro’ 1 yang

disertai dengan tombol

next untuk melanjutkan

ke materi selanjutnya

serta tombol back untuk

kembali ke materi

sebelumnya .

5 Tampilan Menu

Iqro’ 2

White Box Aplikasi menampilkan

gambar yang berupa

materi iqro’ 2 yang

disertai dengan tombol

next untuk melanjutkan

ke materi selanjutnya

serta tombol back untuk

kembali ke materi

sebelumnya .

6 Tampilan Menu

Evaluasi

White Box Aplikasi menampilkan

gambar berupa

background dan di

sertai dengan

pertanyaan-pertanyaan

dari hasil pelajaran

iqro’ sebelumnya .

7 Tampilan Aboutme White Box Aplikasi menampilkan

gambar berupa

background dimana

nantinya ada pengenal

dari pembuat program

aplikasi.

8 Tampilan Exit White Box Aplikasi menampilkan

Page 22: aplikasi media pembelajaran iqro’ dijalankan aplikasi ... · 3 Form factor Full Touch Screen 4 Frekuency Infra GSM 3G, HSPA 2G EDGE/GPRS (850/ 900/1800/1900 MHz) 3G. 44 HSPA 7.2

64

sebuah pertanyaan yang

berupa apakah anda

ingin keluar ?

4.2.2.2 Beta/Black Box

Pada bagian ini menjelaskan tentang rencana scenario pengujian berupa

pertanyaan-pertanyaan sesuai dengan form-form yang ditampilkan pada Cara

kerja Sistem dan tujuan penelitian yang akan diujikan secara Black Box berikut

hasi pengujiannya :

Tabel 4.4 Hasil Pengujian dengan Metode Black Box

No Kelas Uji Teknik Uji Kreteria Evaluasi Hasil1 Tampilan Splash Black Box Aplikasi Menampilkan

halaman splash yang

menampilkan background

anak kecil , tulisan Iqro’

dan Loading.

2 Menampilkan Menu

Utama

Black Box Aplikasi Menampilkan

halaman menu utama yang

menampilkan background

aplikasi serta menu button

sebanyak 6 button

diantaranya hijai’iyah,

iqro’1 dan 2 dll.

3 Tampilan Menu

Hijaiyah

Black Box aplikasi menampilakan

menu list pilihan dari

materi hijaiyah yang

meliputi, tanda baca, cara

baca huruf.

4 Tampilan Menu

Tampilan Menu Iqro’

1

Black box Aplikasi menampilkan

gambar yang berupa

materi iqro’ 1 yang disertai

Page 23: aplikasi media pembelajaran iqro’ dijalankan aplikasi ... · 3 Form factor Full Touch Screen 4 Frekuency Infra GSM 3G, HSPA 2G EDGE/GPRS (850/ 900/1800/1900 MHz) 3G. 44 HSPA 7.2

65

dengan tombol next untuk

melanjutkan ke materi

selanjutnya serta tombol

back untuk kembali ke

materi sebelumnya .

5 Tampilan Menu Iqro’

2

Black Box Aplikasi menampilkan

gambar yang berupa

materi iqro’ 2 yang disertai

dengan tombol next untuk

melanjutkan ke materi

selanjutnya serta tombol

back untuk kembali ke

materi sebelumnya .

6 Tampilan Menu

Evaluasi

Black Box Aplikasi menampilkan

gambar berupa

background dan di sertai

dengan pertanyaan-

pertanyaan dari hasil

pelajaran iqro’ sebelumnya

7 Tampilan Menu

About Me

Black Box Aplikasi menampilkan

gambar berupa

background dimana

nantinya ada pengenal dari

pembuat program aplikasi.

7 Tampilan Menu Exit Black Box Aplikasi menampilkan

sebuah pertanyaan yang

berupa apakah anda ingin

keluar ?

4.2.3 Hasil Pengujian

Hasil pengujian perancangan aplikasi media pembelajaran

Iqro’ berbasis android untuk Taman Pendidikan Al-Quran adalah sebagai

Page 24: aplikasi media pembelajaran iqro’ dijalankan aplikasi ... · 3 Form factor Full Touch Screen 4 Frekuency Infra GSM 3G, HSPA 2G EDGE/GPRS (850/ 900/1800/1900 MHz) 3G. 44 HSPA 7.2

66

berikut. Dibawah ini adalah daftar tabel fitur-fitur yang sudah dilakukan

pengujian.

4.2.3.1 Hasil Pengujian Secara White Box

Tabel 4.5 Hasil Pengujian dengan Metode White Box

No Kelas Uji Teknik Uji Kesesuaian HasilEvaluasi

1 Apakah aplikasi

halaman splash yang

menampilkan

background Aplikasi

Menampilkan halaman

splash yang

menampilkan

background anak kecil ,

tulisan Iqro’ dan

Loading?.

White Box Sesuai /

tidak sesuai

2 Apakah Aplikasi

Menampilkan halaman

menu utama yang

menampilkan

background aplikasi

serta menu button

sebanyak 6 button

diantaranya hijai’iyah,

iqro’1 dan 2 dll? .

White Box Sesuai/

tidak sesuai

3. Apakah Aplikasi

Menampilkan halaman

menu utama yang

menampilkan

White Box Sesuai/

tidak sesuai

Page 25: aplikasi media pembelajaran iqro’ dijalankan aplikasi ... · 3 Form factor Full Touch Screen 4 Frekuency Infra GSM 3G, HSPA 2G EDGE/GPRS (850/ 900/1800/1900 MHz) 3G. 44 HSPA 7.2

67

background aplikasi

serta menu button

sebanyak 3 diantaranya

huruf hija’iyah, tanda

baca, dan car abaca?

4. Apakah Aplikasi

Menampilkan halaman

list pilhan materi iqro’

1 dengan pilihan

petunjuk iqro’1 dan

materi iqro’1?

White Box Sesuai/

tidak sesuai

5. Apakah Aplikasi dapat

Menampilkan halaman

list pilhan materi iqro’

2 dengan pilihan

petunjuk iqro’2dan

materi iqro’2?

White Box Sesuai/

tidak sesuai

6. Apakah aplikasi dapat

menampilkan halaman

Menu berupa latihan

dari materi iqro’

keseluruhan ?

White Box Sesuai/

tidak sesuai

7. Apakah aplikasi dapat

menampilkan halaman

profil pembuat aplikasi

android?

White Box Sesuai/

tidak sesuai

8. Apakah aplikasi dapat

menampilkan sebuah

pertanyaan yang berupa

apakah anda ingin

White Box Sesuai/

tidak sesuai

Page 26: aplikasi media pembelajaran iqro’ dijalankan aplikasi ... · 3 Form factor Full Touch Screen 4 Frekuency Infra GSM 3G, HSPA 2G EDGE/GPRS (850/ 900/1800/1900 MHz) 3G. 44 HSPA 7.2

68

keluar?

4.2.3.2 Hasil Pengujian Secara Black Box

Tabel 4.6 Hasil Pengujian dengan Metode White Box

Kelas Uji Teknik Uji Kesesuain Hasil

Evaluasi

Jumlah

Ya Tidak

1. Apakah aplikasi

menampilkan

halaman splash

yang

menampilkan

background anak

kecil , tulisan

Iqro’ dan

Loading?.

Black box 7 3 10 orang

70% 30% 100%

2 Apakah Aplikasi

halaman menu

utama yang

menampilkan

background

aplikasi serta

menu button

sebanyak 6 button

diantaranya

hijai’iyah, iqro’1

dan 2 dll? .

Black box 5 orang 5 orang 10 orang

50% 50% 100%

Page 27: aplikasi media pembelajaran iqro’ dijalankan aplikasi ... · 3 Form factor Full Touch Screen 4 Frekuency Infra GSM 3G, HSPA 2G EDGE/GPRS (850/ 900/1800/1900 MHz) 3G. 44 HSPA 7.2

69

3 Apakah aplikasi

pembelajaran yang

dibuat lebih

mudah/ efektif

untuk mempelajari

metode iqro’ 1 dan

untuk Taman

Pendidikan

Alquran ?

Black box 6 orang 4 orang 10 orang

60% 40% 100%

4. Apakah Aplikasi

Menampilkan

halaman list

pilhan materi

iqro’ 1 dengan

pilihan petunjuk

iqro’1 dan materi

iqro’1?

Black box 7 orang 3 orang 10 orang

70% 30% 100%

5. Apakah Aplikasi

dapat

Menampilkan

halaman list

pilhan materi

iqro’ 2 dengan

pilihan petunjuk

iqro’2 dan materi

iqro’2?

Black box 9 orang 1 orang 10 orang

90% 10% 100%

6 Apakah aplikasi Black box 5 orang 5 orang 10 orang

Page 28: aplikasi media pembelajaran iqro’ dijalankan aplikasi ... · 3 Form factor Full Touch Screen 4 Frekuency Infra GSM 3G, HSPA 2G EDGE/GPRS (850/ 900/1800/1900 MHz) 3G. 44 HSPA 7.2

70

dapat

menampilkan

halaman Menu

berupa latihan dari

materi iqro’

keseluruhan ?

50% 50% 100%

7 Apakah aplikasi

dapat

menampilkan

halaman profil

pembuat aplikasi

android?

Black Box 8 orang 2 orang 10 orang

80% 0% 100%

Rata-rata 80% 0% 100%

4.3 Maintenance

Setelah proses perbaikan selesai dilakukan tahap selanjutnya

adalah pembeliharaan system. Pemeliharaan system merupakan bentuk

evalusi untuk memantau supaya system aplikasi yang dioperasikan dapat

berjalan secara optimal dan sesuai denga harapan pemakai.

Page 29: aplikasi media pembelajaran iqro’ dijalankan aplikasi ... · 3 Form factor Full Touch Screen 4 Frekuency Infra GSM 3G, HSPA 2G EDGE/GPRS (850/ 900/1800/1900 MHz) 3G. 44 HSPA 7.2

71