71 14
Buju Gambar
Png
40.5 www.freeiconsdownload.com
15
Dog Gambar
Png
25.4kb www.freeiconsdownload.com
16 Kucing
Gambar Png
20.6kb www.freeiconsdownload.com
17
Payung Gambar
Png
24.1kb www.freeiconsdownload.com
18 Rumah
Gambar Png
136kb permainan.oyuncudede.com
19 Baby3kk
Gambar Jpg
13.6kb http:3.bp.blogspot.com
20
ALL Sound Dubbing
Sound
Wav
86.2mb Buatan Sendiri
21 Yeah
So
und
Wav
31kb Koleksi Pribadi
22 Italian Cue
Sound
Wav
60kb Koleksi Pribadi
23
Boo
Sound
Wav
30kb Koleksi Pribadi
24 Congrats
Sound
Wav
13.7kb Koleksi Pribadi
25 Mousedown
Sound
Wav
10kb Koleksi Pribadi
26
Beep
Sound
Mp3
15.1kb
http:www.zedge.net
27 This old man
Sound
Mp3
2.85kb
http:freekidsmusic.com
28
Sherina
Sound
Mp3
3.34kb
http:gudanglagu.com
29 Comptine
Sound
Mp3
1.39mb www.karaoke
-
version.com 30
Master Seni
Gambar Jpg
156kb http:3.bp.blogspot.com
31
Manga Gambar
Jpg
53.5kb dafdoo3a
h-
diary.blogspot.com 32
B
ackground_1
1 Gambar
Jpg
64.4 kb www.tinkfanatic.com
33
Princess Gambar
Jpg
45.4 kb
http:agent-
ea.deviantart.com
72 Perancangan aplikasi pembelajaran interaktif ini diawa i dengan
merancang struktur navigasi aplikasi.
Perancangan Struktur Navigasi
Gambar 4.1. adalah struktur navigasi dari aplikasi dengan model
di
dalam aplikasi yang berada pada halaman intro menuju ke
dalam halaman utama dan dari dalama halaman utama dapat menuju
halaman
dan
Pada halaman
juga dapat menuju ke halaman
dan dan
Begitu juga pada halaman dapat menuju
halama
n dan
pada halaman dapat
menuju ke halaman Dan pada halaman
dapat memilih
Intro M enu Utama
Scho ol Ho use
Greeting Dictio nary
Games P ro fil
Exit
Alph abet Number
Co lo r M o nth
Day Our
Bo dy Livingro o m
Kitchen Bedroo m
Tebak Gambar
M enco co ka n Gamb ar
M embedakan 2 Gambar
Quiz
Family M usic
4.4.3 Struktur Navigasi
Gambar 4.2 .
hierarchiecal , user
user school, house, greeting, dictionary,games,profil, music
exit. school, user
alphabets, number, color, month
day ourbody.
house, user livingroom, kitchen
bedroom, livingroom, user
family. games, user
73 permainan yang diinginkan seperti tebak gambar, mencocokan gambar,
membedakan 2 gambar dan quiz.
Merupakan tahap perancangan di mana media
-
media yang diperlukan dan digunakan pada aplikasi dideskripsikan secara jelas, dipersiapkan dan
diintegrasikan menjadi satu kesatuan. Tahap ini dibagi menjadi dua bagian, yaitu:
Menggam
bar dan m
en-
gambar
-
gambar yang diperlukan untuk
melengkapi pembuatan
berupa kontrol navigasi pada aplikasi.
Pada tahap ini adalah tahap di mana gambar yang telah
dipersiapkan dipadukan atau digabungkan ke dalam satu perancangan layar yang berfungsi sebagai
.
gambar yang telah dipadukan berfungsi menjadi kontrol berupa kontrol navigasi. Hasil dari perpaduan kontrol gasi
menghasi
lkan perancangan layar aplikasi yang dapat dilihat pada tahap perancangan layar.
Kontrol Navigasi: merupakan kontrol yang terdiri dari dan
yang menghubungkan dari satu lokasi
ke lainnya yang berkaitan dengan navigasi
. 4.4.4
Persiapan dan Inte grasi Media
A. Persiapan Media
B. Integrasi Media
download interface
file -file
control content
File -file
content
button hypermedia, hyperpicture
hypertext content
content content
Control Content
•
74 Kontrol Navigasi
Visual
Keterangan
yang membawa menuju
halaman Utama.
yang digunakan untuk kembali ke halaman
sebelumnya. yang membawa
menuju halaman
yang membawa menuju
halaman
yang membawa menuju
halaman
pada halaman utama menuju untuk masuk ke
dalam kamus bahasa Inggris. pada halaman utama menuju games untuk masuk ke
dalam halaman permainan.
pada halaman utama menuju untuk masuk ke
dalam halaman profil peneliti. pada halaman utama menuju
untuk masuk ke
dalam halaman music.
pada halaman utama menuju untuk keluar dari
aplikasi yang membawa
menuju halaman
Tabel 4.2.
Hypertext user
content
Hypertext
Hyperpicture user
content school.
Hyperpicture user
content home.
Hyperpicture user
content greeting.
Button dictionary
Button
Button profile
Button music
Button exit
Hyperpicture user
content alphabets.