perpustakaan.uns.ac.id
digilib.uns.ac.id
-
-
-
-
-
-
11
12 digilib.uns.ac.id
perpustakaan.uns.ac.id
a. Processor Processor yang digunakan adalah Intel(R) Core(TM) i2-2310M 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
perpustakaan.uns.ac.id
13 digilib.uns.ac.id
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 titik-titik 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. Data-data yang diperlukan dalam pembuatan apikasi huruf hijaiyah adalah data-data berupa kumpulan huruf hijaiyah, background, suara dan objek-objek pendukung lain. Pengumpulan materi menggunaka internet, dan referensi pada website http://www.islamnyamuslim.com/2012/12/maknahuruf-hijaiyah.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.
perpustakaan.uns.ac.id
14 digilib.uns.ac.id
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.
15 digilib.uns.ac.id
perpustakaan.uns.ac.id
-
-
-
-
16 digilib.uns.ac.id
perpustakaan.uns.ac.id
-
-
-
-
17 digilib.uns.ac.id
perpustakaan.uns.ac.id
-
-
-
-
-
-
18 digilib.uns.ac.id
perpustakaan.uns.ac.id
-
Gambar 3.2 Mapping Menu
19 digilib.uns.ac.id
perpustakaan.uns.ac.id
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
20 digilib.uns.ac.id
perpustakaan.uns.ac.id
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
21 digilib.uns.ac.id
perpustakaan.uns.ac.id
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
perpustakaan.uns.ac.id
3.3.4
22 digilib.uns.ac.id
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
perpustakaan.uns.ac.id
23 digilib.uns.ac.id
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
perpustakaan.uns.ac.id
24 digilib.uns.ac.id
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
perpustakaan.uns.ac.id
25 digilib.uns.ac.id
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
perpustakaan.uns.ac.id
26 digilib.uns.ac.id
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
perpustakaan.uns.ac.id
3.3.5
27 digilib.uns.ac.id
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
perpustakaan.uns.ac.id
28 digilib.uns.ac.id
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
29 digilib.uns.ac.id
perpustakaan.uns.ac.id
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
30 digilib.uns.ac.id
perpustakaan.uns.ac.id
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
31 digilib.uns.ac.id
perpustakaan.uns.ac.id
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
perpustakaan.uns.ac.id
3.3.6
32 digilib.uns.ac.id
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
perpustakaan.uns.ac.id
33 digilib.uns.ac.id
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
perpustakaan.uns.ac.id
34 digilib.uns.ac.id
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
perpustakaan.uns.ac.id
35 digilib.uns.ac.id
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
perpustakaan.uns.ac.id
36 digilib.uns.ac.id
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
perpustakaan.uns.ac.id
3.3.7
37 digilib.uns.ac.id
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
perpustakaan.uns.ac.id
38 digilib.uns.ac.id
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