Perancangan Layar Pertimbangan Perancangan
93 : Tombol menu dictionary berisi kamus bahasa Inggris dari
A
-Z.
:
Tombol menu digunakan untuk menampilkan
data-
data profil si pembuat aplikasi yang terdiri
atas
nama, alamat,
dan ada tombol “back”untuk kembali ke menu utama
: Tombol menu
digunakan
untuk masuk ke menu permainan yang terdiri dari “ Tebak gambar, membedakan
2 dua gambar, mencocokan gambar, serta tombol
“back” untuk kembali ke menu semula
: Tombol menu
digunakan untuk menampilkan menu
yang didalamnya berisi lagu-lagu anak-anak dalam bahasa Inggris.
Keluar : Untuk keluar dari aplikasi.
3
. Halaman Menu Utama Permainan
Rancangan Halaman
M enu Games Membedaka
n 2 gambar Tebak
gambar
Quiz Mencocokan Gamabar
Dictionary
P rofile
profile
email
Games Games
quiz
Music music
music
Exit
Games
Storyboard Games
Gambar 4.21 .
94
Modul
: 3
Halaman
:
Menu G
ames
Nama
:
games.s
wf
Mencocokan Gambar :
dimana siswa mencocok
k
an yang menggunakan
dua bidang kemudian
mengklik pertama
kemudian mencari gambar yang sama dibidang kedua, sehingga terlihat siswa yang cepat dan lamban
.
Tebak gambar : Tebak Gambar yang terdiri dari satu gambar dengan tiga opsi jawaban dimana salah satunya merupakan jawaban
yang benar.
Membedakan 2 gambar:
Membedak
an gambar yang terdiri dari dua gambar yang sama namun ada Sedikit perbedaan hampir
sulit diketahui namun dengan ketelitian dapat terlihat
bagian-
bagian gambar mana saja yang berbeda,
sehingga
siswa dapat memahami dan melatih daya tanggap dengan
baik
. :
berisi kumpulan soal
-
soal dari modul
-
modul yang sudah dipelajari dalam aplikasi.
Kembali : Untuk kembali ke halaman menu utama.
:
Halaman Menu
games
ini merupakan halaman yang di dalamnya berisi menu
-
menu pokok untuk memanggil setiap halaman yang ingin dituj
u.
File
user
Quiz Game Quiz
Back Notes
Navigasi
95
4
.
Halaman
Rancangan Halaman
Modul
: 4
Halaman
:
MenuS
:
Pengenalan huruf abjad dari A
-Z
:
Pengenalan nama bulan dalam setahun : Pengenalan yang terdiri dari angka 1-10 dengan contoh
animasi setiap hurufnya. :
Pengenalan
yang terdiri dari warna
-
warna dasar :
Pe
ngenalan hari yang terdiri
S
enin,
S
elasa,
R
abu,
K
amis,
Jumat, S
abtu,
Minggu
.
: P
engenalan anggota tubuh yang terdiri seperti mata, hidung, telinga dan sebagainya.
Kembali
:
Untuk kembali ke halaman menu utama : Halaman Menu ini merupakan halaman yang
di
dalamnya berisi menu
-
menu pokok untuk memanggil setiap halaman yang ingin dituju dengan bahasa pengantar
Menu school
alphabets
number color
Day
Our body
School
Storyboard School
school
Alpha bets
Month Numbers
Colors Days
Our body
Back Notes
Gambar 4 .22.
Navigasi
96 berbahasa Inggris, dimana dalam halaman ini terdapat 6
tombol navigasi untuk ke halaman selanjutnya dan 1 tombol yaitu tombol “
”
apabila ingin
kembali ke menu utama
.
5
.
Halaman
Rancangan Halaman
Modul
: 5
Halaman
:
Menu
: Menu ruang tamu yang berisi pengenalan nama
-
nama benda yang ada di dalam ruang tamu dan terdapat tombol
yaitu pengenalan anggota keluarga seperti Ayah, Ibu, kakek, nenek dan sebagainya
: Menu ruangan dapur, yang berisi pengenalan benda- benda yang ada di dapur dengan dengan
bahasa I
nggris. : Menu ruangan tidur, yang berisi pengenalan
nama-
nama benda yang ada di dalam ruang tidur.
Livingro o m Kitchen
Menu House
Bebroo m Bathro o m
Back user
House
Storyboard H
ouse
House
Livingroom
family
Kitchen
Bedroom
Gambar 4. 23.
Navigasi
97 : Menu
kama
r mandi, yang berisi pengenalan
nama-
nama benda yang ada di
dalam
kamar mandi.
Kembali :
Untuk kembali ke halaman menu utama
6
.
Halaman
Rancangan Halaman
Modul
: 6
Halaman
: Mengenal Huruf
Abjad
Tombol A sd Z: Tombol untuk mengeluarkan animasi huruf dan objek beserta suara karakter yang menyebutkan huruf beserta
objeknya. Kembali
:
Tombol un
tuk kembali ke halaman
Menu
Back
Bathroom
Back
Alphabets
Storyboard Alpabets
school.
Gambar 4. 24.
Navigasi
98
7
.
Halaman
Rancangan Halaman
Modul
: 7
Halaman :
Angka 1
-
10
:
Pengenalan yang terdiri dari angka 1-10 dengan contoh
gambar setiap hurufnya
. Kembali
:
Tombol untuk kembali ke halaman
Menu :
Halaman “numbers”
merupakan halaman
untuk
permainan
pengetahuan
dalam
mengetahui angka
1
--
10
. ditugaskan untuk mengklik tombol
-
tombol angka yang diberi animasi dalam setiap tombolnya. Di h
alaman
ini juga terdapat tombol “kembali ” untuk kembali
ke Menu
back
Numbers
Storyboard Numbers
Numbers
school. Notes
User
back school
.
Gambar 4. 25.
Navigasi
99
8
.
Halaman
Rancangan Halaman
Modul
: 8
Halaman
:
Menu Gambar
: burung.gif, gurita.gif, domba.gif, buaya.gif, Harimau.gif, gorilla.gif, babi.gif, kucing.gif,
burung bangau.gif,
Ular.gif.
Tombol warna : Pengenalan yang terdiri dari warna
-
warna dasar dengan berbagai animasi di dalamnya
.
Kembali
:
Tombol untuk kembali ke halaman
Menu
:
Halaman “
” merupakan halaman untuk mengenali
warna-warna
yang ada di layar monitor. Setiap
warna
dapat di
-
sehingga akan keluar suara warna tersebut berikut namanya. Di
halaman
ini, ditugaskan
menebak salah satu hewan yang sudah disebutkan. Di halaman ini juga terdapat tombol “kembali
” untuk kembali ke
Menu
back
Colors
Storyboard Colors
Colors
school. Notes
colors
Klik user
back school
.
Gambar 4. 26.
Navigasi
100
9
.
Halaman
Rancangan Halaman
Modul
: 9
Halaman
:
Mengenal Nama-
nama Bulan
Tombol Januari
-Desember : P
engenalan hari yang terdiri januari,
februari, maret, april, mei, juni, juli, agustus, September, oktober, November dan desember.
Kembali : Tombol untuk kembali ke halaman
:
Halaman “Mengenal
nama-
nama bulan” hampir sama dengan halaman “
colors
”, yaitu halaman untuk
m
engenali
warna-
warna yang ada di layar monitor tapi di
halaman
ini khusus untuk
nama-
nama bulan. Setiap
warna yang di
dalam monitor dapat diklik. hanya ditugaskan mengklik
salah satu
hari
yang diinginkan jika ingin mengetahui nama
hari te
rsebut. Di halaman ini juga terdapat tombol “kembali
” untuk kembali ke
Menu
Back
Months
Storyboard Month
school .
Notes Month
User
back school.
Gambar 4. 27.
Navigasi
101
10
.
Halaman
Rancangan Halaman
Modul
: 10
Halaman
:
Mengenal nama-
nama Hari
Tombol Senin
-
Minggu : pengenalan hari
ya
ng terdiri senin, selasa, rabu,
kamis, jumat, sabtu,minggu
Kembali : Tombol untuk kembali ke halaman
:
Halaman
Days
“Mengenal hari” hampir sama dengan halaman “
”, yaitu halaman untuk
m
engenali warna
warna
yang ada di layar monitor tapi di
halaman
ini khusus untuk
nama-
nama hari. Setiap
warna
yang di dalam monitor dapat
dik
lik. hanya ditugaskan
meng
klik salah satu
hari
yang diinginkan jika ingin mengetahui nama
hari
tersebut. Di halaman ini juga terdapat tombol “kembali
” untuk kembali ke
Menu
Back
Days
Storyboard Days
school .
Notes month
U ser
back school.
Gambar 4. 28.
Navigasi
102
11
.
Rancangan Halaman
Modul
: 11
Halaman
:
Mengenal
Perbandingan
-perbandingan Gambar
:
tikus
.gif,
gajah
.gif, ulet.gif,
uler
.gif, kucing.gif,
anjing
.gif,
kurus
.gif gendut,gif, senang.gif, sedih.gif, tua.gif, muda.gif, pria;gif, wanita.gif, panda.gif, finix.gif,
mlm,gif, siang.gif, serigala.gif dan dog.gif.
Angka 1
-
7 : pengenalan perbandingan kata
-
kata dalam bahasa Inggris
seperti
kecil, besar, pendek, panjang, lambat, cepat, kurus, gemuk,sedih, bahagia, tua, muda, laki-laki, wanita, hitam,
putih, malam, siang, malas dan rajin.
Lanjut
: Tombol untuk ke animasi selanjutnya. Kembali
:
Tombol untuk kembali ke halaman
Menu
Back
Comparisons
Storyboard Comparisons
school
Gambar 4.2 9.
Navigasi
103
12
.
Halaman
Rancangan Halaman
Modul
: 12
Halaman
: Mengenal Anggota Tubuh
Gambar
: kepala.gif,
rambut
.gif, telinga.gif,
mata
.gif, kaki.gif,
tangan
.gif, telapak kaki.gif
Angka 1
-
7 : pengenalan anggota tubuh yang terdiri s
eperti
kepala
,
rambut, telinga, mata, kaki, tangan dan telapak kaki. Kembali
:
Tombol untuk kembali ke halaman
Menu
: Halaman “
” yaitu halaman untuk mengenali ang
gota-
anggota tubuh. hanya memilih
angka yang diinginkan dengan cara mengklik setelah itu
animasi objek
anggota tubuh akan keluar di layar monitor sesuai nama anggota tubuh yang dipilih, disertai dengan
suara karakter. Di halaman ini juga terdapat tombol
“kembali
” untuk kembali ke
Menu
Our Body
Storyboard Our Body
school Notes
study our
-body U
ser
back school
.
Gambar 4. 30.
Navigasi
B ack
104
13
.
Halaman
Rancangan Halaman Family
Modul
: 13
Halaman
: pengenalan anggota keluarga
Gambar
: mother.gif, father.gif, grand father.gif, grand mother.gif,
son.gif, daughter
.gif,
baby
.gif,
Tombol keluarga: pengenalan anggota keluarga seperti Ayah, Ibu, kakek,
nenek dan sebagainya,
Kembali
:
Tombol untuk kembali ke halaman
Menu
: Halaman pe
ngenalan “
” yaitu halaman untuk mengenali anggota keluarga.
harus memilih tombol yang disebutkan dengan cara meng
-
salah satu tombol
tersebut.
Jika benar maka benda tersebut bergerak di sertai dengan suara
.
Di halaman ini juga terdapat tombol
“kembali
” untuk kembali ke
Menu
Ba c k
F amily
Storyboard
school. Notes
family user
klik
back Home.
Gambar 4. 31.
Navigasi
105 Tahap implementasi merupakan tahap yang terdiri dari
dan
di
jelaskan melalui implementasi sistem yang berupa pembangunan aplikasi. Berikut ini adalah pembahasan dalam tahapan
implementasi.
Pada tahap menjelaskan tentang implementasi sistem yang
dib
uat berupa penjelasan dari pembangunan aplikasi.
Tahap ini adalah tahap membangun dan mengembangkan aplikasi sesuai dengan naskah yang sudah dibuat. Bagian ini merupakan kegiatan
yang meliputi tentang pembuatan desain grafik yang mendukung semua dialog, membuat animasi yang sesuai dengan tema, membuat
sebagai penyampaian pesan. Dan kemuadian semua d
igabu
ngkan dalam Flash MX 2004.
Akan tetapi sebelum penggabungan akan disiapkan komponen- komponen penyusunnya terlebih dahulu seperti gambar, suara, teks,
maupun animasi dengan menggunakan
-
yang memang
diperuntukk
an untuk membuat masing
-
masing komponen gambar terlebih dahulu. Tetapi tidak menutup kemungkinan untuk pengerjaan animasi
maupun komponen
-
komponen pendukung lain nya. Pengerjaan dilakukan