BAB 3 PERANCANGAN SISTEM
3.1 Penentuan Aplikasi yang Akan Dibuat
Penentuan aplikasi yang akan dibuat bertujuan untuk membantu penulis dalam membuat aplikasi pembelajaran yang sulit dipahami dan dimengerti oleh para siswa
pada umumnya yang seharusnya pelajaran tersebut sudah mulai diperkenalkan pada usia-usia anak yang daya tangkapnya mulai berkembang. Materi pembelajaran yang
dimasukkan ke dalam aplikasi ini hanya pengenalan huruf balok, angka, dan kosa kata saja karena waktu pembuatan sangat singkat.
3.2 Perancangan Aplikasi
Aplikasi pembelajaran Bahasa Inggris ini memiliki beberapa buah Scene yang dirancang untuk mempermudah penggunaan aplikasi pembelajaran ini. Scene-scene
tersebut dirancang sesederhana mungkin yang bertujuan untuk mengurangi ketidak- jelasan materi yang akan disampaikan. Pembuatan animasi pembelajaran Bahasa
Inggris ini didukung oleh peranan ActionScript yang sangat membantu dalam penyederhanaan hasil publikasi flash semaksimal mungkin sehingga didapatkan objek
yang dinamis, interaktif dan tidak terjadi pemakaian ruang publikasi secara berlebihan. ActionScript akan dilampirkan pada bagian lampiran listing program.
This page was created using Nitro PDF trial software.
To purchase, go to http:www.nitropdf.com
3.2.1 Halaman Awal
Halaman awal adalah tampilan animasi yang pertama kali muncul jika aplikasi dibuka untuk pertama kalinya. Halaman ini berisi judul dari pembelajaran yaitu ”Animasi
Pembelajaran Bahasa Inggris” yang dianimasikan serta link – link menuju materi dan kuis. Selain itu background dari halaman awal ini juga berupa animasi pemandangan
pada saat musim gugur.
3.2.1.1 Desain Halaman Awal
a. Buat halaman baru dan beri judul awal.fla. Buat 17 layer secara berturut yaitu layer background, tiang, judul, text, daun2, text2, text3, text4, lampu, pohon,
daun, dan bunga.
b. Ganti kode warna background pada layer menjadi 00FF00.
c. Pada layer tiang, buat gambar tiang yang memiliki empat buah cabang yang
masing-masing cabang menghadap ke sebelah kanan dan kiri. Pada layer 1 insert keyframe sampai dengan frame 410.
d. Pada layer judul, buatlah teks judul “Animasi Pembelajaran Bahasa Inggris”
dengan menggunakan Teks Tool, tekan F8 pilih movie clip. Pada layer 1, 6, 11, 16, 21, 26, 31, 36, 41, 46, dan 51 insert keyframe kemudian ubah setiap warna teks
pada masing-masing keyframe menjadi 00FF00, FF00FF, 9933FF, 230DF2,
FB3504, A88E57, FF9900, 333333, FF00FF, 00FFFF, dan FFFF00.
This page was created using Nitro PDF trial software.
To purchase, go to http:www.nitropdf.com
e. Pada layer text, text2, text3, text4, buatlah teks “Kindegarden, Elementary School, Junior High School, dan Senior High School” dengan menggunakan Teks Tool,
klik kanan pada frame 1 dan frame 410.
f. Pada layer daun dan daun2, disini penulis men-donwload image daun musim
gugur agar tampilan lebih nyata seperti pada saat daun di musim gugur. Penulis hanya menambahkan animasi pergerakan daun yang jatuh berguguran pada saat
musim gugur. Animasi ini dibuat menjadi simbol dengan cara pada layer 1 tekan
F8, pilih movie clip, dan drag gambar daun musim gugur pada frame 1 kemudian
tarik gambar daun ke bawah, kanan, dan kiri hingga daun terlihat jatuh secara alami.
g. Pada layer lampu dan pohon, buatlah gambar lampu dan gambar pohon yang
memiliki akar serabut. Pada frame 1 insert keyframe sampai frame 410.
h. Pada layer bunga, disini penulis juga men-download animasi.gif agar bunga yang ditampilkan lebih hidup. Penulis hanya meng-edit peletakan posisi bunga pada
background awal dengan cara pada frame 1 layer bunga tersebut insert keyframe sampai frame 410.
3.2.2 Halaman Home
Halaman home adalah tampilan animasi yang muncul jika tombol Next di klik pada tampilan awal sebelumnya. Halaman ini berisi judul yaitu ”Pembelajaran Bahasa
Inggris” yang dianimasikan serta link – link menuju materi dan kuis. Selain itu background dari halaman home ini berupa animasi empat orang anak beserta guru di
This page was created using Nitro PDF trial software.
To purchase, go to http:www.nitropdf.com
taman terbuka.
3.2.2.1 Desain Halaman Home
a. Buat halaman baru dan beri judul home.fla. Buat 11 layer secara berturut yaitu layer background, judul, balon, guru, orang, quis, rumput, pengucapan, anak,
batu, dan bunga.
b. Pada layer background, pilih Rectagle Tool dan beri nama sesuai layer, kemudian ubah warna menjadi F0E8D9.
c. Pada layer balon, tekan F8, pilih movie clip dan beri nama sesuai layer,
kemudian buat tiga buah balon dengan Oval Tool beri warna FFFF00, FF0000, 00FFFF dan buat tali untuk balon dengan Line Tool. Pada layer 1
insert keyframe pada frame 1 sampai frame 50, tarik gambar balon pada
frame 1 ke bawah kemudian pada frame 50 tarik gambar balon ke atas.
d. Pada layer guru, tekan F8, pilih movie clip dan beri nama sesuai layer. Buat
gambar orang yang menyerupai guru dengan menggunakan Line Tool dan diberi warna dengan Paint Bucket Tool, untuk mengubah Line Tool menjadi
bentuk garis lengkung bisa menggunakan Selection Tool, dan jika ingin membuat efek mata bisa menggunakan Oval Tool kemudian diatur agar
menyerupai mata dengan Selection Tool, ketika gambar orang sudah jadi insert keyframe pada frame 1, 2, 11, 12, 20, 21, 29, 30, 38, 39, 47, dan 48. Pada
frame 1, 2 buat gambar orang tersebut dengan mata terbuka, pada frame 11, 12
This page was created using Nitro PDF trial software.
To purchase, go to http:www.nitropdf.com
buat gambar tersebut dengan mata tertutup dan ekspresi wajah tersenyum begitu seterusnya pada frame 20, 21, 29, 30, 38, 39, 47, dan 48.
e. Pada layer orang, quis, pengucapan, dan anak, tekan F8, pilih movie clip dan
beri nama sesuai layer. Buat gambar orang yang menyerupai anak-anak dengan menggunakan Line Tool dan diberi warna dengan Paint Bucket Tool,
untuk mengubah Line Tool menjadi bentuk garis lengkung bisa menggunakan Selection Tool, buat gambar papan tulis dengan menggunakan Rectangle Tool
dan beri warna 000000 kemudian tekan F8, pilih movie clip dan beri nama
orang2, buat gambar anak mengangkat papan tulis dengan meng-edit gambar
orang. Tekan F8, pilih button dan beri nama teori, pada frame up drag gambar
orang ke stage, pada frame over drag gambar orang2 ke stage, kemudian buatlah teks “TEORI” dengan menggunakan Teks Tool dengan Font Maiandra
GD ukuran 30 berwarna merah. Pada frame down dan hit tekan F6, begitu juga
seterusnya pada layer pengucapan, quis, dan anak.
f. Pada layer rumput, insert keyframe pada frame 1 sampai frame 300, buat
garis seperti gambar rumput terpotong dengan menggunakan Pencil Tool.
g. Pada layer batu, tekan F8, pilih movie clip dan beri nama sesuai dengan layer.
Kategori