• Tidak ada hasil yang ditemukan

BAB IV IMPLEMENTASI DAN ANALISA

N/A
N/A
Protected

Academic year: 2021

Membagikan "BAB IV IMPLEMENTASI DAN ANALISA"

Copied!
67
0
0

Teks penuh

(1)

commit to user 41 BAB IV

IMPLEMENTASI DAN ANALISA

4.1 Analisa sistem

Aplikasi ini memiliki fungsi utama sebagai Aplikasi pembelajaran yang menyediakan materi-materi dan latihan yang digunakan untuk mempelajari hukum bacaan Al-Qur’an (Tajwid). Pembuatan aplikasi ini menggunakan kode pemrograman Java Android.

Untuk menggunakan aplikasi ini hanya dibutuhkan SmartPhone yang mempunyai operating system android Ice Cream Sandwich yang telah terinstal aplikasi ini. Aplikasi ini menampilkan materi-materi tajwid dan sekaligus contoh yang bersuara, dan juga terdapat latihan untuk mendalam seberapa tahu tentang materi yang telah dipelajari berdasarkan per kategorinya.

4.2 Tahap Pembuatan

4.2.1 Pembuatan Background

Background merupakan latar belakang yang akan digunakan untuk tampilan pada menu utama dan sub menu lainnya. Membuat background ini dengan menggunakan corel draw X5 dengan menggunakan ukuran background 900x700px. Pemilihan ukuran tersebut dikarenakan telah sesuai dengan kebutuhan untuk dimasukan ke dalam Eclipse, karena jika terlalu besar maka akan terjadi error. Background ini disimpan dalam file bg.png, dan untuk file background sub menu disimpan dalam file bgisi.png.

(2)

commit to user

Gambar 4.2 Background menu awal

Gambar 4.3 Background sub menu

4.2.2 Pembuatan tombol

Tombol merupakan petunjuk untuk ke sub menu dari menu yang ada, tombol ini menggunakan ukuran 150 x 50px, dimaksudkan dengan ukuran itu agar tombol saat dipanggil dalam proses running tidak error karena terlalu besar resolusinya. Pembuatan tombol ini menggunakan corel draw X5, dan disimpan dalam file-file .png.

(3)

commit to user

Gambar4.4 pembuatan tombol

4.2.3 Pembuatan Huruf

Pembuatan huruf-huruf untuk contoh di aplikasi ini menggunakan photoshop cs3. Pembuatannya dengan merubah language-nya menjadi Arabic agar menjadi keyboard arab sehingga bisa digunakan untuk menulis arab. Ukuran gambar ini 100 x 30 px, gambar tersebut disimpan dalam file .png.

(4)

commit to user 4.2.4 Pembuatan Suara

Suara ini digunakan untuk menampilkan suara pada contoh yang benar maupun yang salah, serta digunakan untuk membuat pilihan pada latihan suara. Pembuatan suara menggunakan audacity dan file disimpan dalam extency .oog dan .mp3.

Gambar 4.6 editing suara

4.2.5 Pembuatan SplashScreen

Splash Screen merupakan gambaran awal yang nantinya untuk memulai aplikasi saat berjalan jadi ini merupakan halaman paling depan sebelum masuk ke halaman utama, untuk resolusi splash screen ini sama seperti background yaitu 900 x 700px. Pembuatan splashscreen ini menggunakan photoshop cs3, dan kemudian disimpan dalam file splashscreen .png.

(5)

commit to user

Gambar 4.7 pembuatan splashscreen

4.2.6 Pembuatan Project dengan Eclipse

Langkah awal pembuatan aplikasi pembelajaran ini dengan membuka Eclipse yang telah diinstal pada computer.

Gambar 4.8 loading eclipse

4.2.7 Pembuatan awal aplikasi

Membuat nama project kemudian package dan juga terdapat pilihan SDK minimum dan juga target SDK.

(6)

commit to user

Gambar 4.9 membuat project pada eclipse

4.2.8 Menu Pallet

Merupakan menu yang terdapat untuk membuat dan memasukan layout, gambar, button dan lainnya kedalam halaman xml agar mudah untuk mengaturnya.

(7)

commit to user

Gambar 4.10 menu pallet pada eclipse

4.2.9 Package Explorer

Menu yang memiliki beberpa folder yang otomatis terbentuk saat membuat project baru, pada bar ini menampilkan isi dari project yang berupa java, xml, yang sudah dibuat dan juga untuk menampung data-data berupa teks, gambar dan suara.

(8)

commit to user

Gambar 4.11 package explorer pada eclipse

4.2.10 Outline

Merupakan tampilan dari inputan apa saja yang sudah dimasukkan ke dalam halaman xml

(9)

commit to user 4.2.11 Properties

Merupakan menu untuk mengatur halaman xml misalnya laout, tataletak, ukuran didalam xml seperti text, button, image dan lainnya.

Gambar 4.13 properties pada eclipse

4.2.12 Halaman awal eclipse

Tampilan halaman awal untuk memulai dalam membuat aplikasi. Untuk membuat script pada eclipse menggunakan bahasa pemrograman java dan untuk tampilan akan disimpan pada file xml. Kemudian memasukan semua asset yaitu berupa gambar di drawable dan suara pada raw.

(10)

commit to user

Tabel 4.1 Daftar Komponen Yang Digunakan Dalam Pembuatan Aplikasi No Folder Asset Nama File Keterangan

1 drawable Abad .png Sebagai gambar pada judul ikhfa abad

Abad2 .png Contoh ikhfa abad 1 Abad3 .png Contoh ikhfa abad 2 Abad4 .png Contoh ikhfa abad 3 Abad5 .png Contoh ikhfa abad 4

Aqrab .png Sebagai judul pada ikhfa aqrab

Aqrab1 .png Contoh ikhfa aqrab 1 Aqrab2 .png Contoh ikhfa aqrab 2 Aqrab3 .png Contoh ikhfa aqrab 3 Aqrab4 .png Contoh ikhfa aqrab 4 Aridlnew .png Judul dari mad aridl Ausath1 .png Contoh ikhfa ausath1 Ausath2 .png Contoh ikhfa ausath2 Ausath3 .png Contoh ikhfa ausath3 Ausathnw .png Judul ausath

Back.png Tombol back

Background.png Background latihan

Bg.png Background main

Bgisi.png Background sub menu Bgkecul.png Background tambahan Bgmain.png Background main tambahan Bigun1.png Contoh idghom bigunnah Bigun2.png Contoh idghom bigunnah Bigun3.png Contoh idghom bigunnah Bigun4.png Contoh idghom bigunnah Bila1.png Contoh idghom bilaghunnah

(11)

commit to user

Bila11.png Contoh idghom bilaghunnah Bila2.png Contoh idghom bilaghunnah Bila22.png Contoh idghom bilaghunnah Border.png Border untuk membatasi

kata/gambar

Bullet.png Baground tombol pada latihan

Contoh.png Image contoh

Exit.png Tombol pada perintah exit untuk keluar aplikasi

Hamzah.png Judul pada mad sebab hamzah

Home.png Gambar tombol kembali ke menu utama

Idgomm.png Tombol menu idghom Idgomnew.png Judul pada menu idghom Idhar1.png Contoh idhar

Idhar2.png Contoh idhar Idhar3.png Contoh idhar Idhar4.png Contoh idhar Idhar5.png Contoh idhar Idhar6.png Contoh idhar Idhar7.png Contoh idhar Idhar8.png Contoh idhar Idhar9.png Contoh idhar Idhar10.png Contoh idhar Idhar11.png latihan idhar Idhar22.png latihan idhar Idhar33.png latihan idhar Idhar44.png latihan idhar

(12)

commit to user

Idhar55.png latihan idhar Idhar66.png latihan idhar

Idharhalqi.png Judul pada idhar halqi Idharnew.png Tombol Menu idhar Idsyafawi.png Judul ikhfa syafawi Ikhfax.png Contoh ikhfa syafawi Iksyaf.png Contoh ikhfa syafawi

Info.png Tombol info

Iqlab1.png Contoh iqlab1 Iqlab2.png Contoh iqlab2 Iqlab3.png Contoh iqlab3 Iqlab4.png Contoh iqlab4 iqlabnew.png Judul iqlab

Kalimi mukhafaf.png Judul mad lazim kalimi mukhafaf

Kbila.png Contoh idghom bila gunnah soal

Kbila.png Contoh idghom bila gunnah soal

Kbila.png Contoh idghom bila gunnah soal

Kbila.png Contoh idghom bila gunnah soal

Kbila.png Contoh idghom bila gunnah soal

Kecuali.png Contoh kecuali

Kmutamat.png Contoh kecuali mutamat silain

Kmutamat.png Contoh kecuali mutamat silain

(13)

commit to user

Kosong.png Latihan suara Latihan.png Tombol latihan

Kubro1.png Contoh tombol qolqolah kubro

Kubro2.png Contoh tombol qolqolah kubro

Kubro3.png Contoh tombol qolqolah kubro

Kubro4.png Contoh tombol qolqolah kubro

Kubro5.png Contoh tombol qolqolah kubro M1.png Latihan mad1 M2.png Latihan mad2 m3.png Latihan mad3 m4.png Latihan mad4 m5.png Latihan mad5

Macam.png Gambar macam-macam

Macammen.png Gambar macam-macam

Mad1.png Contoh mad ashli

Mad2.png Contoh mad ashli

Mad3.png Contoh mad ashli

Mad4.png Contoh mad ashli

Mad5.png Contoh mad ashli

Madbadal.png Judul mad badal Madfarq.png Judul mad farq Maridl1.png Contoh mad aridl1 Maridl2.png Contoh mad aridl 2 Maridl3.png Contoh mad aridl 3 Maridl4.png Contoh mad aridl 4

(14)

commit to user

Mbadal1.png Contoh mad badal1 Mbadal2.png Contoh mad badal2 Mbadal3.png Contoh mad badal3 Mbadal4.png Contoh mad badal4 Mfarq1.png Contoh mad farq1 Mfarq2.png Contoh mad farq2 Miwadl1.png Contoh mad iwadl1 Miwadl2.png Contoh mad iwadl2 Miwadl3.png Contoh mad iwadl3 Miwadl4.png Contoh mad iwadl4

Mjaizmun1.png Contoh mad jaiz munfashil1 Mjaizmun2.png Contoh mad jaiz munfashil2 Mjaizmun3.png Contoh mad jaiz munfashil3 Mjaizmun4.png Contoh mad jaiz munfashil4 Mkalimi1.png Contoh mad lazim kalimi Mkalimi2.png Contoh mad lazim kalimi Mkalimi3.png Contoh mad lazim kalimi Mkalimi4.png Contoh mad lazim kalimi Mliin1.png Contoh mad liin1

Mliin2.png Contoh mad liin2 Mliin3.png Contoh mad liin3 Mliin4.png Contoh mad liin3

Mmuta1.png Contoh mad lazim harfi mukhaffaf

Mmuta2.png Contoh mad lazim harfi mukhaffaf

Mmuta3.png Contoh mad lazim harfi mukhaffaf

Mmuta4.png Contoh mad lazim harfi mukhaffaf

(15)

commit to user

Mshilah1.png Contoh mad shilah Mshilah2.png Contoh mad shilah Mshilah3.png Contoh mad shilah Mshilah4.png Contoh mad shilah Mtamkin1.png Contoh mad tamkin1 Mtamkin2.png Contoh mad tamkin2 Mtamkin3.png Contoh mad tamkin3 Mtamkin4.png Contoh mad tamkin4

Mukhafaf1.png Contoh mad lazim kalimi mukhafaf

Mukhafaf2.png Contoh mad lazim kalimi mukhafaf

Mukhafaf3.png Contoh mad lazim kalimi mukhafaf

Mukhafaf4.png Contoh mad lazim kalimi mukhafaf

Mukhafaf5.png Contoh mad lazim kalimi mukhafaf

Musyba1.png Contoh mad musyba

mukafaf

Musyba2.png Contoh mad musyba

mukafaf

Musyba3.png Contoh mad musyba

mukafaf

Musyiba1.png Contoh harfi musyba mukhafaf

Musyiba2.png Contoh harfi musyba mukhafaf

Musyiba3.png Contoh harfi musyba mukhafaf

(16)

commit to user

Mutajani1.png Contoh idghom mutajani Mutajani2.png Contoh idghom mutajani Mutajani3.png Contoh idghom mutajani Mutajani4.png Contoh idghom mutajani Mutamat1.png Contoh idghom mutamat Mutamat2.png Contoh idghom mutamat Mutamat3.png Contoh idghom mutamat Mutamat4.png Contoh idghom mutamat Mutaqa1.png Contoh idghom mutaqaribain Mutaqa2.png Contoh idghom mutaqaribain Mutaqa3.png Contoh idghom mutaqaribain Mutaqa4.png Contoh idghom mutaqaribain

Next.png Tombol next

Qol.png Judul qolqolah

Qolqolah.png Tombol qolqolah Rongga1.png Latihan suara Rongga2.png Latihan suara Rongga3.png Latihan suara Suara.png Latihan suara Suara2.png Latihan suara

Sugro1.png Contoh qolqolah sughro Sugro2.png Contoh qolqolah sughro Sugro3.png Contoh qolqolah sughro Sugro4.png Contoh qolqolah sughro Sugro5.png Contoh qolqolah sughro Syafawi1.png Contoh idhar syafawi Syafawi2.png Contoh idhar syafawi Syafawi3.png Contoh idhar syafawi

wa.png Contoh waqaf1

(17)

commit to user

Wa.png Contoh waqaf1

Wa.png Contoh waqaf1

Waqof.png Contoh waqaf1

Waqaf.png Contoh waqaf1

Wb1.png Contoh waqaf1 Wb2.png Contoh waqaf2 Wb3.png Contoh waqaf3 Wb4.png Contoh waqaf4 Wc1.png Contoh waqaf5 Wc2.png Contoh waqaf6 Wc3.png Contoh waqaf7 Wc4.png Contoh waqaf8 Wd1.png Contoh waqaf9 Wd2.png Contoh waqaf10 Wd3.png Contoh waqaf11 Wd4.png Contoh waqaf12

We1.png Contoh waqaf13

We2.png Latihan1 We3.png Latihan2 We4.png Latihan3 Wf1.png Latihan4 Wf2.png Latihan5 Wf3.png Latihan6 Wf4.png Latihan7 Wg1.png Latihan8 Wg2.png Latihan9 Wg3.png Latihan10 Wg4.png Latihan11 Wh1.png Latihan12 Wh2.png Latihan13

(18)

commit to user

Wh3.png Latihan14

Wh4.png Latihan15

2 raw Abad1.mp3 Suara contoh ikhfa abad

Abad2.mp3 Suara contoh ikhfa abad Abad3.mp3 Suara contoh ikhfa abad Abad4.mp3 Suara contoh ikhfa abad Aqrab1.mp3 Suara contoh ikhfa aqrab Aqrab2.mp3 Suara contoh ikhfa aqrab Aqrab3.mp3 Suara contoh ikhfa aqrab Aqrab4.mp3 Suara contoh ikhfa aqrab Aridl1.oog Suara contoh mad aridl Aridl2.oog Suara contoh mad aridl Aridl3.oog Suara contoh mad aridl Aridl4.oog Suara contoh mad aridl Asli1.oog Suara contoh mad asli Asli2.oog Suara contoh mad asli Asli3.oog Suara contoh mad asli Asli4.oog Suara contoh mad asli Asli5.oog Suara contoh mad asli Ausath1.mp3 Suara contoh ikhfa ausath Ausath2.mp3 Suara contoh ikhfa ausath Ausath3.mp3 Suara contoh ikhfa ausath Ausath4.mp3 Suara contoh ikhfa ausath Ausath5.mp3 Suara contoh ikhfa ausath Badal1.oog Suara contoh mad badal Badal2.oog Suara contoh mad badal Badal3.oog Suara contoh mad badal Badal4.oog Suara contoh mad badal

Bi1.mp3 Suara contoh idghom

(19)

commit to user

Bi2.mp3 Suara contoh idghom

bighunnah

Bi3.mp3 Suara contoh idghom

bighunnah

Bi4.mp3 Suara contoh idghom

bighunnah

Bila1.mp3 Suara contoh idghom

bilaghunnah

Bila2.mp3 Suara contoh idghom

bilaghunnah

Bila3.mp3 Suara contoh idghom

bilaghunnah

Bila4.mp3 Suara contoh idghom

bilaghunnah

Farq1.oog Suara contoh mad farq Farq2.oog Suara contoh mad farq Idhar1.mp3 Suara contoh idhar Idhar2.mp3 Suara contoh idhar Idhar3.mp3 Suara contoh idhar Idhar4.mp3 Suara contoh idhar Idhar5.mp3 Suara contoh idhar Idhar6.mp3 Suara contoh idhar Idhar7.mp3 Suara contoh idhar Idhar8.mp3 Suara contoh idhar Idhar9.mp3 Suara contoh idhar Idhar10.mp3 Suara contoh idhar

Idhar11.mp3 Suara contoh latihan idhar Idhar12.mp3 Suara contoh latihan idhar Idhar13.mp3 Suara contoh latihan idhar Idsyaf1.mp3 Suara contoh idhar syafawi

(20)

commit to user

Idsyaf2.mp3 Suara contoh idhar syafawi Idsyaf3.mp3 Suara contoh idhar syafawi Idsyaf4.mp3 Suara contoh idhar syafawi Ikhsyaf1.mp3 Suara Contoh ikhfa syafawi Ikhsyaf2.mp3 Suara Contoh ikhfa syafawi Ikhsyaf3.mp3 Suara Contoh ikhfa syafawi Ikhsyaf4.mp3 Suara Contoh ikhfa syafawi

Ins.mp3 Suara salah

Iqlab1.mp3 Suara contoh iqlab Iqlab2.mp3 Suara contoh iqlab Iqlab3.mp3 Suara contoh iqlab Iqlab4.mp3 Suara contoh iqlab Iwadl1.oog Suara contoh mad iwadl Iwadl2.oog Suara contoh mad iwadl Iwadl3.oog Suara contoh mad iwadl Iwadl4.oog Suara contoh mad iwadl Jaizmun1.oog Suara conth mad jaiz

munfashil

Jaizmun2.oog Suara conth mad jaiz munfashil

Jaizmun3.oog Suara conth mad jaiz munfashil

Jaizmun4.oog Suara conth mad jaiz munfashil

Kalimi1.oog Suara contoh mad harfi kalimi mukhafaf

Kalimi2.oog Suara contoh mad harfi kalimi mukhafaf

Kalimi3.oog Suara contoh mad harfi kalimi mukhafaf

(21)

commit to user

Kalimi4.oog Suara contoh mad harfi kalimi mukhafaf

Kalimi5.oog Suara contoh mad harfi kalimi mukhafaf

Kbi1.mp3 Suara latihan bighunah Kbi2.mp3 Suara latihan bighunah Kbi3.mp3 Suara latihan bighunah Kbi4.mp3 Suara latihan bighunah Kmutamat1.mp3 Suara salah mutamatsialin Kmutamat2.mp3 Suara salah mutamatsialin Kubro1.mp3 Suara contoh qolqolah kubro Kubro2.mp3 Suara contoh qolqolah kubro Kubro3.mp3 Suara contoh qolqolah kubro Kubro4.mp3 Suara contoh qolqolah kubro Kubro5.mp3 Suara contoh qolqolah kubro Lain1.oog Suara latihan lain

Lain2.oog Suara latihan lain Lain3.oog Suara latihan lain Lain4.oog Suara latihan lain Lain5.oog Suara latihan lain Liinn1.oog Suara Contoh mad liin Liinn2.oog Suara Contoh mad liin Liinn3.oog Suara Contoh mad liin Liinn4.oog Suara Contoh mad liin Mmuta1.oog Suara contoh idghom

mutamatsilain

Mmuta2.oog Suara contoh idghom mutamatsilain

Mmuta3.oog Suara contoh idghom mutamatsilain

(22)

commit to user

Mmuta4.oog Suara contoh idghom mutamatsilain

Mukafaf1.oog Suara contoh mad lazim mukhafaf

Mukafaf2.oog Suara contoh mad lazim mukhafaf

Mukafaf3.oog Suara contoh mad lazim mukhafaf

Mukafaf4.oog Suara contoh mad lazim mukhafaf

Mukafaf5.oog Suara contoh mad lazim mukhafaf

Musyaba1.oog Suara contoh mad musyaba mukhafaf

Musyaba2.oog Suara contoh mad musyaba mukhafaf

Musyaba3.oog Suara contoh mad musyaba mukhafaf

Musyiba1.oog Suara contoh mad musyiba mukhafaf

Musyiba2.oog Suara contoh mad musyiba mukhafaf

Musyiba3.oog Suara contoh mad musyiba mukhafaf

Mutajani1.mp3 Suara contoh idghom mutajani

Mutajani2.mp3 Suara contoh idghom mutajani

Mutajani3.mp3 Suara contoh idghom mutajani

(23)

commit to user

Mutajani4.mp3 Suara contoh idghom mutajani

Mutamat1.mp3 Suara contoh indghom mutamatsilain

Mutamat2.mp3 Suara contoh indghom mutamatsilain

Mutamat3.mp3 Suara contoh indghom mutamatsilain

Mutamat4.mp3 Suara contoh indghom mutamatsilain

Mutamat5.mp3 Suara contoh indghom mutamatsilain

Mutaqa1.mp3 Suara contoh indghom mutaqaribain

Mutaqa2.mp3 Suara contoh indghom mutaqaribain

Mutaqa3.mp3 Suara contoh indghom mutaqaribain

Mutaqa4.mp3 Suara contoh indghom mutaqaribain

Shilah1.oog Suara contoh mad shilah Shilah2.oog Suara contoh mad shilah Shilah3.oog Suara contoh mad shilah Shilah4.oog Suara contoh mad shilah Sugro1.mp3 Suara contoh qolqolah sugro Sugro2.mp3 Suara contoh qolqolah sugro Sugro3.mp3 Suara contoh qolqolah sugro Sugro4.mp3 Suara contoh qolqolah sugro Sugro5.mp3 Suara contoh qolqolah sugro Tamkin1.oog Suara contoh mad tamkin

(24)

commit to user

Tamkin2.oog Suara contoh mad tamkin Tamkin3.oog Suara contoh mad tamkin Tamkin4.oog Suara contoh mad tamkin

Wa1.mp3 Suara Contoh waqaf1

Wa2.mp3 Suara Contoh waqaf1

Wa3.mp3 Suara Contoh waqaf1

Wa4.mp3 Suara Contoh waqaf1

Wb1.oog Suara Contoh waqaf1

Wb2.oog Suara Contoh waqaf1

Wb3.oog Suara Contoh waqaf1

Wb4.oog Suara Contoh waqaf2

Wc1.oog Suara Contoh waqaf3

Wc2.oog Suara Contoh waqaf4

Wc3.oog Suara Contoh waqaf5

Wc4.oog Suara Contoh waqaf6

Wd1.oog Suara Contoh waqaf7

Wd2.oog Suara Contoh waqaf8

Wd3.oog Suara Contoh waqaf9

Wd4.oog Suara Contoh waqaf10 We1.oog Suara Contoh waqaf11 We2.oog Suara Contoh waqaf12 We3.oog Suara Contoh waqaf13

We4.oog Suara Latihan1

Wf1.oog Suara Latihan2

Wf2.oog Suara Latihan3

Wf3.oog Suara Latihan4

Wf4.oog Suara Latihan5

Wg1.oog Suara Latihan6

Wg2.oog Suara Latihan7

(25)

commit to user

Wg4.oog Suara Latihan9

Wh1.oog Suara Latihan10

Wh2.oog Suara Latihan11

Wh3.oog Suara Latihan12

Wh4.oog Suara Latihan13

3 Src Abad.java Menyimpan script materi

ikhfa abad

Aqrab.java Menyimpan script materi ikhfa aqrab

Aridl.java Menyimpan script materi mad aridl lis sukun

Ausath.java Menyimpan script materi ikhfa ausath

Badal.java Menyimpan script materi mad badal

Farq.java Menyimpan script materi mad farq

Hamzah.java Menyimpan script materi mad far’I sebab hamzah Idg_bila.java Menyimpan script materi

idghom bila ghunnah

Idg_mut.java Menyimpan script materi idghom mutamatsilain

Idgom.java Menyimpan script materi idghom

Idhar.java Menyimpan script materi idhar

Idharsyaf.java Menyimpan script materi idharsyaf

(26)

commit to user ikhfa

ikhsyafawi.java Menyimpan script materi ikhfa syafawi

Iqlab.java Menyimpan script materi iqlab

Lain.java Menyimpan script materi mad sebab lain (mad shilah)

Latihan.java Menyimpan script

menampilkan menu latihan Mad.java Menyimpan script untuk

menampilkan materi mad dan menu mad

MainActivity.java Menyimpan script untuk menampilkan halaman utama Menuidhar.java Menyimpan script untuk

menampilkan menu idhar Play1.java Menyimpan script untuk

menampilkan latihan1

Play2.java Menyimpan script untuk menampilkan latihan2

Play3.java Menyimpan script untuk menampilkan latihan3

Play4.java Menyimpan script untuk menampilkan latihan4

Play5.java Menyimpan script untuk menampilkan latihan5

Play6.java Menyimpan script untuk menampilkan latihan6

Play7.java Menyimpan script untuk menampilkan latihan

(27)

commit to user

campuran

Playsuara.java Menyimpan script untuk menampilkan latihn suara Qolqolah.java Menyimpan script untuk

menampilkan materi qolqolah

Splashscreen.java Menyimpan script untuk menampilkan splahscreen Sukun.java Menyimpan script untuk

menampilkan materi mad sebab sukun

Tasydid.java Menyimpan script untuk menampilkan materi mad sebab tasydid

Waqaf.java Menyimpan script untuk menampilkan materi mad sebab waqaf

Waqof2.java Menyimpan script untuk menampilkan materi waqof1 Waqof3.java Menyimpan script untuk

menampilkan materi waqof2 Waqof4.java Menyimpan script untuk

menampilkan materi waqof3 3 Res/layout Activity_abad.xml Menyimpan tampilan materi

ikhfa abad

Activity_aqrab.xml Menyimpan tampilan materi ikhfa aqrab

Activity_aridl.xml Menyimpan tampilan materi mad aridl lis sukun

(28)

commit to user

ikhfa ausath

Activity_badal.xml Menyimpan tampilan materi mad badal

Activity_farq.xml Menyimpan tampilan materi farq

Activity_hamzah.xml Menyimpan tampilan materi mad sebab hamzah

Activity_idg_bila.xml Menyimpan tampilan materi idghom bila ghunnah

Activity_idg_mut.xml Menyimpan tampilan materi idghom mutamatsilain

Activity_idghom.xml Menyimpan tampilan materi idghom

Activity_idhar.xml Menyimpan tampilan materi idhar

Activity_idharsaf.xml Menyimpan tampilan materi idhar syafawi

Activity_ikhfa.xml Menyimpan tampilan materi ikhfa

Activity_ikhsyafawi.xml Menyimpan tampilan materi ikhfa syafawi

Activity_iqlab.xml Menyimpan tampilan materi iqlab

Activity_lain.xml Menyimpan tampilan materi mad sebab lain (mad shilah) Activity_latihan.xml Menyimpan tampilanmenu

latihan

Activity_mad.xml Menyimpan tampilan materi mad dan menu mad

(29)

commit to user

utama/halaman utama

Activity_menuidhar.xml Menyimpan tampilan materi menu idhar

Activity_play1.xml Menyimpan tampilan latihan1

Activity_play2.xml Menyimpan tampilan latihan2

Activity_play3.xml Menyimpan tampilan latihan3

Activity_play4.xml Menyimpan tampilan latihan4

Activity_play5.xml Menyimpan tampilan latihan5

Activity_play6.xml Menyimpan tampilan latihan6

Activity_play7.xml Menyimpan tampilan latihan7

Activity_playsuara.xml Menyimpan tampilan latihan suara

Activity_sukun.xml Menyimpan tampilan mad sebab sukun

Activity_tasydid.xml Menyimpan tampilan mad sebab tasydid

Activity_waqaf.xml Menyimpan tampilan mad sebab waqaf

Activity_waqof.xml Menyimpan tampilan materi waqof dan menu waqof Activity_ waqof2.xml Menyimpan tampilan materi

waqof2

(30)

commit to user

Activity_ waqof4.xml Menyimpan tampilan materi waqof3

Fadein.xml Menyimpan pengaturan waktu splash mulai

Fadeout.xml Menyimpan pengaturaan waktu splash berhenti

Splash.xml Menyimpan tampilan

splashscreen

4.3 Implementasi

Implementasi ini merupakan hasil dari aplikasi yang telah dibuat yaitu berupa gambar dari beberapa tampillan seperti halaman aplikasi dan juga script yang diggunakan unutk menjalankan aplikasi ini.

4.3.1 Implementasi Script 4.3.1.1 Script Memanggil Suara

Pada setiap contoh dimateri menggunakan suara, untuk memanggil suara tersebut berikut contoh cuplikan script untuk memanggil suara yang dikehendaki :

b_kubro1 = (Button)findViewById(R.id.b_kubro1);

b_kubro1.setOnClickListener(this);

…….

publicvoid onClick(View view) {

MediaPlayer audioBackground = MediaPlayer.create(this, R.raw.kubro1);

if(view.getId()==R.id.b_kubro1){

if(audioBackground.isPlaying()==false){ audioBackground = MediaPlayer.create(this, R.raw.kubro1);

audioBackground.start();

(31)

commit to user

}

…..

4.3.1.2 Script Memilih Jawaban

Pada halaman latihan ada pilihan untuk memilih jawaban, yaitu jawaban berupa media button yang didapat dari halaman xml. Berikut script untuk memilih jawaban :

tombola.setText(pilihana);

tombolb.setText(pilihanb); tombolc.setText(pilihanc); tombold.setText(pilihand);

resID = getResources().getIdentifier(soal, "drawable", "com.example.ta"); gambarsoal.setImageResource(resID);

……

publicvoid onClick(View v) {

// TODO Auto-generated method stub

switch(v.getId()){

case R.id.b_j1a:

if(jawaban.equalsIgnoreCase("a")){benar();}else{salah();}; break;

case R.id.b_j1b:

if(jawaban.equalsIgnoreCase("b")){benar();}else{salah();}; break;

case R.id.b_j1c:

if(jawaban.equalsIgnoreCase("c")){benar();}else{salah();}; break;

case R.id.b_j1d:

if(jawaban.equalsIgnoreCase("d")){benar();}else{salah();}; break;

(32)

commit to user 4.3.1.3 Script Menampilkasn SplashScreen

Script splashscreen dibawah ini memanggil desain splash yang berada pada xml, splash ini terlebih dahulu melewati layout fadein dan fadeout yang mengatur waktu tampilan splshscreen.

publicvoid run() {

Intent intent = new Intent(SplashScreen.this, MainActivity.class);

startActivity(intent); SplashScreen.this.finish();

overridePendingTransition(R.layout.fadein, R.layout.fadeout);

4.3.1.4 Script Random Soal

Script yang digunakan untuk mengacak soal yang disajikan, dimaksudkan agar soal yang keluar tidak hanya diawali yang sama, tapi bisa berubah-rubah setiap kali memulai menjawab soal.

}

publicint getNomor(){

Random randomGenerator = new Random(); int randomInt = randomGenerator.nextInt(16); b = randomInt;

returnb; }

4.3.1.5 Script menu menampilkan skor

Script yang digunakan untuk menampilkan skor saat pada latihan, setiap soal yang dijawab akan menampilkan skor jika benar akan ditambah dan salah akan dikurangi

(33)

commit to user

publicvoid benar(){

dapatskor=skorsementara+10;

AlertDialog myAlertDialog = new

AlertDialog.Builder(Play1.this).create();

myAlertDialog.setTitle("JAWABAN KAMU BENAR. SKOR DITAMBAH 10");

myAlertDialog.setMessage("Skor kamu : "+dapatskor); myAlertDialog.setButton("Lanjut",

new DialogInterface.OnClickListener() {

4.3.1.6 Script menampikan alert

Script berguna untuk menampilkan alert, seperti pada bagian info, dengan menggunakan alert maka tidak akan menuju kehalaman lain. Berikut potongan scriptnya :

publicvoid h_info(){

AlertDialog myAlertDialog = new

AlertDialog.Builder(MainActivity.this).create(); myAlertDialog.setTitle("INFO");

myAlertDialog.setMessage("Aplikasi TAJWID ini menampilkan suara jika di klik pada contoh"+"\n"+"Create : Rohmad Hari R");

myAlertDialog.setButton("close",

new DialogInterface.OnClickListener() {

4.3.1.7 Script untuk perpindahan halaman

Perpindahan halaman ini berguna agar saat tombol disentuh maka akan melakukan perpindahan ke halaman yang dituju. Berikut potongan script untuk berpindah halaman :

Button b_homelat = (Button) findViewById(R.id.b_homelat);

b_homelat.setOnClickListener(new OnClickListener() {

publicvoid onClick(View v) {

Intent i=new Intent(

(34)

commit to user MainActivity.class); startActivity(i); finish(); } });

4.3.1.8 Script untuk keluar aplikasi

Script ini berguna agar aplikasi bisa keluar atau berhenti berjalan pada gadget, dan untuk memudahkan mengeluarkan aplikasi, berikut potongan scriptnya :

publicvoid h_exit(){

finish();

publicboolean onKeyDown(int keyCode, KeyEvent event) {

if (keyCode == KeyEvent.KEYCODE_BACK) {

//do whatever you need for the hardware 'back' button

finish();

}

return super.onKeyDown(keyCode, event);

4.4 Run dan Instalasi Aplikasi

Setelah seluruh desain, objek, dan komponen selesai disetting kemudian seluruh script telah selesai dibuat dan telah diujicoba tanpa ditemukan error reporting maka proses selanjutnya adalah mem-running aplikasi tersebut. Untuk Run pada Eclipse maka langkahnya adalah klik kanan pada project kemudian pilih run as kemudian pilih android application kemudian tunggu sampe emulator muncul dan terinstal.

(35)

commit to user Gambar 4.15 runing eclipse

Setelah running selesai dah sudah teruplod pada emulator maka .apk nya akan muncul pada folder bin di project yang telah dibuat. Seperti pada gambar 4.

(36)

commit to user

Kemudian untuk proses instalasi pilih file .apk yang akan diinstal kemudian copy pada gadget yang sesuai dengan settingan platform yaitu android. Lalu pilih file .apk tersebut kemudian pilih install, maka secara otomatis file tersebut akan terinstal kedalam gadget. Berikut proses instalasi aplikasi pada smartphone, ditunjukkan pada Gambar 4.17

Gambar 4.17 Proses install aplikasi

Keterangan : (1) file .apk dimasukan kedalam gadget. (2) menginstal file .apk di dalam gadget. (3) proses instalisasi file .apk. (4) proses install selesai dan sudah bisa dijalankan pada gadget. Seperti pada gambar 4.16

(37)

commit to user 4.5 Hasil Implementasi

4.5.1 Tampilan SplashScreen

Halaman ini muncul pertama kali saat aplikasi dijalankan dan memproses (loading) untuk menuju ke halaman utama.

Gambar 4.19 Tampilan Splash Screen

4.5.2 Tampilan Menu Utama

Setelah tampilan splash screen selesai maka akan masuk ke menu utama yang terdapat beberapa menu materi tajwid yaitu antara lain : Idhar, Iqlab, Ikhfa, Qolqolah, Idgom, Waqaf, Mad dan menu Latihan.

(38)

commit to user

Gambar 4.16 Tampilan menu utama

4.5.3 Tampilan Halaman Info

Alert info ini adalah halaman berupa alert yang muncul ketika tombol info disentuh, di alert ini menampilkan info tentang aplikasi ini.

(39)

commit to user 4.5.4 Tampilan Menu Idhar

Pada menu utama ketika diklik pada menu Idhar maka akan menampilkan penjelasan Idhar. Di halaman ini juga menyajikan 2 menu yaitu macam-macam Idhar yang dibagi menjadi dua yaitu Idhar Halqi dan Syafawi. Dan memiliki tombol back home yang akan kembali ke menu utama jika disentuh.

Gambar 4.18 Tampilan Menu Idhar

Ketika di menu idhar kemudian disentuh pada tombol halqi akan menampilkan materi tentang idhar halqi seperti pada gambar 4.19. Halaman ini menampilkan materi Idhar Halqi yang berupa text view dan contoh Idhar Halqi yang bersuara. Dan apabila disentuh pada tombol back maka akan kembali kemenu idhar.

(40)

commit to user

Gambar 4.19 Tampilan Idhar Halqi

Ketika di menu idhar kemudian disentuh pada tombol syafawi akan menampilkan materi tentang idhar syafawi seperti pada gambar 4.20. Halaman ini menampilkan materi yang berupa text view dan contoh Idhar Syafawi yang bersuara. Dan apabila disentuh pada tombol back maka akan kembali kemenu idhar.

(41)

commit to user 4.5.5 Tampilan Menu Iqlab

Halaman ini menampilkan materi yang berupa text view dan contoh Iqlab yang bersuara jika di klik pada gambar contoh. Dan memiliki tombol back home yang akan kembali ke menu utama jika disentuh.

Gambar 4.21 Tampilan menu Iqlab

4.5.6 Tampilan Menu Ikhfa

Pada halaman ini akan menampilkan penjelasan tentang Ikhfa. Dihalaman ini terdapat 4 menu yaitu macam-macam Ikhfa yaitu Aqrab, Ausath, Ab’ad dan Syafawi. Dan memiliki tombol back home yang akan kembali ke menu utama jika disentuh.

(42)

commit to user

Gambar 4.22 Tampilan menu Ikhfa’

Ketika di menu ikhfa kemudian disentuh pada tombol aqrab akan menampilkan materi tentang ikhfa aqrab seperti pada gambar 4.23. Halaman ini menampilkan materi ikhfa Aqrab yang berupa text view dan contoh Ikhfa Aqrab yang bersuara jika di klik. Dan apabila disentuh pada tombol back maka akan kembali kemenu ikhfa.

(43)

commit to user

Ketika di menu ikhfa kemudian disentuh pada tombol aausath akan menampilkan materi tentang ikhfa ausath seperti pada gambar 4.24. Halaman ini menampilkan materi Ikhfa’ Ausath yang berupa text view dan contoh Ikhfa Ausath yang bersuara jika di klik. Dan apabila disentuh pada tombol back maka akan kembali kemenu ikhfa.

Gambar 4.24 Tampilan Ikhfa’ Ausath

Ketika di menu ikhfa kemudian disentuh pada tombol abad akan menampilkan materi tentang ikhfa abad seperti pada gambar 4.25. Halaman ini menampilkan materi Ikhfa’ Ab’ad yang berupa text view dan contoh Ab’ad yang bersuara jika di klik. Dan apabila disentuh pada tombol back maka akan kembali ke menu ikhfa.

(44)

commit to user

Gambar 4.25 Tampilan Ikhfa’ Ab’ad

Ketika di menu ikhfa kemudian disentuh pada tombol syafawi akan menampilkan materi tentang ikhfa syafawi seperti pada gambar 4.26. Halaman ini menampilkan materi Ikhfa’ Syafawi yang berupa text view dan contoh Syafawi yang bersuara jika di klik. Dan apabila disentuh pada tombol back maka akan kembali kemenu ikhfa.

(45)

commit to user 4.5.7 Tampilan Menu Qolqolah

Pada halaman menu Qolqolah ini maka akan menampilkan penjelasan tentang tentang Qolqolah. Dihalaman ini terdapat beberapa menu yaitu macam-macam Qolqolah yang dibagi menjadi 2 menu yaitu Sughro dan Kubro. Dan memiliki tombol back home, jika disentuh akan kembali ke menu utama.

Gambar 4.27 Tampilan menu Qolqolah

4.5.8 Tampilan Menu Idgom

Pada menu Idgom ini akan menampilkan halaman ini yang berisi penjelasan tentang Idgom. Dihalaman ini terdapat menu yaitu macam-macam Idgom yang dibagi menjadi 5 menu yaitu macam-macam idghom : bighunnah, bila ghunnah, mutamatsilain, mutajanisain dan mutaqaribain. Dan memiliki tombol back home, jika disentuh akan kembali ke menu utama.

(46)

commit to user

Gambar 4.28 Tampilan Idgom

Ketika di menu idghom kemudian disentuh pada tombol idghom di menu utama akan menampilkan materi tentang idghom seperti pada gambar 4.28. Halaman ini menampilkan materi yang berupa text view dan contoh yang bersuara jika di klik. Dan terdapat tombol next yaitu berfungsi untuk melanjutkan ke materi idghom berikutnya.

(47)

commit to user

Pada halaman ini menampilkan lanjutan dari materi idghom sebelumnya, disini terdapat tombol next dan bck, next berguna untuk melanjutkan materi dan untuk back kembali ke halaman awal idghom.

Gambar 4.30 Tampilan materi Idghom 3

Pada halaman ini merupakan halaman terakhir dari materi idghom, terdapat tombol back untuk kembali ke halaman sebelumnya.

4.5.9 Tampilan Menu Waqaf

Pada menu Waqaf ini akan menampilkan penjelasan tentang Waqaf. Dihalaman ini terdapat menu-menu macam-macam Waqaf. Terdapat tombol back home untuk kembali ke menu utama, sedangkan tombol next untuk melanjutkan ke materi.

(48)

commit to user

Gambar 4.31 Tampilan materi Waqaf

Ketika tombol next disentuh maka akan menuju ke materi selanjutnya, disini terdapat tombol back untuk kembali ke halaman sebelumnya dan tombol next untuk melanjutkan materi 2.

(49)

commit to user

Ketika tombol next disentuh maka akan menuju ke materi selanjutnya, disini terdapat tombol back untuk kembali ke halaman sebelumnya dan tombol next untuk melanjutkan materi 3.

Gambar 4.33 Tampilan materi Waqaf 3

Ketika tombol next disentuh maka akan menuju ke materi selanjutnya, disini terdapat tombol back untuk kembali ke halaman sebelumnya dan tombol next untuk melanjutkan materi 4.

(50)

commit to user

Gambar 4.34 Tampilan materi Waqaf 4 4.5.10 Tampilan Menu Mad

Pada menu Mad ini akan menampilkan penjelasan tentang Mad. Di halaman ini terdapat menu yaitu macam-macam Mad yang dibagi menjadi 2 menu yaitu Mad Ashli dan Mad Far’i. dan juga terdapat menu-menu mad far’I yaitu sebab hamzah, sukun, tasydid dan lain. Dan terdapat tombol back home untuk kembali kemenu utama.

(51)

commit to user

4.5.10.1 Tampilan Menu Mad Far’I Sebab Hamzah

Halaman ini menampilkan menu-menu dari macam-macam Mad Far’I yang disebabkan Hamzah, yaitu : mad wajib mutthashil, mad jaiz munfashil, mad badal dan mad shilah thawillah. Dan juga terdapat tombol back home untuk kembali ke menu utama dan tombol next untuk melanjutkan materi.

Gambar 4.36 Tampilan menu Mad Far’I sebab Hamzah

Ketika tombol next disentuh maka akan menampilkan materi selanjutnya dan dimateri selanjutnya terdapat tombol back untuk kembali ke halaman sebelumnya.

(52)

commit to user

Gambar 4.37 Tampilan Mad Far’I sebab Hamzah 2

4.5.10.2 Tampilan Menu Mad Far’i Sebab Sukun

Halaman ini menampilkan menu-menu sebab sukun yaitu : mad lazim musyba’ mukaffaf, Mad lazim harfi mukaffaf dan mad lazim kalifi mukaffaf. Dan juga terdapat tombol back home untuk kembali ke menu utama, dan tombol next untuk melanjutkan materi.

(53)

commit to user

Halaman ini menampilkan materi lanjutan dari mad far’I sebab sukun, disini terdapat tombol back untuk kembali ke halaman sebelumnya.

Gambar 4.39 Tampilan materi Mad Far’i sebab Sukun 2

4.5.10.3 Tampilan Menu Mad Far’i Sebab Waqof

Halaman ini menampilkan macam-macam mad far’i sebab waqof yaitu antara lain : Mad Lazim Lis Sukun, Mad ‘Iwadl dan Mad Liin. Dan terdapat tombol back home untuk kembali ke menu utama dan juga tombol next untuk melanjutkan ke materi selanjutnya.

(54)

commit to user

Gambar 4.40 Tampilan Menu Mad sebab Waqaf

Halaman ini menampilkan materi tentang Mad ‘Aridl Lis Sukun yang berupa text view dan beberapa contoh Mad ‘Aridl Lis Sukun yang bersuara jika di klik. Dan terdapat tombol back untuk kembali ke halaman sebelumnya.

(55)

commit to user

4.5.10.4 Tampilan Menu Mad Far’I Sebab Tasydid

Halaman ini menampilkan macam-macam mad far’i sebab Tasydid yaitu Mad Lazim Harfi mutaqqal, Mad Lazim Kalimi Mutaqqal, Mad Tamkin dan Mad Farq. Dan terdapat tombol back home untuk kembali ke menu utama dan tombol next untuk kembali ke materi selanjutnya.

Gambar 4.42 Tampilan Menu Mad Far’i sebab Tasydid

Halaman ini menampilkan materi lanjutan tentang Mad far’I sebab tasydid dan terdapat tombol back untuk kembali ke materi sebelumnya.

(56)

commit to user

Gambar 4.43 Tampilan materi Mad Far’i sebab Tasydid 2

4.5.10.5 Tampilan Menu Mad Far’i Sebab Lain (Mad Shillah Qashirah)

Halaman ini menampilkan materi tentang Mad Shilah Qashirah yang berupa text view dan contoh Mad Shilah Qashirah yang bersuara jika di klik. Dan terdapat tombol back home untuk kembali ke menu utama.

(57)

commit to user 4.5.11 Tampilan Menu Latihan

Halaman pada latihan ini menampilkan latihan tajwid yang dikategorikan sesuai materi yaitu Idhar, Iqlab, Ikhfa, Qolqolah, Idgom, Waqaf, Mad dan latihan campuran yaitu berisi semua materi, serta latihan suara yang berisi latihan dengan memilih suara yang paling tepat.

Gambar 4.45 Tampilan Menu Latihan

Pada gambar 4.46 ini menampilkan soal dan berupa pilihan suara, pengguna disuruh untuk memilih suara yang paling tepat. Dan terdapat tombol exit untuk keluar dari latihan tersebut dan kembali ke menu latihan.

(58)

commit to user Gambar 4.46 pilihan suara

Pada gambar 4.47 ini menampilkan soal dan pengguna disuruh untuk memilih jawaban yang sesuai dengan soal yang paling tepat. Dan terdapat tombol exit untuk keluar dari latihan tersebut dan kembali ke menu latihan.

(59)

commit to user

Pada gambar 4.48 ini menampilkan alert ketika menjawab salah maka skor akan dikurangi, pada semua soal terdapat skor. Dan terdapat tombol lanjut untuk melanjutakn menjawab soal lain.

Gambar 4.48 jawaban salah

Pada gambar 4.49 ini menampilkan alert ketika menjawab benar maka skor akan ditambah, pada semua soal terdapat skor. Dan terdapat tombol lanjut untuk melanjutakn menjawab soal lain.

(60)

commit to user Gambar 4.49

Pada gambar 4.50 ini menampilkan alert ketika menjawab semua soal dan akan menampilakn skor akhir dan menampilkan status. Dan kemudian menekan tombol lanjut dan proses latihan selesai.

(61)

commit to user 4.6 Pengujian

Untuk melakukan pengujian terhadap aplikasi yang dibuat, dilakukan dengan tiga cara pengujian yaitu RUN pada Eclipse, lewat smartphone android dengan beberapa macam device, dan pengujian terhadap respon dari user. Jika aplikasi sudah bisa berjalan dengan baik, proses publikasi file siap dilakukan. Publikasi file dilakukan dengan tujuan mendapatkan file dengan extensi.apk agar dapat berjalan pada semua perangkat smartphone maupun gadget yang berbasis android. Berikut data pengujian pada beberapa jenis pengujian :

4.6.1 Pengujian Fungsional Aplikasi

Pengujian fungsional aplikasi merupakan sebuah pengujian dimana menitik beratkan pada fungsi-fungsi yang telah dibuat didalam aplikasi. Pengujian ini dimaksudkan untuk menguji coba apakah semua fungsi yang ada telah berjalan baik tanpa adanya bug didalam aplikasi. Tipe pengujian yang digunakan adalah pengujian blackbox. Dilakukan dengan cara,membuat tabel check list yang berisi daftar fungsi-fungsi pada aplikasi kemudian diuji satu persatu lalu diberikan keterangan mengenai hasil test. Data hasil pengujian dapat dilihat pada Tabel 4.2.

Tabel 4.2 pengujian Fungsional aplikasi

No Fungsi Jenis Hasil Yang

Diharapkan Keterangan Hasil Pengujian Sesuai ? 1 Scene Splash Screen Ketika aplikasi dijalankan maka splash screen muncul secara normal, sebelum ke menu utama. SplashScreen

muncul, saat awal aplikasi baru dijalankan  Menu utama Ketika splash screen telah muncul maka

Menu utama muncul, setelah splash screen

(62)

commit to user selanjutnya menu utama akan tampil.

info Pada menu

utama, jika tombol info disentuh maka akan muncul tampilan alert info.

Muncul, jika tombol info disentuh.

Exit Jika tombol exit disentuh maka akan keluar dari aplikasi.

Keluar dari aplikasi 

2 Sound Contoh materi

Suara contoh dari materi akan muncul jika di sentuh pada gambar contoh. Berbunyi, sejak gambar contoh disentuh. 

3 Button idhar Jika idhar disentuh akan masuk pada materi idhar

Berfungsi, dan untuk masuk ke halaman materi idhar

iqlab Jika iqlab disentuh akan masuk pada materi iqlab

Berfungsi, dan untuk masuk ke halaman materi iqlab

Ikhfa’ Jika

Ikhfa’disentuh akan masuk pada

Berfungsi, dan untuk masuk ke halaman materi Ikhfa’

(63)

commit to user materi Ikhfa’ Idghom Jika Idghom

disentuh akan masuk pada materi Idghom

Berfungsi, dan untuk masuk ke halaman materi Idghom

Qolqolah Jika Qolqolah disentuh akan masuk pada materi Qolqolah

Berfungsi, dan untuk masuk ke halaman materi Qolqolah

Waqaf Jika Waqaf disentuh akan masuk pada materi Waqaf

Berfungsi, dan untuk masuk ke halaman materi Waqaf

mad Jika mad

disentuh akan masuk pada materi mad

Berfungsi, dan untuk masuk ke halaman materi mad

latihan Jika latihan disentuh akan masuk pada materi latihan

Berfungsi, dan untuk masuk ke halaman materi latihan  4 Latihan Memilih kategori Jika masuk halaman latihan akan menampilkan kategori latihan dan memilih Berfungsi, semua soal sesuai dengan kategori yang ditentukan  Menjawab soal Jika menjawab soal akan terdapat Berfungsi, semua soal bisa dirandom dan pilihan jawaban

(64)

commit to user beberapa pilihan dan soal yang keluar dirandom dan mendapatkan nilai.

bisa keluar dan muncul nilai.

4.6.2 Pengujian pada Device

Untuk pengujian pada device dimaksudkan agar mengetahui performa dan kebutuhan saat aplikasi tersebut di-install pada beberapa device yang berbeda sehingga akan didapatkan informasi mengenai performa aplikasi tersebut secara akurat. Pengujian ini dilakukan pada tiga macam gadget dengan spesifikasi yang berbeda yaitusmartphone Lenovo A690, smatphone andromax I, Smartphone Nokia X dan xperia sola.

Tabel 4.3 Pengujian pada device

No Jenis

Device

Spesifikasi Device

Jenis Test Keterangan

1 Lenovo A690 Single core 1Ghz, Android OS, 2.2 (Froyo), 480 x 800 pixels, 4 inches, 512MB RAM Perpindahan slide

Seluruh perpindahan slide berjalan lancar

Audio Seluruh audio berjalan dengan baik

Tombol Seluruh tombol fungsi berfungsi dengan baik

2 Smartfren andromax I Dual Core 1,2GHz, MEMORY Internal Perpindahan slide

Seluruh Perpindahan slide berjalan lancar

Audio Seluruh audio berjalan dengan baik

(65)

commit to user 4GB,

768MB RAM, OS 4.1 jellybean

Tombol Seluruh tombol fungsi berfungsi dengan baik

3 Nokia X prosesor dual core Qualcomm Snapdragon S4 berkecepatan 1 GHz, RAM 512 MB, OS 4.2 android. Perpindahan slide

Seluruh Perpindahan slide berjalan lancar

Audio Seluruh audio berjalan dengan baik

Tombol Seluruh tombol fungsi berfungsi dengan baik

4 Xperia Sola Prosesor dual core 1Ghz, RAM 512 OS 4.1 android Perpindahan slide

Seluruh Perpindahan slide berjalan lancar

Audio Seluruh audio berjalan dengan baik

Tombol Seluruh tombol fungsi berfungsi dengan baik

Dari data hasil pengujian pada beberapa device didapatkan hasil untuk spesifikasi minimum aplikasi dapat dijalankan pada RAM 512MB, single core 1Ghz, resolusi 400 x 800 px dengan OS android minimal 2.2 (Froyo).

4.7 Implementasi Aplikasi berdasarkan Quisioner

Kuisioner dilakukan untuk melakukan penilaian produk yang telah dibuat oleh 30 responden. Kuisioner terdiri dari 8 butir pertanyaan yang berhubungan dengan konten dari pembelajaran tajwid berbasis android. Kuisioner terdiri dari tiga aspek yaitu aspek pembelajaran, aspek komunikatif, dan aspek rekayasa

(66)

commit to user perangkat lunak.

Berdasarkan hasil pengujian aplikasi pembelajaran Tajwid berbasis Android yang diperoleh dari hasil reponden yang diimplementasikan ke siswa pondok, guru pondok, guru mengaji (ustad), murid dan masyarakat umum :

1) Aspek pembelajaran

Gambar 4.51 Grafik Aspek Pembelajaran

2) Aspek visual

Gambar 4.52 Grafik Aspek visual

3) Aspek rekayasa perangkat lunak

Gambar 4.53 Grafik Rekayasa Perangkat Lunak

tidak setuju 1 : 3% agak setuju 6 : 20% setuju 16 : 53% sangat setuju 7 : 23% tidak setuju 5 : 18% agak setuju 4 : 14% Setuju 16 : 57% sangat setuju 3 : 11% tidak setuju 4 : 13% agak setuju 5 : 17% setuju 11 : 37% sangat setuju 10 : 33%

(67)

commit to user

Dari gambar grafik hasil kuisioner tersebut, dapat dihasilkan data seperti berikut untuk aspek pembelajaran dari 30 responder sebanyak 23% sangat setuju, 53% setuju, 20% agak setuju, dan 3% tidak setuju. Pada aspek komunikatif visual sebanyak 11% sangat setuju, 57% setuju, 14% agak setuju, dan 18% tidak setuju. Dan pada aspek rekayasa perangkat lunak sebanyak 33% sangat setuju, 37% setuju, 17% agak setuju, dan 13% tidak setuju. Dari data yang didapatkan, penulis dapat menarik kesimpulan bahwa Aplikasi Pembelajaran Tajwid Berbasis Android merupakan sebuah aplikasi yang memiliki aspek pembelajaran tentang tajwid yang baik, mempunyai interface dan tingkat pemahaman bagi pengguna, serta dapat dimainkan dengan lancar pada jenis device android yang berbeda-beda.

Gambar

Tabel 4.1 Daftar Komponen Yang Digunakan Dalam Pembuatan Aplikasi
Gambar 4.16 hasil dari running berupa .apk
Gambar 4.17 Proses install aplikasi
Gambar 4.19 Tampilan Splash Screen
+7

Referensi

Dokumen terkait

Penelitian ini menemukan lima tema pengalaman hospitalisasi pada anak, yaitu terbatasnya melaku- kan aktivitas rutin sehari-hari, suasana ruang rawat tidak nyaman, tidak

Promosi bukan hanya memperkenalkan suatu produk atau keunggulan pada produk tersebut tetapi kegiatan promosi dimaksudkan untuk dapat berkomunikasi dengan konsumen, sehingga

Meskipun sampai dengan Desember 2006 jumlah pelanggan Flexi mengalami kenaikan sebesar 3% dibandingkan dengan Desember 2005, namun pertumbuhan pelanggan operator lain lebih

Berdasarkan hasil penelitian yang dilakukan pada ibu yang mempunyai balita usia 12-36 bulan dan balita usia 12-36 bulan di Posyandu Kasih Ibu 7 Banyu Urip Klego Boyolali

Pada penelitian ini, desain penelitian yang digunakan oleh peneliti adalah cross-sectional dengan tujuan untuk mengetahui apakah terdapat hubungan antara tingkat

Dalam menghadapi era globalisasi, era otonomi daerah dan semakin kompleksnya permasalahan yang dihadapi, tentunya dalam mewujudkan seluruh program yang telah dipaparkan

Hubungan Antara Religiusitas Dan Tingkat Stres Terhadap Strategi Coping Pada Santri Pondok Pesantren (Doctoral dissertation, Universitas Muhammadiyah Surakarta)..

Kadar feritin pada tikus yang diberi jamu tidak menunjukkan perbedaan yang nyata (p<0.05) dengan tikus kontrol (Tabel 32). Sedangkan