DAFTAR ISI ABSTRAK...vi KATA PENGANTAR...vii DAFTAR ISI...ix DAFTAR GAMBAR...xi DAFTAR TABEL...xiv BAB I PENDAHULUAN...1 1.1 Latar Belakang...1 1.2 Perumusan Masalah...3 1.3 Pembatasan Masalah...3 1.4 Tujuan...4 1.6 Sistematika Penulisan...4 BAB II LANDASAN TEORI...6 2.1 Android...6 2.2 SurfaceView...14 2.3 Interaktif...14 2.4 Huruf Arab...15 2.5 Media Pembelajaran...21 2.5 SQLite...26 BAB III ANALISIS DAN PERANCANGAN SISTEM 28 3.1 Analisis Sistem...28 3.2 Perancangan Sistem...31 3.2.1 Use Case Diagram Aplikasi Pembelajaran Menulis Huruf Arab...35 ix
3.2.2 Diagram Sekuensial Daftar Pengguna...37 3.2.3 Diagram Sekuensial Menulis Badan Huruf Arab...38 3.2.4 Diagram Sekuensial Menulis Badan Huruf Arab dengan Harokat...40 3.2.5 Diagram Sekuensial Menulis Badan Huruf Arab Sambung...41 3.2.6 Class Diagram Aplikasi Pembelajaran Menulis Huruf Arab...42 3.2.7 Component Diagram Aplikasi Pembelajaran Menulis Huruf Arab...61 3.3 Perancangan User Interface...62 3.4 Desain Uji Coba...70 BAB IV IMPLEMENTASI DAN EVALUASI...74 4.1 Implementasi...74 4.2 Evaluasi Sistem...84 BAB V KESIMPULAN DAN SARAN...115 5.1 Kesimpulan...116 5.2 Saran...117 DAFTAR PUSTAKA... 118 x
DAFTAR GAMBAR Gambar 2.1 Arsitektur Android...14 Gambar 2.2 Huruf Arab...17 Gambar 2.3 Dale s Cpne of Experience...23 Gambar 3.1 Blok Diagram Aplikasi Pembelajaran Menulis Huruf Arab...32 Gambar 3.2 Contoh Koordinat (x,y) pada device 7 inch...33 Gambar 3.3 Pola Huruf Alif...34 Gambar 3.4 Koordinat Deteksi Sentuhan...35 Gambar 3.5 Use Case Diagram Aplikasi Pembelajaran Menulis Huruf Arab..36 Gambar 3.6 Diagram Sekuensial Daftar Pengguna...37 Gambar 3.7 Diagram Sekuensial Menulis Badan Huruf Arab...39 Gambar 3.8 Diagram Sekuensial Menulis Huruf Arab dengan Harokat...40 Gambar 3.9 Diagram Sekuensial Menulis Huruf Arab Sambung...42 Gambar 3.10 Class Pengguna...44 Gambar 3.11 Class Koordinat Badan...46 Gambar 3.11 Class Koordinat Harokat...46 Gambar 3.11 Class Koordinat Sambung...46 Gambar 3.12 Notasi Class Menu Utama...47 Gambar 3.13 Notasi Class Daftar Pengguna...48 Gambar 3.14 Notasi Class Pilih Menu...49 Gambar 3.15 Notasi Class Petunjuk...50 Gambar 3.16 Notasi Class PetunjukHarokat...50 Gambar 3.17 Notasi Class PetunjukSambung...51 xi
Gambar 3.18 Notasi Class MenuBadanHuruf...52 Gambar 3.19 Notasi Class MenuHarokat...53 Gambar 3.20 Notasi Class MenuHurufSambung...54 Gambar 3.21 Notasi Class MenuContoh...55 Gambar 3.22 Notasi Class Surfaceview...56 Gambar 3.23 Notasi Class DBAdapter...57 Gambar 3.24 Relasi Class Diagram Tampilan...58 Gambar 3.25 Relasi Class Diagram Daftar Pengguna...59 Gambar 3.26 Relasi Class Diagram Menulis Badan Huruf...59 Gambar 3.27 Relasi Class Diagram Menulis dengan Harokat...60 Gambar 3.28 Relasi Class Diagram Menulis Huruf Sambung...61 Gambar 3.29 Component Diagram Aplikasi Pembelajaran Menulis Arab...61 Gambar 3.30 Tampilan Menu Utama...63 Gambar 3.31 Tampilan Menu Daftar Pengguna...63 Gambar 3.32 Tampilan Pilih Menu...64 Gambar 3.33 Tampilan Petunjuk...65 Gambar 3.34 Tampilan Menu Huruf Arab...66 Gambar 3.35 Tampilan Halaman Menulis Huruf Tunggal...67 Gambar 3.36 Tampilan Halaman Menulis Huruf dengan Harokat...68 Gambar 3.37 Tampilan Halaman Menulis Huruf Sambung...68 Gambar 3.38 Tampilan Menu Contoh...69 Gambar 3.39 Tampilan Hasil Menulis...69 Gambar 4.1 Tampilan Menu Utama...74 Gambar 4.2 Tampilan Menu Daftar Pengguna...75 xii
Gambar 4.3 Tampilan Pilih Menu...76 Gambar 4.4 Tampilan Petunjuk...77 Gambar 4.5 Tampilan Menu Huruf Arab...78 Gambar 4.6 Tampilan Halaman Menulis Huruf Tunggal...79 Gambar 4.7 Tampilan Halaman Menulis Huruf dengan Harokat...80 Gambar 4.8 Tampilan Halaman Menulis Huruf Sambung...81 Gambar 4.9 Tampilan Menu Contoh...82 Gambar 4.10 Tampilan Menu Huruf Hasil Menulis...82 Gambar 4.11 Tampilan Hasil Menulis...83 Gambar 4.12 Tampilan Detil Hasil Menulis...83 xiii
DAFTAR TABEL Tabel 2.1 Tabel Nama Huruf Arab Beserta Letak dan Bunyi...18 Tabel 2.2 Contoh Penyambungan Huruf Arab...20 Tabel 2.3 Contoh Penulisan Harakat Fathah...20 Tabel 2.4 Contoh Penulisan Harakat Kasrah...21 Tabel 2.5 Contoh Penulisan Harakat Dhumah...22 Tabel 3.1 Koordinat Pola Huruf Alif...33 Tabel 3.2 Koordinat Deteksi Area Sentuhan...34 Tabel 3.3 Desain Uji Coba Daftar Pengguna...69 Tabel 3.4 Desain Uji Coba Event...71 Tabel 3.5 Desain Uji Coba Hasil Penulisan...73 Tabel 4.1 Data Nama Pengguna...85 Tabel 4.2 Hasil Uji Coba Daftar Pengguna...85 Tabel 4.3 Hasil Uji Coba Event...87 Tabel 4.4 Hasil Uji Coba Hasil Penulisan...88 Tabel 4.5 Hasil Penulisan Badan Huruf Alif...89 Tabel 4.6 Hasil Penulisan Badan Huruf Ba...91 Tabel 4.7 Hasil Penulisan Badan Huruf Ta...93 Tabel 4.8 Hasil Penulisan Badan Huruf Tsa...94 Tabel 4.9 Hasil Penulisan Badan Huruf Jim...96 Tabel 4.10 Hasil Penulisan Badan Huruf Kha...98 Tabel 4.11 Hasil Penulisan Badan Huruf Kho...99 Tabel 4.12 Hasil Penulisan Huruf Alif dengan Harokat...102 Tabel 4.13 Hasil Penulisan Huruf Ba dengan Harokat...103 xiv
Tabel 4.14 Hasil Penulisan Huruf Ta dengan Harokat...104 Tabel 4.15 Hasil Penulisan Huruf Tsa dengan Harokat...105 Tabel 4.16 Hasil Penulisan Huruf Jim dengan Harokat...106 Tabel 4.17 Hasil Penulisan Huruf Kha dengan Harokat...108 Tabel 4.18 Hasil Penulisan Huruf Kho dengan Harokat...109 Tabel 4.19 Hasil Penulisan Huruf Sambung Alif...110 Tabel 4.20 Hasil Penulisan Huruf Sambung Ba...111 Tabel 4.21 Hasil Penulisan Huruf Sambung Ta...112 Tabel 4.22 Hasil Penulisan Huruf Sambung Tsa...112 Tabel 4.23 Hasil Penulisan Huruf Sambung Jim...113 Tabel 4.24 Hasil Penulisan Huruf Sambung Kha...114 Tabel 4.25 Hasil Penulisan Huruf Sambung Kho...115 xv