digilib.uns.ac.id 11
digilib.uns.ac.id 12 a. Processor Processor yang digunakan adalah Intel (R) Core(TM) i22310m CPU @2.10GHz (4 CPUs), ~2.1GHz. b. Memory Memory untuk pembuatan ini RAM 4 GB c. Hardisk Hardisk yang digunakan dalam pembuatan aplikasi ini berkapasitas 500 GB. d. Smartphone Android Memory 512 mb, Dual Core 1 GHz memiliki fitur GPS dan berjaringan EVDO maupun 3G / 3,5G 3.1.3.2 Software Software yang dibutuhkan untuk mengimplementasikan Aplikasi Pembelajaran Huruf Hijaiyah Berbasis Android ini adalah: a. SO yang mendukung aplikasi notepad++ untuk coding program b. Game Maker Studio, untuk desain aplikasi dan proses compiler c. Photoshop dan CorelDraw untuk desain tampilan interface Gambar 3.1 Rancangan Alur Pembuatan Aplikasi Hijaiyah Learning
digilib.uns.ac.id 13 Langkah pertama dalam permbuatan aplikasi Huruf Hijaiyah berbasis android adalah menentukan konsep. Konsep aplikasi ini adalah pembelajaran huruf hijaiyah dimana terdapat cara penulisan dan latihan. Dalam latihan sendiri terdapat 4 level, yaitu huruf dasar, huruf sambung 2, huruf sambung 3, dan huruf sambung 4. Pada latihan tersebut pengguna diharapkan bisa menulis dengan mengikuti titiktitik yang ada lalu menekan tombol cek untuk mengetahui benar atau tidak nya penulisan tersebut. 3.2.2 Pengumpulan Materi Dalam pembuatan aplikasi huruf hijaiyah berbasis android diperlukan berbagai materi yang nantinya akan digunakan dalam pembuatan aplikasi. Datadata yang diperlukan dalam pembuatan apikasi huruf hijaiyah adalah datadata berupa kumpulan huruf hijaiyah, background, suara dan objekobjek pendukung lain. Pengumpulan materi menggunaka internet, dan referensi pada website http://www.islamnyamuslim.com/2012/12/maknahurufhijaiyah.html 3.2.3 Perancangan Aplikasi Perancangan aplikasi adalah berupa rancangan jalannya aplikasi, control permainan, dan tampilan dari aplikasi Huruf Hijaiyah berbasis android. 3.2.4 Pembuatan Aplikasi Pada tahapan ini merupakan tahap pembuatan dari apa yang sudah dirancang dalam tahap perancangan aplikasi yaitu mulai dari perancangan tampilan antarmuka hingga pemrograman.
digilib.uns.ac.id 14 3.2.5 Pengujian Tahapan ini adalah tahapan dimana hasil dari pembuatan diuji. Pada tahapan ini merupakan trial and error, yaitu berupa percobaan dan evaluasi dari hasil implementasi. Jika terdapat kesalahan atau error, maka melakukan perbaikan, sehingga pada akhirnya tidak ada error pada hasilnya. 3.2.6 Hasil Pada tahapan terakhir ini dihasilkan sebuah aplikasi pembelajaran Huruf Hijaiyah berbasis android yang dapat dijalankan di perangkat android setelah mengalami pengujian dan evaluasi.
digilib.uns.ac.id 15
digilib.uns.ac.id 16
digilib.uns.ac.id 17
digilib.uns.ac.id 18 Gambar 3.2 Mapping Menu
digilib.uns.ac.id 19 3.3.3.3 Desain Interface Aplikasi Awal (Splash Screen) Interface halaman awal adalah interface yang akan menampilkan tampilan awal.seperti yang ditunjukan pada gambar 3.3 berikut Gambar 3.3 Rancangan Splash Screen 3.3.3.4 Desain Interaface Halaman Awal Rancangan tampilan menu utama aplikasi Hijaiyah Learning yang ditunjukkan pada gambar 3.4. Terdapat ikon tombol mulai untuk masuk ke menu berikutnya Gambar 3.4 Rancangan Halaman Awal
digilib.uns.ac.id 20 3.3.3.5 Desain Interface Halaman Menu Rancangan tampilan menu utama aplikasi Solo tour yang ditunjukkan pada gambar 3.5. Terdapat 3 daftar menu utama yang ada pada halaman tersebut Gambar 3.5 Rancangan Halaman Menu 3.3.3.6 Desain Interface Menu Cara Tulis Rancangan tampilan menu Cara Tulis aplikasi Hijaiyah Learning yang ditunjukkan pada gambar 3.6. Terdapat daftar huruf hijaiyah learning dan bagaimana cara tulisnya
digilib.uns.ac.id 21 Gambar 3.6 Rancangan Menu Cara Tulis 3.3.3.7 Desain Interface Halaman Latihan Rancangan tampilan menu Latihan aplikasi Hijaiyah Learning yang ditunjukkan pada gambar 3.7. Terdapat 4 daftar list latihan Gambar 3.7 Rancangan Menu Latihan
digilib.uns.ac.id 22 3.3.4 Desain Interface Halaman Latihan Huruf Dasar Rancangan tampilan menu Latihan Huruf Dasar aplikasi Hijaiyah Learning yang ditunjukkan pada gambar 3.8. Terdapat 5 daftar list latihan Huruf Dasar ini Gambar 3.8 Rancangan Menu Latihan Huruf Dasar Halaman 1 Pada Gambar 3.9 berikut merupakan halaman cek latihan huruf hijaiyah dasar halaman 1. Dimana pada halaman ini merupakan cek benar/ salah dari huruf yang telah dijawab tadi. Gambar 3.9 Rancangan Menu cek Latihan Huruf Dasar Halaman 1
digilib.uns.ac.id 23 Pada Gambar 3.10 berikut merupakan halaman latihan huruf hijaiyah dasar halaman 2. Dimana pada halaman ini terdapat soal huruf dasar nomor 2 pada menu ini Gambar 3.10 Rancangan Menu Latihan Huruf Dasar Halaman 2 Pada Gambar 3.11 berikut merupakan halaman cek latihan huruf hijaiyah dasar halaman 2. Dimana pada halaman ini merupakan cek benar/ salah dari huruf yang telah dijawab tadi. Gambar 3.11 Rancangan Menu cek Latihan Huruf Dasar Halaman 2
digilib.uns.ac.id 24 Pada Gambar 3.12 berikut merupakan halaman latihan huruf hijaiyah dasar halaman 3. Dimana pada halaman ini terdapat soal huruf dasar nomor 3 pada menu ini Gambar 3.12 Rancangan Menu Latihan Huruf Dasar Halaman 3 Pada Gambar 3.13 berikut merupakan halaman cek latihan huruf hijaiyah dasar halaman 3. Dimana pada halaman ini merupakan cek benar/ salah dari huruf yang telah dijawab tadi. Gambar 3.13 Rancangan Menu cek Latihan Huruf Dasar Halaman 3
digilib.uns.ac.id 25 Pada Gambar 3.14 berikut merupakan halaman latihan huruf hijaiyah dasar halaman 4. Dimana pada halaman ini terdapat soal huruf dasar nomor 4 pada menu ini Gambar 3.14 Rancangan Menu Latihan Huruf Dasar Halaman 4 Pada Gambar 3.15 berikut merupakan halaman cek latihan huruf hijaiyah dasar halaman 4. Dimana pada halaman ini merupakan cek benar/ salah dari huruf yang telah dijawab tadi. Gambar 3.15 Rancangan Menu cek Latihan Huruf Dasar Halaman 4
digilib.uns.ac.id 26 Pada Gambar 3.16 berikut merupakan halaman latihan huruf hijaiyah dasar halaman 5. Dimana pada halaman ini terdapat soal huruf dasar nomor 5 pada menu ini Gambar 3.16 Rancangan Menu Latihan Huruf Dasar Halaman 5 Pada Gambar 3.17 berikut merupakan halaman cek latihan huruf hijaiyah dasar halaman 5. Dimana pada halaman ini merupakan cek benar/ salah dari huruf yang telah dijawab tadi. Gambar 3.17 Rancangan Menu cek Latihan Huruf Dasar Halaman 5
digilib.uns.ac.id 27 3.3.5 Desain Interface Halaman Latihan Huruf Sambung 2 Rancangan tampilan menu Latihan Huruf Sambung aplikasi Hijaiyah Learning yang ditunjukkan pada gambar. Terdapat 5 daftar list latihan Huruf Sambung 2 ini, dengan Desain Interface sebagai berikut : Gambar 3.18 Rancangan Menu Huruf Sambung 2 halaman 1 Pada Gambar 3.19 berikut merupakan halaman cek latihan huruf hijaiyah sambung 2 halaman 1. Dimana pada halaman ini merupakan cek benar / salah dari huruf yang telah dijawab tadi. Gambar 3.19 Rancangan Menu cek Latihan Huruf Sambung 2 Halaman 1
digilib.uns.ac.id 28 Pada Gambar 3.20 berikut merupakan halaman latihan huruf hijaiyah sambung 2 halaman 2. Dimana pada halaman ini terdapat soal huruf dasar nomor 2 pada menu ini. Gambar 3.20 Rancangan Menu Huruf Sambung 2 halaman 2 Pada Gambar 3.21 berikut merupakan halaman cek latihan huruf hijaiyah sambung 2 halaman 2. Dimana pada halaman ini merupakan cek benar / salah dari huruf yang telah dijawab tadi. Gambar 3.21 Rancangan Menu cek Latihan Huruf Sambung 2 Halaman 2
digilib.uns.ac.id 29 Pada Gambar 3.22 berikut merupakan halaman latihan huruf hijaiyah sambung 2 halaman 3. Dimana pada halaman ini terdapat soal huruf dasar nomor 3 pada menu ini. Gambar 3.22 Rancangan Menu Huruf Sambung 2 halaman 3 Pada Gambar 3.23 berikut merupakan halaman cek latihan huruf hijaiyah sambung 2 halaman 3. Dimana pada halaman ini merupakan cek benar / salah dari huruf yang telah dijawab tadi. Gambar 3.23 Rancangan Menu cek Latihan Huruf Sambung 2 Halaman 3
digilib.uns.ac.id 30 Pada Gambar 3.24 berikut merupakan halaman latihan huruf hijaiyah sambung 2 halaman 4. Dimana pada halaman ini terdapat soal huruf dasar nomor 4 pada menu ini. Gambar 3.24 Rancangan Menu Huruf Sambung 2 halaman 4 Pada Gambar 3.25 berikut merupakan halaman cek latihan huruf hijaiyah sambung 2 halaman 4. Dimana pada halaman ini merupakan cek benar / salah dari huruf yang telah dijawab tadi. Gambar 3.25 Rancangan Menu cek Latihan Huruf Sambung 2 Halaman 4
digilib.uns.ac.id 31 Pada Gambar 3.26 berikut merupakan halaman latihan huruf hijaiyah sambung 2 halaman 5. Dimana pada halaman ini terdapat soal huruf dasar nomor 2 pada menu ini. Gambar 3.26 Rancangan Menu Huruf Sambung 2 halaman 5 Pada Gambar 3.27 berikut merupakan halaman cek latihan huruf hijaiyah sambung 2 halaman 5. Dimana pada halaman ini merupakan cek benar / salah dari huruf yang telah dijawab tadi. Gambar 3.27 Rancangan Menu cek Latihan Huruf Sambung 2 Halaman 5
digilib.uns.ac.id 32 3.3.6 Desain Interface Halaman Latihan Huruf Sambung 3 Rancangan tampilan menu Latihan Huruf Sambung aplikasi Hijaiyah Learning yang ditunjukkan pada gambar. Terdapat 5 daftar list latihan Huruf Sambung 2 ini, dengan Desain Interface sebagai berikut : Gambar 3.28 Rancangan Menu Latihan Huruf Sambung 3 Halaman 1 Pada Gambar 3.29 berikut merupakan halaman cek latihan huruf hijaiyah sambung 3 halaman 1. Dimana pada halaman ini merupakan cek benar / salah dari huruf yang telah dijawab tadi. Gambar 3.29 Rancangan Menu cek Latihan Huruf Sambung 3 Halaman 1
digilib.uns.ac.id 33 Pada Gambar 3.30 berikut merupakan halaman latihan huruf hijaiyah sambung 3 halaman 3. Dimana pada halaman ini terdapat soal huruf dasar nomor 2 pada menu ini. Gambar 3.30 Rancangan Menu Latihan Huruf Sambung 3 Halaman 2 Pada Gambar 3.31 berikut merupakan halaman cek latihan huruf hijaiyah sambung 3 halaman 2. Dimana pada halaman ini merupakan cek benar / salah dari huruf yang telah dijawab tadi. Gambar 3.31 Rancangan Menu cek Latihan Huruf Sambung 3 Halaman 2
digilib.uns.ac.id 34 Pada Gambar 3.32 berikut merupakan halaman latihan huruf hijaiyah sambung 3 halaman 3. Dimana pada halaman ini terdapat soal huruf dasar nomor 3 pada menu ini. Gambar 3.32 Rancangan Menu Latihan Huruf Sambung 3 Halaman 3 Pada Gambar 3.33 berikut merupakan halaman cek latihan huruf hijaiyah sambung 3 halaman 3. Dimana pada halaman ini merupakan cek benar / salah dari huruf yang telah dijawab tadi. Gambar 3.33 Rancangan Menu cek Latihan Huruf Sambung 3 Halaman 3
digilib.uns.ac.id 35 Pada Gambar 3.34 berikut merupakan halaman latihan huruf hijaiyah sambung 3 halaman 4. Dimana pada halaman ini terdapat soal huruf dasar nomor 4 pada menu ini. Gambar 3.34 Rancangan Menu Latihan Huruf Sambung 3 Halaman 4 Pada Gambar 3.35 berikut merupakan halaman cek latihan huruf hijaiyah sambung 3 halaman 4. Dimana pada halaman ini merupakan cek benar / salah dari huruf yang telah dijawab tadi. Gambar 3.35 Rancangan Menu cek Latihan Huruf Sambung 3 Halaman 4
digilib.uns.ac.id 36 Pada Gambar 3.36 berikut merupakan halaman latihan huruf hijaiyah sambung 3 halaman 5. Dimana pada halaman ini terdapat soal huruf dasar nomor 5 pada menu ini. Gambar 3.36 Rancangan Menu Latihan Huruf Sambung 3 Halaman 5 Pada Gambar 3.37 berikut merupakan halaman cek latihan huruf hijaiyah sambung 3 halaman 5. Dimana pada halaman ini merupakan cek benar / salah dari huruf yang telah dijawab tadi. Gambar 3.37 Rancangan Menu cek Latihan Huruf Sambung 3 Halaman 5
digilib.uns.ac.id 37 3.3.7 Desain Interface Halaman Latihan Huruf Sambung 4 Rancangan tampilan menu Latihan Huruf Sambung aplikasi Hijaiyah Learning yang ditunjukkan pada gambar. Terdapat 5 daftar list latihan Huruf Sambung 2 ini, dengan Desain Interface sebagai berikut : Gambar 3.38 Rancangan Menu Latihan Huruf Sambung 4 Halaman 1 Pada Gambar 3.39 berikut merupakan halaman cek latihan huruf hijaiyah sambung 4 halaman 1. Dimana pada halaman ini merupakan cek benar / salah dari huruf yang telah dijawab tadi. Gambar 3.39 Rancangan Menu cek Latihan Huruf Sambung 4 Halaman 1
digilib.uns.ac.id 38 Pada Gambar 3.40 berikut merupakan halaman latihan huruf hijaiyah sambung 4 halaman 2. Dimana pada halaman ini terdapat soal huruf dasar nomor 2 pada menu ini. Gambar 3.40 Rancangan Menu Latihan Huruf Sambung 4 Halaman 2 Pada Gambar 3.41 berikut merupakan halaman cek latihan huruf hijaiyah sambung 4 halaman 2. Dimana pada halaman ini merupakan cek benar / salah dari huruf yang telah dijawab tadi. Gambar 3.41 Rancangan Menu cek Latihan Huruf Sambung 4 Halaman 2