BAB III ANALISIS DAN DESAIN SISTEM - Repository ...

28

BAB III

ANALISIS DAN DESAIN SISTEM

III.1. Analisis Masalah

Hal yang sering menjadi kendala dalam pelaksanaan Pendidikan

Anak Usia Dini yaitu orang tua mengalami kendala untuk

menyampaikan materi pembelajaran secara visual serta fleksibel

disebabkan keterbatasan media pembelajaran. Dengan teknologi yang

sekarang ini penggunakan android cukup banyak diminati oleh

kalangan orang tua sampai ke anak usia dini. Hal ini disebabkan karena

ponsel yang memiliki OS Android semakin inovatif, variatif, memiliki

user interface yang user friendly, dan yang terpenting harga ponsel

Android lebih berkompeten karena terdiri dari berbagai range, yaitu

mulai dari kelas bawah, menengah dan atas. Dan ini berpengaruh pada

anak usia dini yang cenderung memilih bermain daripada belajar

menggunakan buku atau media belajar konvensional.

III.1.1. Permasalahan

Permasalahan saat ini dapat diuraikan sebagai berikut :

Adapun identifikasi masalah sebagai berikut :

1. Pembuatan aplikasi untuk media belajar anak usia dini yang dapat

mendukung minatnya dalam belajar.

2. Penyediaan media belajar yang efiesien untuk para orang tua dalam

mengajar anak menggunakan android.

29

3. penyediaan aplikasi media belajar untuk anak usia dini dengan

menggunakan animasi dan gambar.

III.1.2. Strategi Penyelesaian Masalah

Adapun strategi pemecahan masalah yang dianjurkan oleh

penulis untuk membuat anak belajar adalah merancang aplikasi media

pembelajaran yang berbasis android sesuai dengan usianya. Aplikasi ini

akan dirancang dengan menggunakan animasi dan gambar dengan

materi pengenalan huruf dan angka, belajar membaca, berhitung,

bahasa inggris, hijaiyah & Iqra’ 1 dan doa harian. Aplikasi ini

dirancang disertai dengan suara untuk mempermudah anak dalam

penggunaan aplikasi dan pengenalan gambar.

III.2. Desain Sistem

Desain sistem secara global menggunakan pemodelan UML

yang terdiri dari Usecase Diagram, Story Board, Activity Diagram,

Sequence Diagram dan Flow Chart.

III.2.1. Use Case Diagram

Use Case Diagram merupakan model diagram UML (Unified

Modelling Language) yang digunakan untuk

menggambarkan requirement fungsional yang diharapkan dari sebuah

sistem, proses sistem yang akan dirancang digambarkan dengan use

case diagram yang terdapat pada Gambar III.1. :

30

Aplikasi Media Pembelajaran Untuk Anak Usia Dini

Berbasis Android

User

Mulai

Huruf & AngkaMembaca Berhitung

Bahasa InggrisHijaiyah & Iqra

Doa Harian

HurufAngka

Kosa Kata Mengeja Kata

Penjumlahan

Pengurangan

Numbers

Alphabets

Fruit &

Vegetables

Animals

Hijaiyah

Membaca Iqra

Gambar III.1. Use Case Diagram Aplikasi Media Pembelajaran

Anak Usia Dini

III.2.2. Story Board

Storyboard adalah kolom cerita yang dituangkan dalam beberapa

bagian, dengan tujuan agar animasi yang akan dirancang nantinya tidak lari

dari alur yang telah ditetapkan. Tabel III.1. berikut adalah storyboard dari

Perancangan Aplikas Media Pembelajaran Untuk Anak Usia Dini Berbasis

Android.

Tabel III.1. Storyboard Animasi Sistem Pembelajaran untuk Anak

Usia Dini

No NAMA MENU KETERANGAN

1. Menu Utama Text :

1. Pelajaran untuk anak usia

dini

2. Mulai

Animasi / Video :

1. Text 1 akan bergerak

membesar dan mengecil

31

P XText1

Text2

GambarTombol

2

Tombol

1

Tombol

3

2. Tombol 3 akan bergerak

memutar kanan kiri, dan

ketika di klik akan

memberikan efek

membesar.

Audio :

1. Suara Opening Lagu

2. Dubbing Suara Pada Text 1

Tombol :

1. Keluar

2. Pengaturan

3. Menu Belajar

2

.

Menu Belajar

B Text1

Text2 Text3

GambarTombol

1

Tombol

2Tombol

3

Text4

Tombol

4

Text5

Tombol

5

Text8

Tombol

7

Text6

Tombol

6

Text :

1. Paket Belajar

2. Huruf & Angka

3. Membaca

4. Berhitung

5. bahasa Inggris

6. Hijaiyah & Iqra’ 1

7. Doa Harian

Animasi / Video :



2. Tombol 3,4,5,6,7,8 ketika

di klik akan memberikan

efek membesar.

Audio :

1. Instrumen Lagu

2. Efek Suara Pada tombol

1,2,3,4,5,6,7saat di klik

Tombol :

1. Back ( Ke menu utama )

2. Menu Huruf & Angka

3. Menu Membaca

4. Menu Berhitung

5. Menu bahasa Inggris

6. Menu Hijaiyah & Iqra’

7. Menu Doa Harian

32

4

.

Menu Huruf & Angka

Text :

1. Mengenal Huruf & Angka

2. Huruf

3. Angka

Animasi / Video :



2. Tombol 2,3 ketika di klik

akan memberikan efek

membesar.

Audio :

1. Instrumen Lagu


1,2,3 saat di klik

Tombol :


2. Menu Huruf

3. Menu Angka

5

.

Menu Membaca

Text :

1. Belajar Membaca

2. Kosa kata

3. Mengeja kata

Animasi / Video :





membesar.

Audio :

1. Instrumen Lagu


1,2,3 saat di klik

Tombol :


2. Menu Kosa Kata

3. Menu Mengeja Kata

6

.

Menu Berhitung Text :

1. Belajar Berhitung

2. Penjumlahan

3. Pengurangan

Animasi / Video :





membesar.

33

B Text1

Gambar

2

Gambar

3

Gambar

1Tombol

1

Tombol

2

Tombol

3

Text2 Text3

Audio :

1. Instrumen Lagu


1,2,3 saat di klik

Tombol :


2. Menu Penjumlahan

3. Menu Pengurangan

7

.

Menu Bahasa Inggris

B Text1

Gambar

1Tombol

1

Tombol

2Tombol

3

Tombol

4

Tombol

5

Gambar

5

Gambar

4

Gambar

3

Gambar

2

Text5Text4Text3Text2

Text :

1. Belajar Bahasa Inggris

2. Numbers

3. Alphabets

4. Animals

5. Fruit & Vegetables

Animasi / Video :



2. Tombol 1,2,3,4,5 ketika di

klik akan memberikan efek

membesar.

Audio :

1. Instrumen Lagu


1,2,3,4,5saat di klik

Tombol :


2. Menu Numbers

3. Menu Alphabets

4. Menu Animals

5. Menu Fruit & Vegetables

8

.

Menu Hijaiyah & Iqra’ 1

Text :

34

1. Belajar Hijaiyah & Iqra’ 1

2. Hijaiyah

3. Membaca Iqra’

Animasi / Video :





membesar.

Audio :

1. Instrumen Lagu


1,2,3 saat di klik

Tombol :


2. Menu Hijaiyah

3. Menu Membaca Iqra’

9

.

Menu Doa Harian Text :

1. Menghafal Doa Harian

2. Doa Sebelum Makan &

Minum

3. Doa Selesai Makan &

4. Doa Ketika Sakit

5. Doa Masuk Kamar Mandi

6. Doa keluar Kamar Mandi

7. Doa Sebelum Tidur

8. Doa Bangun Tidur

9. Doa Untuk Orang Tua

10. Doa Masuk & Keluar

Masjid

Animasi / Video :



2. Tombol 2,3,4,5,6,7,8,9,10

ketika di klik akan

memberikan efek

membesar.

3. Tombol 2,3,4,5,6,7,8,9,10

akan menampilkan text doa

35

B Text1

Gambar

1Tombol

1

Tombol

2Tombol

3

Tombol

4

Tombol

5

Gambar

5

Gambar

4

Gambar

3

Gambar

2

Text5

Text4Text3Text2

Tombol

6

Gambar

6

Text6

Tombol

7

Gambar

7

Text7

Tombol

8

Gambar

8

Text8

Tombol

9

Gambar

9

Text9

Tombol

10

Gambar

10

Text10

dan suara

Audio :

1. Instrumen Lagu


1,2,3,4,5,6,7,8,9,10 saat di

klik

Tombol :


2. Menu Doa Sebelum Makan

& Minum

3. Menu Doa Selesai Makan &

Minum

4. Menu Doa Ketika Sakit

5. Menu Doa Masuk Kamar

Mandi

6. Menu Doa keluar Kamar

Mandi

7. Menu Doa Sebelum Tidur

8. Menu Doa Bangun Tidur

9. Menu Doa Untuk Orang

Tua

10. Doa Masuk & Keluar

Masjid

III.2.3. Sequence Diagram

Sequence diagram adalah suatu penyajian perilaku yang

tersusun sebagai rangkaian langkah-langkah percontohan dari waktu ke

waktu. Sequence diagram digunakan untuk menggambarkan arus

pekerjaan, pesan yang sampaikan dan bagaimana elemen-elemen di

dalamnya bekerja sama dari waktu ke waktu untuk mencapai suatu

hasil. Sequence diagram media pembelajaran menggambarkan prosedur

kerja menampilkan pembelajaran yang sudah terdaftar didalam sistem,

berikut adalah sequence diagram yang dirancang.

36

a. Sequence Diagram Halaman Menu Utama

Adapun sequence diagram halaman menu utama dapat dilihat pada

Gambar III.2. berikut.

User Menu Utama

Masuk Menu Utama

Menu

Pilih Menu Belajar

Gambar III.2. Sequence Diagram Menu Utama

Gambar III.2. merupakan sequence diagram dari halaman menu

utama, user akan memilih menu yang ada ditampilan menu utama.

b. Sequence Diagram Halaman Menu Belajar

Adapun sequence diagram user akan memilih halaman menu belajar

dapat dilihat pada Gambar III.3. berikut.

User Menu Belajar

Masuk Menu Belajar

Menu

Pilih Menu Huruf & Angka

Pilih Menu Membaca

Pilih Menu Berhitung

Pilih Menu Bahasa Inggris

Pilih Menu Hijaiyah & Iqra'

Pilih Menu Doa Harian

Menu Materi

Menampilkan Menu Materi

Gambar III.3. Sequence Diagram Menu Belajar

37

Gambar III.3. merupakan sequence diagram menu belajar yang

berisi materi belajar mengenal huruf & Angka, Membaca, Berhitung,

Bahasa Inggris, Hijaiyah & Iqra’ dan Menu Doa Harian.

c. Sequence Diagram Halaman Menu Huruf & Angka

Adapun sequence diagram user akan memilih halaman menu huruf

& angka dapat dilihat pada Gambar III.4. berikut.

UserMenu Huruf &

Angka

Masuk Menu Huruf & Angka

Menu Huruf Menu Angka

Materi

Materi

Menampilkan Menu Huruf

Menampilkan Menu Angka

Gambar III.4. Sequence Diagram Menu Huruf & Angka

Gambar III.4. merupakan sequence diagram dari menu huruf &

angka yang menampilkan menu belajar dalam pengenalan huruf &

angka.

d. Sequence Diagram Halaman Menu Membaca

Adapun sequence diagram user memilih halaman menu membaca


38

User Menu Membaca

Masuk Menu Membaca

Menu Kosa

Kata Menu Mengeja

Materi

Materi

Menampilkan Menu Kosa Kata

Menampilkan Menu Mengeja

Gambar III.5. Sequence Diagram Menu Membaca

Gambar III.5. merupakan rangkaian sequence diagram dari

menu membaca yang menampilkan menu belajar dalam membaca,

yaitu belajar mengenal kosa kata dan belajar mengeja kata.

e. Sequence Diagram Halaman Menu Berhitung

Adapun sequence diagram user memilih halaman menu berhitung


User Menu Berhitung

Masuk Menu Berhitung

Penjumlahan Pengurangan

Materi

Materi

Menampilkan Menu Penjumlahan

Menampilkan Menu Pengurangan

Gambar III.6. Sequence Diagram Menu Berhitung

Gambar III.6. merupakan sequence diagram dari menu berhitung

yang menunjukkan rangkaian menu berhitung menuju menu

penjumlahan, pengurangan, perkalian dan pembagian.

f. Sequence Diagram Halaman Menu Bahasa Inggris

39

Adapun sequence diagram user memilih halaman menu bahasa

inggris dapat dilihat pada Gambar III.7. berikut.

UserMenu Bahasa

Inggris

Masuk Menu Bahasa Inggris

Menu Materi

Materi

Menampilkan Menu Fruit & Vegetables

Menampilkan Menu Numbers

Menampilkan Menu Alphabets

Menampilkan Menu Animals

Menampilkan Menu Materi

Gambar III.7. Sequence Diagram Menu Bahasa Inggris

Gambar III.7. merupakan sequence diagram dari menu bahasa inggris

yang menuju ke menu belajar tentang pengenalan dalam bentuk bahasa

inggris.

g. Sequence Diagram Halaman Menu Hijaiyah & Iqra’ 1

Adapun sequence diagram user memilih halaman menu hijaiyah &

Iqra’ 1 dapat dilihat pada Gambar III.8. berikut.

UserMenu Hijaiyah &

Iqra' 1

Masuk Menu Hijaiyah & Iqra' 1

Hijaiyah Membaca Iqra' 1

Materi

Menampilkan Menu Hijaiyah

Menampilkan Menu Membaca Iqra' 1

Materi

Gambar III.8. Sequence Diagram Menu Hijaiyah & Iqra’

Gambar III.8. merupakan sequence diagram dari menu hijaiyah &

iqra’ yang menuju ke menu belajar pengenalan huruf hijaiyah dan menu

belajar membaca iqra’.

40

h. Sequence Diagram Menu Doa Harian

Adapun sequence diagram user memilih halaman menu doa harian


UserMenu Doa Harian

Masuk Menu Doa Harian

Menu Materi

Materi

Menampilkan Menu Doa Sebelum Makan & Minum

Menampilkan Menu Doa Sesudah Makan & Minum

Menampilkan Menu Doa Ketika Sakit

Menampilkan Menu Doa Masuk Kamar MandiMenampilkan Menu Doa Keluar Kamar Mandi

Menampilkan Menu Doa Sebelum Tidur Menampilkan Menu MateriMenampilkan Menu Doa Bangun Tidur

Menampilkan Menu Doa Untuk Orang Tua

Menampilkan Menu Doa Ketika Masuk & Keluar Masjid

Gambar III.9. Sequence Diagram Menu Doa Harian

Gambar III.9. merupakan sequence diagram dari menu doa harian

yang menampilkan daftar doa harian.

III.2.4. Activity Diagram

Activity Diagram merupakan state diagram khusus, dimana sebagian

besar state adalah action dan sebagian besar transisi di-trigger oleh

selesainya state sebelumnya (internal processing). Berikut adalah activity

diagram dalam aplikasi media pembelajaran untuk anak usia dini berbasis

android.

a. Activity Diagram Halaman Menu Utama

Adapun activity diagram halaman menu utama terlihat pada


41

ACTIVITY DIAGRAM MENU UTAMA

SistemUser

Phas

e

Masuk Ke Menu

UtamaMenampilkan Menu

Mulai

Pilih Menu

Selesai

Mulai

Gambar III.10. Activity Diagram Menu Utama

Gambar III.10. merupakan Activity diagram menu utama tampilan

awal saat user membuka aplikasi kemudian user akan dapat memilih

menu yang terdapat di halaman menu utama.

b. Activity Diagram Menu Belajar

Adapun activity diagram halaman menu belajar terlihat pada


42

Gambar III.11. Activity Diagram Menu Belajar

Gambar III.11. User memilih menu belajar dan membuka menu

materi pengenalan huruf & angka, belajar membaca, berhitung, bahasa

inggris, hijaiyah & iqra’ dan doa harian. Setelah selesai user akan

kembali ke menu utama.

c. Activity Diagram Menu Huruf & Angka

Adapun activity diagram halaman menu huruf & angka terlihat pada


43

ACTIVITY DIAGRAM MENU HURUF

SistemUser

Phas

e

Pilih Ke Menu Huruf

& AngkaMenampilkan Menu

Huruf

Pilih Menu

Selesai

Mulai

Pilihan Menu

Angka

Gambar III.12. Activity Diagram Menu Huruf & Angka

Gambar III.12. User memilih menu huruf & angka dan membuka

menu materi mengenal huruf dan mengenal angka. Setelah selesai user

akan kembali ke menu utama.

d. Activity Diagram Menu Membaca

Adapun activity diagram halaman menu membaca terlihat pada


ACTIVITY DIAGRAM MENU MEMBACA

SistemUser

Phas

e

Pilih Ke Menu

MembacaMenampilkan Menu

Kosa Kata

Pilih Menu

Selesai

Mulai

Pilihan Menu

Mengeja Kata

Gambar III.13. Activity Diagram Menu Membaca

44

Gambar III.13. User memilih menu membaca dan membuka menu

materi mengenal kosa kata dan mengeja kata. Setelah selesai user akan


e. Activity Diagram Menu Berhitung

Adapun activity diagram halaman menu berhitung terlihat pada


ACTIVITY DIAGRAM MENU BERHITUNG

SistemUser

Ph

ase

Pilih Ke Menu

BerhitungMenampilkan Menu

Penjumlahan

Pilih Menu

Selesai

Mulai

Pilihan Menu

Pengurangan

Gambar III.14. Activity Diagram Menu Berhitung

Gambar III.14. User memilih menu berhitung dan membuka menu

materi belajar menghitung yaitu penjumlahan, pengurangan, perkalian

dan pembagian. Setelah selesai user akan kembali ke menu utama.

f. Activity Diagram Menu Bahasa Inggris

Adapun activity diagram halaman menu bahasa inggris terlihat pada


45

ACTIVITY DIAGRAM MENU BAHASA INGGRIS

SistemUser

Ph

ase

Pilih Ke Menu

Bahasa InggrisMenampilkan Menu

Alphabets

Numbers

Pilih Menu

Selesai

Mulai

Pilihan Menu

Animals

Fruit &

Vegetable

Gambar III.15. Activity Diagram Menu Bahasa Inggris

Gambar III.15. User memilih menu bahasa inggris dan membuka

menu materi mengenal dengan bahasa inggris. Setelah selesai user akan


g. Activity Diagram Menu Hijaiyah & Iqra’ 1

Adapun activity diagram halaman menu hijaiyah & iqra’ 1 terlihat

pada Gambar III.16. berikut.

46

ACTIVITY DIAGRAM MENU HIJAIYAH & IQRA' 1

SistemUser

Phas

e

Pilih Ke Menu

Hijaiyah & Iqra' 1Menampilkan Menu

Hijaiyah

Pilih Menu

Mulai

Pilihan Menu

Membaca iqra'

1

Gambar III.16. Activity Diagram Menu Hijaiyah & Iqra’

Gambar III.16. User memilih menu hijaiyah & iqra’ dan membuka

menu materi belajar mengenal hijaiyah dan belajar membaca iqra’.

Setelah selesai user akan kembali ke menu utama.

h. Activity Diagram Menu Doa Harian

Adapun activity diagram halaman menu doa harian terlihat pada


47

ACTIVITY DIAGRAM MENU DOA HARIAN

SistemUser

Ph

ase

Pilih Ke Menu Doa

HarianMenampilkan Menu

Doa Sebelum Makan & Minum

Doa Sesudah Makan & Minum

Pilih Menu

Selesai

Mulai

Pilihan Menu

Doa Masuk & Keluar Masjid

Doa Ketika Sakit

Doa Masuk Kamar Mandi

Doa Keluar Kamar Mandi

Doa Sebelum Tidur

Doa Bangun Tidur

Doa Untuk Orang Tua

Gambar III.17. Activity Diagram Menu Doa Harian

Gambar III.17. User memilih menu doa harian dan membuka menu

materi belajar doa doa harian yang mudah dihafal. Setelah selesai user

akan kembali ke menu utama.

III.2.5. Flow Chart Aplikasi

Gambar III.18. berikut adalah flowchart dari menu belajar

dalam aplikasi pembelajaran anak usia dini berbasis android.

48

Start Menu Utama Huruf & Angka

Membaca

Huruf

Angka

Tampil A – Z dan Suara

Tampil 1 - 2 dan Suara

Kosa Kata

Mengeja Kata

Tampil kosa kata dan

Suara

Tampil kata dan Suara

Berhitung

Tambah

Kurang

Tampil Tambah

Tampil Kurang

Bahasa Inggris

Numbers

Alphabets

Animals

Tampil A - Z dan Suara

Tampil 1 - 10 dan Suara

Tampil Gambar Hewan dan

Suara

Hijaiyah & Iqra

Hijaiyah

Membaca Iqra

Tampil Hijaiyah dan Suara

Tampil Bacaan Iqra dan Suara

Doa Harian Tampil Doa dan Suara

End

Mulai

Fruit & VegetablesTampil Buah & Sayur dan

Suara

Gambar III.18. Flow Chart Menu Belajar

Gambar III.18. merupakan bagan flowchart dari menu

belajaryang menunnjukkan alur dalam aplikasi yang akan dibangun,

diisi dengan materi – materi yang sesuai dengan anak usia dini.

III.3. Desain User Interface

Antarmuka (interface) merupakan mekanisme komunikasi

antara pengguna (user) dengan sistem. Antarmuka (interface) dapat

menerima informasi dari pengguna (user) dan memberikan informasi

kepada pengguna (user) untuk membantu mengarahkan alur

penelusuran masalah sampai ditemukan suatu solusi.

1. Interface Menu Utama

49

Interface menu utama merupakan tampilan pertama kali ketika aplikasi

dijalankan, yang menampilkan menu – menu pelajaran yang dapat dilihat

pada Gambar III.19.

PEMBELAJARAN UNTUK

ANAK USIA DINI

Mulai

X

Gambar III.19. Interface Menu Utama

Gambar III.19 merupakan tampilan menu utama yang berisi tombol

menu belajar yang akan menuju ke menu utama, dan tombol setting

untuk pengaturan suara serta tombol x untuk keluar dari aplikasi.

2. Interface Menu Belajar

Interface menu huruf merupakan tampilan yang menunjukkan materi

belajar yang terlihat pada Gambar III.20. berikut :

PAKET BELAJAR

Huruf & Angka Membaca Berhitung

Bahasa Inggris Doa HarianHijaiyah &

Iqra'

Gambar III.20. Interface Menu Belajar

Gambar III.20 merupakan isi dari tombol menu belajar, yang

berisikan materi belajar dalam pengenalan huruf & angka, belajar membaca,

berhitung, bahasa inggris, hijaiyah & iqra’, dan doa harian. Kemudina ada

tombol (←) untuk kembali ke menu utama.

50

3. Interface Menu Huruf & Angka

Interface menu huruf & angka merupakan tampilan yang

menunjukkan materi pengenalan huruf dan angka yang terlihat pada

Gambar III.21. berikut :

Belajar

Huruf dan Angka

Huruf Angka

Gambar III.21. Interface Menu Huruf & Angka

Gambar III.21 merupakan isi dari tombol menu belajar yang berisi

tombol menu pengenalan huruf dan angka. Kemudian tombol (←) untuk

kembali menu utama.

4. Interface Menu Membaca

Interface menu membaca merupakan tampilan yang menunjukkan

materi belajar membaca yang terlihat pada Gambar III.22. berikut :

Belajar

Membaca

Kosa Kata Mengeja Kata

Gambar III.22. Interface Menu Membaca

Gambar III.22 merupakan isi dari tombol menu membaca yang

berisi tombol menu belajar mengenal kosa kata dan belajar mengeja kata.

Kemudian tombol (←) untuk kembali menu utama.

51

5. Interface Menu Berhitung

Interface menu berhitung merupakan tampilan yang menunjukkan

materi belajar menghitung yang terlihat pada Gambar III.23. berikut :

Belajar

Berhitung

Penjumlahan Pengurangan

Gambar III.23. Interface Menu Berhitung

Gambar III.23 merupakan tampilan dari isi tombol menu berhitung,

terdapat 4 tombol untuk berhitung yaitu tombol penjumlahan dan

pengurangan. Kemudia ada tombol (←) untuk kembali ke menu utama.

6. Interface Menu Bahasa Inggris

Interface menu bahasa inggris merupakan tampilan yang menunjukkan

materi belajar mengenal dengan bahasa inggris yang terlihat pada Gambar

III.24. berikut

Belajar

Bahasa Inggris

Alphabets Numbers AnimalsFruit &

Vegetables

Gambar III.24. Interface Menu Bahasa Inggris

Gambar III.25 merupakan isi dalam tombol menu bahasa inggris yang

berisi menu pengenalan huruf, nomo, hewan, buah & sayur dalam bahasa

inggris. Kemudian tombol (←) untuk kembali ke menu utama.

52

7. Interface Menu Hijaiyah & Iqra’

Interface menu hijaiyah & iqra’ merupakan tampilan yang menunjukkan

materi belajar mengenal hijaiyah dan membaca iqra’ yang terlihat pada

Gambar III.25. berikut :

Belajar

Mengaji

Hijaiyah Membaca

Iqra' 1

Gambar III.25. Interface Menu Hijaiyah & Iqra’

Gambar III.25 merupakan isi dari tombol menu hijaiyah & iqra’ yang

mengenalkan huruf hijaiyah dan menu membaca iqra’. Kemudian tombol

(←) untuk ke menu utama.

8. Interface Menu Doa Harian

Interface menu doa harian merupakan tampilan yang menunjukkan

materi belajar doa yang terlihat pada Gambar III.26. berikut :

Mengahafal

Doa – Doa Harian

Doa Sebelum

Makan & Minum

Doa Bangun Tidur

Doa Sesudah Makan

& Minum

Doa Untuk Kedua

Orangtua

Doa Masuk Kamar

Mandi

Doa Keluar Kamar

Mandi

Doa Ketika Akan

Masuk & Keluar

Masjid

Doa Ketika Sakit

Doa Sebelum Tidur

Gambar III.26. Interface Menu Doa Harian

53

Gambar III.26. merupakan tampilan dari isi tombol menu doa

harian yang menampilkan list doa harian yang mudah di hafal anak.

Kemudian ada tombol (←) untuk kembali ke menu utama.

BAB III ANALISIS DAN DESAIN SISTEM - Repository ...

Documents

Transcript of BAB III ANALISIS DAN DESAIN SISTEM - Repository ...