DAFTAR ISI. ABSTRAK...vi. KATA PENGANTAR...vii. DAFTAR ISI...ix. DAFTAR GAMBAR...xi. DAFTAR TABEL...xiv BAB I PENDAHULUAN...1

Transkripsi

1 DAFTAR ISI ABSTRAK...vi KATA PENGANTAR...vii DAFTAR ISI...ix DAFTAR GAMBAR...xi DAFTAR TABEL...xiv BAB I PENDAHULUAN Latar Belakang Perumusan Masalah Pembatasan Masalah Tujuan Sistematika Penulisan...4 BAB II LANDASAN TEORI Android SurfaceView Interaktif Huruf Arab Media Pembelajaran SQLite...26 BAB III ANALISIS DAN PERANCANGAN SISTEM Analisis Sistem Perancangan Sistem Use Case Diagram Aplikasi Pembelajaran Menulis Huruf Arab...35 ix

2 3.2.2 Diagram Sekuensial Daftar Pengguna Diagram Sekuensial Menulis Badan Huruf Arab Diagram Sekuensial Menulis Badan Huruf Arab dengan Harokat Diagram Sekuensial Menulis Badan Huruf Arab Sambung Class Diagram Aplikasi Pembelajaran Menulis Huruf Arab Component Diagram Aplikasi Pembelajaran Menulis Huruf Arab Perancangan User Interface Desain Uji Coba...70 BAB IV IMPLEMENTASI DAN EVALUASI Implementasi Evaluasi Sistem...84 BAB V KESIMPULAN DAN SARAN Kesimpulan Saran DAFTAR PUSTAKA x

3 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

4 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

5 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

6 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 Tabel 4.13 Hasil Penulisan Huruf Ba dengan Harokat xiv

7 Tabel 4.14 Hasil Penulisan Huruf Ta dengan Harokat Tabel 4.15 Hasil Penulisan Huruf Tsa dengan Harokat Tabel 4.16 Hasil Penulisan Huruf Jim dengan Harokat Tabel 4.17 Hasil Penulisan Huruf Kha dengan Harokat Tabel 4.18 Hasil Penulisan Huruf Kho dengan Harokat Tabel 4.19 Hasil Penulisan Huruf Sambung Alif Tabel 4.20 Hasil Penulisan Huruf Sambung Ba Tabel 4.21 Hasil Penulisan Huruf Sambung Ta Tabel 4.22 Hasil Penulisan Huruf Sambung Tsa Tabel 4.23 Hasil Penulisan Huruf Sambung Jim Tabel 4.24 Hasil Penulisan Huruf Sambung Kha Tabel 4.25 Hasil Penulisan Huruf Sambung Kho xv