BAB III ANALISA DAN PERANCANGAN

(1)

BAB III

ANALISA DAN PERANCANGAN

3.1 Subyek Penelitian

Subyek penelitian dalam pengembangan aplikasi ini adalah Pengenalan doa sehari – hari dan huruf hijaiyah menggunakan tampilan yang lebih menarik untuk anak – anak yang menyajikan tentang :

1. Doa sehari – hari dalam bentuk yang lebih menarik dari gambar , animasi , background , teks , dan suara yang mendukung untuk lebih dapat mempermudah anak – anak dalam mempelajari dan menghafal doa – doa .

2. Pengenalan huruf – huruf hijaiyah untuk anak – anak agar dapat belajar membaca doa – doa yang sudah di sediakan .

3. Kuis yang terdapat soal – soal untuk membantu si anak , yang berkaitan dengan doa –doa sehari – hari .

3.2 Analisis Kebutuhan

Dalam Aplikasi ini dibutuhkan beberapa kompenen untuk mendukung keberhasilan pembuatan aplikasi ini yaitu :

1. Perangkat Lunak (software) a. Sistem Operasi Windows 7 b. Software Adobe Flash CS 5 c. Software Adobe Photoshop CS 5.5 2. Perangkat Keras (hardware)

a. Seperangkat Komputer b. Speaker Aktif dan Microfon 3.3 Analisis Data

Setelah dilakukan pengumpulan data selanjutnya adalah menganalisa data . data – data yang di analisis adalah data mengenai doa , huruf hijaiyah dan kuis . data pengenalan doa sehari –

(2)

hari dan huruf hijaiyah untuk anak – anak , dan data kuis yang berisikan soal doa – doa yang berkaitan dengan doa sehari – hari

3.4 Pengumpulan bahan

aplikasi kumpulan doa untuk anak anak menggunakan adobe flash yang dipakai sebagai media pengenalan doa dan pembelajaran . pada pengumpulan data materi dibagi menjadi beberapa bagian:

Tabel 3.1 Pengumpulan Bahan

No Nama Ukuran Piksel Tipe Keterangan

1 Tombol doa yang terdapat pada halaman utama

20,00KB 173x47 PNG Dibuat dengan menggunakan adobe photoshop

2 Tombol huruf hijaiyah yang terdapat pada halaman utama

30,00KB 173x47 PNG Dibuat dengan menggunakan adobe photoshop

3 Tombol kuis yang terdapat pada halaman utama

19,00KB 173x47 JPG Dibuat dengan menggunakan adobe photoshop

4 Tombol doa sebelum tidur yang terdapat pada halaman doa

- - Font Dibuat dengan menggunakan adobe flash

5 Tombol doa sesudah tidur yang terdapat pada halaman doa

6 Tombol doa masuk kamar mandi yang terdapat pada halaman doa

7 Tombol doa keluar kamar mandi yang terdapat pada halaman doa

8 Tombol doa sebelum makan yang terdapat pada halaman doa

(3)

9 Tombol doa sesudah makan yang terdapat pada halaman doa

10 Tombol doa masuk masjid yang terdapat pada halaman doa

11 Tombol doa keluar masjid yang terdapat pada halaman doa

12 Tombol doa sebelum belajar yang terdapat pada halaman doa

13 Tombol doa sesudah belajar yang terdapat pada halaman doa

14 Tombol doa masuk rumah yang terdapat pada halaman doa

15 Tombol doa keluar rumah yang terdapat pada halaman doa

16 Tombol doa kepada orang tua yang terdapat pada halaman doa

17 Tombol doa setelah adzan yang terdapat pada halaman doa

18 Tombol doa dunia dan akhirat yang terdapat pada halaman doa

19 Tombol Dan Gambar Huruf Alif yang terdapat pada halaman huruf hijaiyah

4,00KB 4,9x4,9 PNG

Dibuat dengan menggunakan adobe photoshop

20 Tombol Dan Gambar Huruf Ba yang terdapat pada halaman huruf

4,00KB 4,9x4,9 PNG

(4)

hijaiyah

21 Tombol Dan Gambar Huruf Ta yang terdapat pada halaman huruf hijaiyah

4,00KB 4,9x4,9 PNG

22 Tombol Dan Gambar Huruf Tsa yang terdapat pada halaman huruf hijaiyah

4,00KB 4,9x4,9 PNG

23 Tombol Dan Gambar Huruf Jim yang terdapat pada halaman huruf hijaiyah

4,00KB 4,9x4,9 PNG

24 Tombol Dan Gambar Huruf Ha yang terdapat pada halaman huruf hijaiyah

4,00KB 4,9x4,9 PNG

25 Tombol Dan Gambar Huruf Kha yang terdapat pada halaman huruf hijaiyah

4,00KB 4,9x4,9 PNG

26 Tombol Dan Gambar Huruf Dal yang terdapat pada halaman huruf hijaiyah

4,00KB 4,9x4,9 PNG

27 Tombol Dan Gambar Huruf Dzal yang terdapat pada halaman huruf hijaiyah

4,00KB 4,9x4,9 PNG

28 Tombol Dan Gambar Huruf Zay yang terdapat pada halaman huruf hijaiyah

4,00KB 4,9x4,9 PNG

29 Tombol Dan Gambar Huruf Sin yang terdapat pada halaman huruf

4,00KB 4,9x4,9 PNG

(5)

hijaiyah

30 Tombol Dan Gambar Huruf Syin yang terdapat pada halaman huruf hijaiyah

4,00KB 4,9x4,9 PNG

31 Tombol Dan Gambar Huruf Sad yang terdapat pada halaman huruf hijaiyah

4,00KB 4,9x4,9 PNG

32 Tombol Dan Gambar Huruf Dad yang terdapat pada halaman huruf hijaiyah

4,00KB 4,9x4,9 PNG

33 Tombol Dan Gambar Huruf Ta yang terdapat pada halaman huruf hijaiyah

4,00KB 4,9x4,9 PNG

34 Tombol Dan Gambar Huruf Dha yang terdapat pada halaman huruf hijaiyah

4,00KB 4,9x4,9 PNG

35 Tombol Dan Gambar Huruf Ain yang terdapat pada halaman huruf hijaiyah

4,00KB 4,9x4,9 PNG

36 Tombol Dan Gambar Huruf Ghayn yang terdapat pada halaman huruf hijaiyah

4,00KB 4,9x4,9 PNG

37 Tombol Dan Gambar Huruf Fa yang terdapat pada halaman huruf hijaiyah

4,00KB 4,9x4,9 PNG

38 Tombol Dan Gambar Huruf Qaf yang terdapat pada halaman huruf

4,00KB 4,9x4,9 PNG

(6)

hijaiyah

39 Tombol Dan Gambar Huruf Kaf yang terdapat pada halaman huruf hijaiyah

4,00KB 4,9x4,9 PNG

40 Tombol Dan Gambar Huruf Lam yang terdapat pada halaman huruf hijaiyah

4,00KB 4,9x4,9 PNG

41 Tombol Dan Gambar Huruf Mim yang terdapat pada halaman huruf hijaiyah

4,00KB 4,9x4,9 PNG

42 Tombol Dan Gambar Huruf Nun yang terdapat pada halaman huruf hijaiyah

4,00KB 4,9x4,9 PNG

43 Tombol Dan Gambar Huruf Waw yang terdapat pada halaman huruf hijaiyah

4,00KB 4,9x4,9 PNG

43 Tombol Dan Gambar Huruf Hamzah yang terdapat pada halaman huruf hijaiyah

4,00KB 4,9x4,9 PNG

45 Tombol Dan Gambar Huruf Ha yang terdapat pada halaman huruf hijaiyah

4,00KB 4,9x4,9 PNG

46 Tombol Dan Gambar Huruf Ya yang terdapat pada halaman huruf hijaiyah

4,00KB 4,9x4,9 PNG

47 Tombol Home yang terdapat pada halaman Doa

18,00KB 39x38 JPG

(7)

48 Tombol Kembali yang terdapat pada halaman Doa

23,00KB 39x38 JPG

49 Tombol Jawaban A pa yang terdapat pada halaman kuis

29,00KB 173x47 JPG

50 Tombol Jawaban B pa yang terdapat pada halaman kuis

29,00KB 173x47 JPG

51 Tombol Jawaban C pa yang terdapat pada halaman kuis

29,00KB 173x47 JPG

52 Tombol Home yang terdapat pada halaman kuis

18,00KB 39x38 JPG

53 Tombol Kembali yang terdapat pada halaman kuis

23,00KB 39x38 JPG

54 Tombol gambar puzzel yang terdapat pada halaman puzzel

47,00KB 52x52 JPG

3.5 Analisa Sistem

Dalam membangun proses perancangan suatu sistem harus dilakukan analis tentang sistem yang akan di rancang, pada tugas akhir ini akan di rancang suatu aplikasi berbasis adobe flash dengan tema pengenalan doa sehari – hari . aplikasi dibuat untuk mempermudah anak – anak dalam mengenal doa sehari –hari dan membantu anak – anak untuk menghafal doa – doa dengan di didukung beberapa materi untuk memperkenalkan dan mempelajari huruf – huruf hijaiyah , ditambah kuis untuk mengevaluasi sampai dimana kemampuan si anak dalam memahami doa sehari –hari .

Aplikasi ini juga menyediakan fitur-fitur yang menarik karena ditunjang dengan gambar dan suara , sehingga memiliki daya tarik tersendiri bagi anak untuk meningkatkan hasil belajar .Berikut ini adalah beberapa analisa yang dilakukan penulis untuk merancang sistem aplikasi doa sehari hari berbasis adobe flash :

1. Konsep

(8)

2. Perancangan Struktur Peta Navigasi 3. Storyboard

4. Flow chart 3.5.1 Konsep

Aplikasi ini diharapkan menjadi media alternatif menggantikan proses belajar membaca doa dan menghafal doa yang mudah dimengerti dan lebih menarik yang dikhususkan dibuat untuk anak usia dini . Aplikasi ini bisa di terapkan di android ,laptop dan komputer.

Tabel 3.2 Konsep Aplikasi Kumpulan Doa

Judul Aplikasi kumpulan doa untuk anak-anak menggunakan adobe flash

Pengguna Untuk anak sekolah dasar

Gambar Menggunakan file berformat .JPG dan PNG Suara Menggunakan file .mp3 dan wav

Animasi Gambar dibuat sendiri dan didukung media internet, teks dibuat sendiri

Menggunakan tombol navigasi animasi dan didukung media suara pada aplikasi.

3.5.2 Perancangan Peta Struktur Navigasi

Peta Struktur navigasi ini untuk mempermudah merancang aplikasi yang akan di buat dan menentukan lokasi pada setiap halaman yang ada pada aplikasi

(9)

Kumpulan Doa Huruf Hijaiyah Kuis

Doa 1-15 Huruf Hijaiyah Menu Utama

Doa Sebelum Tidur

Doa Bangun Tidur

Doa Masuk Kamar Mandi

Doa Keluar Kamar Mandi

Doa Sebelum Makan

Doa Sesudah Makan

Doa Masuk Masjid

Doa Keluar Masjid

Doa Sebelum Belajar

Doa Sesudah Belajar

Doa Masuk Rumah

Doa Keluar Rumah

Doa Kepada Orang Tua

Doa Setelah Adzan

Doa Dunia Dan Akhirat

Kuis Puzzel

Gambar 3.1 Peta Struktur Navigasi Aplikasi Doa

3.5.3 Storyboard

(10)

Merupakan deskripsi masing – masing halaman tampilan suatu kejadian dalam aplikasi yang akan dijalankan. Dengan dicantumkan objek dan komponen – komponen aplikasi yang akan dibuat satu kolom storyboard yang akan mewakili satu tampilan dilayar.

1. Story Board Halaman Utama

Halaman ini merupakan halaman utama ketika program di jalankan , halaman ini terdapat tiga pilihan button yaitu : Button Kumpulan doa , Button Huruf Hijaiyah , Dan button Kuis , Sistem akan menampilkan halaman sesuai pilihan pengguna.

Doa

Huruf Hijaiyah

Kuis

Kumpulan Doa Sehari - Hari

Background Anak Sholeh

Gambar 3.2 Storyboard Halaman Utama

(11)

2. Storyboard Halaman Kumpulan Doa

Halaman ini merupakan kumpulan doa doa sehari , terdapat lima belas pilihan doa yang dapat di putar sesuai pilihan pengguna

Kembali

Background Doa Sebelum Tidur

Doa Bangun Tidur Doa Masuk Kamar Mandi Doa Keluar Kamar Mandi

Doa Sebelum Makan Doa Sesudah Makan Doa Masuk Masjid Doa Keluar Masjid Doa Sebelum Belajar Doa Sesudah Belajar Doa Masuk Rumah Doa Keluar Rumah Doa Kepada Orang Tua

Doa Setelah Adzan Doa Dunia Dan Akhirat

Gambar 3.3 Storyboard Halaman Kumpulan Doa

(12)

3. Storyboard Halaman Doa Sebelum Tidur

Halaman ini merupakan halaman doa yang dipilih oleh pengguna yang terdapat keterangan gambar, doa dan terjemahan.

Background Anak Sebelum Tidur

Doa Sebelum Tidur

Terjemahan

Kembali Play Home

4. Storyboard Halaman Doa Bangun Tidur

Gambar 3.4 Storyboard Halaman Doa Sebelum Tidur

(13)

Background Anak Bangun Dari Tidur nya

Doa Bangun Tidur

Terjemahan

Kembali Play Home

Gambar 3.5 Storyboard Halaman Doa Bangun Tidur

5. Storyboard Halaman Doa Masuk Kamar Mandi

Background Anak Masuk Ke Kamar Mandi

Doa Masuk Kamar Mandi

Terjemahan

Kembali Play Home

6. Storyboard Halaman Doa Keluar Kamar Mandi

Gambar 3.6 Storyboard Halaman Doa Masuk Kamar Mandi

(14)

Background Anak Keluar Dari Kamar Mandi

Doa Keluar Kamar Mandi

Terjemahan

Kembali Play Home

7. Storyboard Halaman Doa Sebelum Makan

Gambar 3.7 Storyboard Halaman Doa Keluar Kamar Mandi

Background Anak Sebelum Makan

Doa Sebelum Makan

Terjemahan

Kembali Play Home

(15)

8. Storyboard Halaman Doa Sesudah Makan

Gambar 3.8 Storyboard Halaman Doa Sebelum Makan

Background Anak Sesudah Makan

Doa Sesudah Makan

Terjemahan

Kembali Play Home

Gambar 3.9 Storyboard Halaman Doa Sesudah Makan

9. Storyboard Halaman Doa Masuk Masjid

(16)

Background Anak Masuk Ke Masjid

Doa Masuk Masjid

Terjemahan

Kembali Play Home

Gambar 3.10 Storyboard Halaman Doa Masuk Masjid

10. Storyboard Halaman Doa Keluar Masjid

Background Anak Keluar Dari Masjid

Doa Keluar Masjid

Terjemahan

Kembali Play Home

Gambar 3.11 Storyboard Halaman Doa Keluar Masjid

(17)

11. Storyboard Halaman Doa Sebelum Belajar

Background Anak Sebelum Belajar

Doa Sebelum Belajar

Terjemahan

Kembali Play Home

Gambar 3.12 Storyboard Halaman Doa Sebelum Belajar

12. Storyboard Halaman Doa Sesudah Belajar

Background Anak Sesudah Belajar

Doa Sesudah Belajar

Terjemahan

Kembali Play Home

(18)

Gambar 3.13 Storyboard Halaman Doa Sesudah Belajar

13. Storyboard Halaman Doa Masuk Rumah

Background Anak Masuk Kedalam Rumah

Doa Masuk Rumah

Terjemahan

Kembali Play Home

14. Storyboard Halaman Doa Keluar Rumah

Gambar 3.14 Storyboard Halaman Doa Masuk Rumah

(19)

Background Anak Keluar Rumah

Doa Keluar Rumah

Terjemahan

Kembali Play Home

Gambar 3.15 Storyboard Halaman Doa Keluar Rumah

15. Storyboard Halaman Doa Kepada Orang Tua

Background Anak Berdoa Untuk Kedua Orang Tua

Doa Kepada Orang Tua Terjemahan

Kembali Play Home

Gambar 3.16 Storyboard Halaman Doa Kepada Orang Tua

(20)

16. Storyboard Halaman Doa Setelah Adzan

Background Anak Sedang Mendengar Adzan

Doa Setelah Adzan

Terjemahan

Kembali Play Home

17. Storyboard Halaman Doa Dunia Dan Akhirat

Gambar 3.17 Storyboard Halaman Doa Kepada Orang Tua

Halaman ini merupakan halaman doa yang dipilih oleh pengguna yang terdapat keterangan gambar, doa dan terjemahan.

(21)

Background Anak Sedang Berdoa

Doa Dunia Dan Akhirat

Terjemahan

Kembali Play Home

18. Storyboard Hamalan Huruf Hijaiyah

Gambar 3.18 Storyboard Halaman Doa Dunia Dan Akhirat

Halaman ini merupakan pengenalan huruf hijaiyah didalam nya terdapat tombol – tombol huruf hijayah.

Huruf Jim

Huruf Tsa

Huruf Ta

Huruf Ba

Huruf Alif

Kembali

Background Huruf

Ra

Huruf Dzal

Huruf Dal

Huruf Kha

Huruf Ha Huruf

Dad

Huruf Sad

Huruf Syin

Huruf Sin

Huruf Zay Huruf

Fa

Huruf Ghayn

Huruf Ain

Huruf Dha

Huruf Ta

Huruf Nun

Huruf Mim

Huruf Lam

Huruf Kaf

Huruf Qaf Huruf

Ya

Huruf Waw

Huruf Ha

Home

Gambar 3.19 Storyboard Halaman Huruf Hijaiyah

(22)

19. Storyboard Halaman Kuis

Halaman ini merupakan halaman kuis yang didalam nya terdapat dua tombol yaitu tombol kuis dan tombol puzzle

1.KUIS

2.PUZZEL

Kembali Home

Gambar 3.20Storyboard Halaman Kuis

20. Storyboard Halaman 1.Kuis 1

Halaman ini merupakan halaman kuis yang didalamnya terdapat pertanyaan dan pilihan jawaban a, b, dan c yang berbentuk tombol.

(23)

Pertanyaan

Jawaban A

Jawaban B

Jawaban C

`

21. Storyboard Halaman 2.Puzzel

Gambar 3.21 Storyboard Halaman Kuis 1

Halaman ini merupakan halaman puzzel yang didalamnya terdapat tiga puzzel bergambar

Pilih Gambar

Gambar 1

Gambar 2 Gambar

3

Kembali Home

Gambar 3.22 Storyboard Halaman 2.Puzzel

(24)

1.5.4 Flowchart Kumpulan Doa

Kumpulan doa

Pilih Menu

Doa 1

Doa 2

Doa 3

Doa 4

Doa 5

Doa 6

Doa 7

Doa 8

Doa 9

Doa 10

Doa 11

Doa 12

Tampilan Doa Sebelum Tidur tidak

tidak

iya iya iya iya iya iya iya iya iya

Doa 13

Doa 14 iya iya

Doa 15 iya

Tampilan Doa Bangun Tidur

Tampilan Doa Masuk Kamar Mandi

Tampilan Doa Keluar Kamar Mandi

Tampilan Doa Sebelum Makan

Tampilan Doa Sebelum Sesudah Makan

Tampilan Doa Masuk Masjid

Tampilan Doa Keluar Masjid

Tampilan Doa Sebelum Belajar

Tampilan Doa Sesudah Belajar

Tampilan Doa Masuk Rumah

Tampilan Doa Keluar Rumah

Tampilan Doa Kepada Orang Tua

Tampilan Doa Setelah Adzan

Tampilan Doa Dunia dan akhirat iya

iya iya tidak

tidak

tidak tidak

tidak

Gambar 3.23 Flowchart Halaman Doa

(25)

3.5.5 Flowchart Menu Utama

Start

Menu Utama

Pilih Menu

End

Kumpulan doa

Kuis Huruf Hijaiyah

Tampilan Kumpulan Doa

Tampilan Huruf Hijajaiyah

iya iya

tidak tidak tidak

Menu

iya Kuis iya Tampilan

Kuis

Tampilan Puzzel

tidak

Isi Kuis

Isi Puzzel

iya

Gambar 3.24 Flowchart Menu Utama

(26)