BAB IV IMPLEMENTASI DAN ANALISA

Transkripsi

1 digilib.uns.ac.id 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 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. 41

2 digilib.uns.ac.id 42 Gambar 4.2 Background menu awal Gambar 4.3 Background sub menu 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 digilib.uns.ac.id 43 Gambar4.4 pembuatan tombol 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. Gambar 4.5 Pembuatan tulisan arab

4 digilib.uns.ac.id 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 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 digilib.uns.ac.id 45 Gambar 4.7 pembuatan splashscreen Pembuatan Project dengan Eclipse Langkah awal pembuatan aplikasi pembelajaran ini dengan membuka Eclipse yang telah diinstal pada computer. Gambar 4.8 loading eclipse Pembuatan awal aplikasi Membuat nama project kemudian package dan juga terdapat pilihan SDK minimum dan juga target SDK.

6 digilib.uns.ac.id 46 Gambar 4.9 membuat project pada eclipse Menu Pallet Merupakan menu yang terdapat untuk membuat dan memasukan layout, gambar, button dan lainnya kedalam halaman xml agar mudah untuk mengaturnya.

7 digilib.uns.ac.id 47 Gambar 4.10 menu pallet pada eclipse 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 digilib.uns.ac.id 48 Gambar 4.11 package explorer pada eclipse Outline Merupakan tampilan dari inputan apa saja yang sudah dimasukkan ke dalam halaman xml commit Gambar to 4.12 user outline

9 digilib.uns.ac.id 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 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. Gambar4.14 halaman commit to kerja user awal pada eclipse

10 digilib.uns.ac.id 50 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 digilib.uns.ac.id 51 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 digilib.uns.ac.id 52 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 digilib.uns.ac.id 53 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 digilib.uns.ac.id 54 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 digilib.uns.ac.id 55 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 digilib.uns.ac.id 56 Mutajani1.png Mutajani2.png Mutajani3.png Mutajani4.png Mutamat1.png Mutamat2.png Mutamat3.png Mutamat4.png Mutaqa1.png Mutaqa2.png Mutaqa3.png Mutaqa4.png Next.png Qol.png Qolqolah.png Rongga1.png Rongga2.png Rongga3.png Suara.png Suara2.png Sugro1.png Sugro2.png Sugro3.png Sugro4.png Sugro5.png Syafawi1.png Syafawi2.png Syafawi3.png wa.png Wa.png Contoh idghom mutajani Contoh idghom mutajani Contoh idghom mutajani Contoh idghom mutajani Contoh idghom mutamat Contoh idghom mutamat Contoh idghom mutamat Contoh idghom mutamat Contoh idghom mutaqaribain Contoh idghom mutaqaribain Contoh idghom mutaqaribain Contoh idghom mutaqaribain Tombol next Judul qolqolah Tombol qolqolah Latihan suara Latihan suara Latihan suara Latihan suara Latihan suara Contoh qolqolah sughro Contoh qolqolah sughro Contoh qolqolah sughro Contoh qolqolah sughro Contoh qolqolah sughro Contoh idhar syafawi Contoh idhar syafawi Contoh idhar syafawi Contoh waqaf1 Contoh waqaf1

17 digilib.uns.ac.id 57 Wa.png Wa.png Waqof.png Waqaf.png Wb1.png Wb2.png Wb3.png Wb4.png Wc1.png Wc2.png Wc3.png Wc4.png Wd1.png Wd2.png Wd3.png Wd4.png We1.png We2.png We3.png We4.png Wf1.png Wf2.png Wf3.png Wf4.png Wg1.png Wg2.png Wg3.png Wg4.png Wh1.png Wh2.png Contoh waqaf1 Contoh waqaf1 Contoh waqaf1 Contoh waqaf1 Contoh waqaf1 Contoh waqaf2 Contoh waqaf3 Contoh waqaf4 Contoh waqaf5 Contoh waqaf6 Contoh waqaf7 Contoh waqaf8 Contoh waqaf9 Contoh waqaf10 Contoh waqaf11 Contoh waqaf12 Contoh waqaf13 Latihan1 Latihan2 Latihan3 Latihan4 Latihan5 Latihan6 Latihan7 Latihan8 Latihan9 Latihan10 Latihan11 Latihan12 Latihan13

18 digilib.uns.ac.id 58 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 bighunnah

19 digilib.uns.ac.id 59 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 digilib.uns.ac.id 60 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 digilib.uns.ac.id 61 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 digilib.uns.ac.id 62 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 digilib.uns.ac.id 63 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 digilib.uns.ac.id 64 Tamkin2.oog Tamkin3.oog Tamkin4.oog Wa1.mp3 Wa2.mp3 Wa3.mp3 Wa4.mp3 Wb1.oog Wb2.oog Wb3.oog Wb4.oog Wc1.oog Wc2.oog Wc3.oog Wc4.oog Wd1.oog Wd2.oog Wd3.oog Wd4.oog We1.oog We2.oog We3.oog We4.oog Wf1.oog Wf2.oog Wf3.oog Wf4.oog Wg1.oog Wg2.oog Wg3.oog Suara contoh mad tamkin Suara contoh mad tamkin Suara contoh mad tamkin Suara Contoh waqaf1 Suara Contoh waqaf1 Suara Contoh waqaf1 Suara Contoh waqaf1 Suara Contoh waqaf1 Suara Contoh waqaf1 Suara Contoh waqaf1 Suara Contoh waqaf2 Suara Contoh waqaf3 Suara Contoh waqaf4 Suara Contoh waqaf5 Suara Contoh waqaf6 Suara Contoh waqaf7 Suara Contoh waqaf8 Suara Contoh waqaf9 Suara Contoh waqaf10 Suara Contoh waqaf11 Suara Contoh waqaf12 Suara Contoh waqaf13 Suara Latihan1 Suara Latihan2 Suara Latihan3 Suara Latihan4 Suara Latihan5 Suara Latihan6 Suara Latihan7 Suara Latihan8

25 digilib.uns.ac.id 65 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 Ikhfa.java Menyimpan script materi

26 digilib.uns.ac.id 66 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 digilib.uns.ac.id 67 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 Activity_ausath.xml Menyimpan tampilan materi

28 digilib.uns.ac.id 68 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 Activity_main.xml Menyimpan tampilan menu

29 digilib.uns.ac.id 69 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 Activity_ waqof3.xml Menyimpan tampilan

30 digilib.uns.ac.id 70 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 Implementasi Script 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);. public void 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 digilib.uns.ac.id 71 } 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); public void 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 digilib.uns.ac.id 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. public void run() { R.layout.fadeout); Intent intent = new Intent(SplashScreen.this, MainActivity.class); startactivity(intent); SplashScreen.this.finish(); overridependingtransition(r.layout.fadein, 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. } public int getnomor(){ Random randomgenerator = new Random(); int randomint = randomgenerator.nextint(16); b = randomint; return b; } 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 digilib.uns.ac.id 73 public void 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() { Script menampikan alert Script berguna untuk menampilkan alert, seperti pada bagian info, dengan menggunakan alert maka tidak akan menuju kehalaman lain. Berikut potongan scriptnya : public void 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() { 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() { public void onclick(view v) { Intent i=new Intent( Latihan.this,

34 digilib.uns.ac.id 74 } }); MainActivity.class); startactivity(i); finish(); Script untuk keluar aplikasi Script ini berguna agar aplikasi bisa keluar atau berhenti berjalan pada gadget, dan untuk memudahkan mengeluarkan aplikasi, berikut potongan scriptnya : public void h_exit(){ finish(); public boolean 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 digilib.uns.ac.id 75 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. Gambar 4.16 hasil dari running berupa.apk

36 digilib.uns.ac.id 76 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 Gambar 4.18 Tampilan aplikasi terinstal di gadget

37 digilib.uns.ac.id Hasil Implementasi Tampilan SplashScreen Halaman ini muncul pertama kali saat aplikasi dijalankan dan memproses (loading) untuk menuju ke halaman utama. Gambar 4.19 Tampilan Splash Screen 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 digilib.uns.ac.id 78 Gambar 4.16 Tampilan menu utama Tampilan Halaman Info Alert info ini adalah halaman berupa alert yang muncul ketika tombol info disentuh, di alert ini menampilkan info tentang aplikasi ini. Gambar 4.17 Tampilan Allert Info

39 digilib.uns.ac.id 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 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 digilib.uns.ac.id 80 Gambar 4.19 Tampilan Idhar Halqi Ketika di menu idhar kemudian disentuh pada tombol syafawi akan menampilkan materi tentang idhar syafawi seperti pada gambar 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. Gambar 4.20 commit Tampilan to user Idhar Syafawi

41 digilib.uns.ac.id 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 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 digilib.uns.ac.id 82 Gambar 4.22 Tampilan menu Ikhfa Ketika di menu ikhfa kemudian disentuh pada tombol aqrab akan menampilkan materi tentang ikhfa aqrab seperti pada gambar 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. Gambar 4.23 Tampilan commit to Menu user Ikhfa Aqrab

43 digilib.uns.ac.id 83 Ketika di menu ikhfa kemudian disentuh pada tombol aausath akan menampilkan materi tentang ikhfa ausath seperti pada gambar 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 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 digilib.uns.ac.id 84 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 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. Gambar commit 4.26 Tampilan to user Ikhfa Syafawi

45 digilib.uns.ac.id Tampilan Menu Qolqolah Pada halaman menu Qolqolah ini maka akan menampilkan penjelasan tentang tentang Qolqolah. Dihalaman ini terdapat beberapa menu yaitu macammacam 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 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 digilib.uns.ac.id 86 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 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. Gambar 4.29 commit Tampilan to user Materi idghom 2

47 digilib.uns.ac.id 87 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 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 digilib.uns.ac.id 88 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. Gambar 4.32 Tampilan materi Waqaf 2

49 digilib.uns.ac.id 89 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 digilib.uns.ac.id 90 Gambar 4.34 Tampilan materi Waqaf 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. Gambar 4.35 commit Tampilan to user Menu Mad

51 digilib.uns.ac.id 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 digilib.uns.ac.id 92 Gambar 4.37 Tampilan Mad Far I sebab Hamzah 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. Gambar 4.38 Tampilan commit Menu to user Mad Far i sebab Sukun

53 digilib.uns.ac.id 93 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 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 digilib.uns.ac.id 94 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. Gambar 4.41 Tampilan Mad Aridl Lis Sukun

55 digilib.uns.ac.id 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 digilib.uns.ac.id 96 Gambar 4.43 Tampilan materi Mad Far i sebab Tasydid 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. Gambar 4.44 Tampilan Mad Shilah Qashirah

57 digilib.uns.ac.id 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 digilib.uns.ac.id 98 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. Gambar 4.47 soal tajwid

59 digilib.uns.ac.id 99 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 digilib.uns.ac.id 100 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. Gambar 4.50 status akhir soal

61 digilib.uns.ac.id 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 : 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 1 Scene Splash Screen Menu utama Ketika aplikasi dijalankan maka splash screen muncul secara normal, sebelum ke menu utama. Ketika splash screen telah muncul maka Keterangan Hasil Pengujian SplashScreen muncul, saat awal aplikasi baru dijalankan Menu utama muncul, setelah splash screen Sesuai?

62 digilib.uns.ac.id 102 selanjutnya menu utama akan tampil. info Pada menu utama, jika tombol info disentuh maka akan muncul tampilan alert info. Exit Jika tombol exit disentuh maka akan keluar dari aplikasi. 2 Sound Contoh Suara contoh dari materi materi akan muncul jika di sentuh pada gambar contoh. 3 Button idhar Jika idhar disentuh akan masuk pada materi idhar iqlab Jika iqlab disentuh akan masuk pada materi iqlab Ikhfa Jika Ikhfa disentuh akan masuk pada Muncul, jika tombol info disentuh. Keluar dari aplikasi Berbunyi, sejak gambar contoh disentuh. Berfungsi, dan untuk masuk ke halaman materi idhar Berfungsi, dan untuk masuk ke halaman materi iqlab Berfungsi, dan untuk masuk ke halaman materi Ikhfa

63 digilib.uns.ac.id 103 materi Ikhfa Idghom Jika Idghom disentuh akan masuk pada materi Idghom Qolqolah Jika Qolqolah disentuh akan masuk pada materi Qolqolah Waqaf Jika Waqaf disentuh akan masuk pada materi Waqaf mad Jika mad disentuh akan masuk pada materi mad latihan Jika latihan disentuh akan masuk pada materi latihan Berfungsi, dan untuk masuk ke halaman materi Idghom Berfungsi, dan untuk masuk ke halaman materi Qolqolah Berfungsi, dan untuk masuk ke halaman materi Waqaf Berfungsi, dan untuk masuk ke halaman materi mad Berfungsi, dan untuk masuk ke halaman materi latihan 4 Latihan Memilih Jika masuk Berfungsi, semua kategori halaman latihan soal sesuai dengan akan kategori yang menampilkan ditentukan kategori latihan dan memilih Menjawab Jika menjawab Berfungsi, semua soal soal akan soal bisa dirandom terdapat dan pilihan jawaban

64 digilib.uns.ac.id 104 beberapa pilihan dan soal yang keluar dirandom dan mendapatkan nilai. bisa keluar dan muncul nilai 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. No Jenis Device 1 Lenovo A690 Tabel 4.3 Pengujian pada device Spesifikasi Jenis Test Keterangan Device Single core Perpindahan Seluruh perpindahan slide 1Ghz, slide berjalan lancar Android OS, Audio Seluruh audio berjalan 2.2 (Froyo), dengan baik 480 x 800 Tombol Seluruh tombol fungsi pixels, 4 berfungsi dengan baik inches, 512MB RAM 2 Smartfren andromax I Dual Core 1,2GHz, MEMORY Internal Perpindahan Seluruh Perpindahan slide slide berjalan lancar Audio Seluruh audio berjalan dengan baik

65 digilib.uns.ac.id 105 4GB, 768MB RAM, OS 4.1 jellybean 3 Nokia X prosesor dual core Qualcomm Snapdragon S4 berkecepatan 1 GHz, RAM 512 MB, OS 4.2 android. 4 Xperia Prosesor Sola dual core 1Ghz, RAM 512 OS 4.1 android Tombol Seluruh tombol fungsi berfungsi dengan baik Perpindahan Seluruh Perpindahan slide slide berjalan lancar Audio Seluruh audio berjalan dengan baik Tombol Seluruh tombol fungsi berfungsi dengan baik 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 digilib.uns.ac.id 106 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 tidak setuju 1 : 3% agak setuju 6 : 20% setuju 16 : 53% sangat setuju 7 : 23% Gambar 4.51 Grafik Aspek Pembelajaran 2) Aspek visual tidak setuju 5 : 18% agak setuju 4 : 14% Setuju 16 : 57% sangat setuju 3 : 11% Gambar 4.52 Grafik Aspek visual 3) Aspek rekayasa perangkat lunak tidak setuju 4 : 13% agak setuju 5 : 17% setuju 11 : 37% sangat setuju 10 : 33% Gambar 4.53 Grafik Rekayasa Perangkat Lunak

67 digilib.uns.ac.id 107 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.