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.
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.
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.
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.
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.
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.
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.
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
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.
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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();
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;
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
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(
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.
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.
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
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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
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’
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
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
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
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%
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.