BAB 3
PERANCANGAN SISTEM
3.1 Perancangan
Perancangan merupakan gambaran alur kerja dari aplikasi animasi pembelajaran matematika pada taman kanak-kanak. Dengan menggunakan perancangan, penulis
dapat menggambarkan alur kerja dari aplikasi pembelajaran matematika pada taman kanak-kanak.
3.2 Mendesain Tampilan Awal Animasi Pembelajaran
Desain Tampilan Awal Animasi adalah sebagai berikut:
Gambar 3.1 Rancangan Tampilan Awal Animasi
KALIMAT PEMBUKA
START
Cara pembuatannya adalah sebagai berikut: 1.
Buka lembar kerja baru Macromedia Flash 8, kemudian ubah ukuran stage menjadi 750 x 500 pixels.
2. Buat 3 tiga buah layer pada timeline, yaitu Layer Background, Layer
Action, Layer sound. 3.
Untuk Background, pilih file kemudian pilih import, import to library, pilih gambar yang ingin di jadikan background lalu klik open, gambar yang telah
diimport ke library ditarik ke stage dan di sesuaikan ukurannya. 4.
Untuk kalimat pembuka, pilih Text Tool T pada Toolbox dan ketikkan huruf “S” sebagai huruf awal kalimat pembuka, kemudian klik Selection
Tool V arahkan ke huruf awal kalimat pembuka kemudian klik kanan, pilih convert to symbol, ubah type symbol menjadi movie clip, setelah itu klik dua
kali pada awal kalimat pembuka dan klik kanan pada frame yang ada pilih insert keyframe, kemudian ketikkan huruf selanjutnya sampai kalimat
pembuka selesai dan pada keyframe terakhir berikkan actionscript “stop
;” untuk membuat kalimat pembuka berhenti. 5.
Untuk Start, pilih Rectangle Tool R pada Toolbox, buat kotak diluar stage kemudian pilih warna yang diinginkan, kemudian convert to symbol ubah
type menjadi graphic, tarik kotak kedalam stage, pilih Text Tool T untuk membuat start dan start di ubah menjadi button dan berikan actionscript.
onrelease{ gotoAndStop2;
}
3.3 Mendesain Halaman Kategori
Desain Halaman Kategori adalah sebagai berikut:
Gambar 3.2 Rancangan Halaman Kategori
Cara pembuatannya adalah sebagai berikut: 1.
Buka lembar kerja baru Macromedia Flash 8, kemudian ubah ukuran stage menjadi 750 x 500 pixels.
2. Untuk Background, pilih file kemudian pilih import, import to library,
pilih gambar yang ingin di jadikan background lalu klik open, gambar yang telah diimport ke library ditarik ke stage dan di sesuaikan ukurannya.
3. Untuk membuat teks kategori, pilih Text Tool T pada Toolbox ketikkan
kata “Kategori”. 4.
Untuk membuat profil, pilih oval Tool O pada Toolbox, buat oval diluar stage kemudian pilih warna yang diinginkan, kemudian convert to symbol
ubah type menjadi graphic, tarik kotak kedalam stage, pilih Text Tool T KATEGORI
PROFIL
PEMBELAJARAN
QUIS
untuk membuat profil dan profil di ubah menjadi button dan berikan actionscript.
onrelease{ gotoAndStop3;
} 5.
Untuk membuat pembelajaran, pilih oval Tool O pada Toolbox, buat oval diluar stage kemudian pilih warna yang diinginkan, kemudian convert to
symbol ubah type menjadi graphic, tarik kotak kedalam stage, pilih Text Tool T untuk membuat pembelajaran dan pembelajaran di ubah menjadi
button dan berikan actionscript. onrelease{
gotoAndStop4; }
6. Untuk membuat quis, pilih oval Tool O pada Toolbox, buat oval diluar
stage kemudian pilih warna yang diinginkan, kemudian convert to symbol ubah type menjadi graphic, tarik kotak kedalam stage, pilih Text Tool T
untuk membuat quis dan quis di ubah menjadi button dan berikan actionscript.
onrelease{ gotoAndStop8;
}
3.4 Mendesain Halaman Profil