BAB 3
PERANCANGAN SISTEM
Untuk memulai merancang suatu animasi maka harus menjalankan software atau aplikasi Adobe Flash CS4 kemudian pilih Create New Flash File ActionScript
2.0, maka akan muncul lembar kerja dari Adobe Flash CS4.
3.1. Desain Halaman Awal
Dalam bagian ini terdapat 10 layer seperti layer background, judul, next, petunjuk, button, teori, papan tulis, quiz, no soal dan simulasi. Berikut
tahapannya: a.
Pada halaman baru penulis memberi judul tugasakhir.fla. Terdapat 10 layer secara berturut-turut yaitu layer background, judul, next, petunjuk,
button, teori, papan tulis, quiz, no soal dan simulasi. Disini penulis membuat ukuran file sebesar 550 x 400 pixel dengan layer berwarna putih.
Universitas Sumatera Utara
b. Penulis mengambil background dari wallpaper yang sudah tersedia
dengan cara mengimport gambar tersebut. Cara mengimport gambar yaitu klik file import import to library dan pilih wallpaper gambar yang
tersedia. Setelah wallpaper gambar masuk ke library, pilih gambar tersebut dan tarik gambar tersebut sampai ke layer background maka
secara otomatis akan muncul di latar belakang. Kemudian gambar disesuaikan ditransform agar sesuai hingga menutupi background.
c. Pada layer judul penulis merancangnya dengan cara memilih menu insert
new symbol, isi name dengan judul kemudian pilih movie clip pada type dan klik ok. kemudian mendisain judul.
d. Pada layer next penulis merancangnya dengan cara memilih menu insert
new symbol, isi name dengan next kemudian pilih button pada type dan klik ok. Kemudian mendisain next.
e. Pada layer petunjuk penulis merancangnya dengan cara mendisain papan
petunjuk memilih menu insert new symbol, isi name dengan petunjuk kemudian pilih movie clip pada type dan klik ok, disainlah papan petunjuk.
Penulis mengambil background dari wallpaper yang sudah tersedia dengan cara mengimport gambar tersebut. Cara mengimport gambar yaitu
klik file import import to library dan pilih wallpaper gambar yang tersedia. Setelah wallpaper gambar masuk ke library, pilih gambar
tersebut dan tarik gambar tersebut sampai ke layer background maka secara otomatis akan muncul di latar belakang. Kemudian gambar
disesuaikan ditransform agar sesuai hingga menutupi background.
Universitas Sumatera Utara
Kemudian letaklah papan petunjuk yang sudah didisain pada layer petunjuk.
f. Pada layer button penulis merancangnya dengan cara memilih menu insert
new symbol, isi name dengan nama-nama pada button kemudian pilih button pada type dan klik ok.
g. Pada layer teori, penulis mengambil informasi dari sumber yang dianggap
akurat untuk melengkapi teori yang akan ditampilkan. Pada layer teori juga terdapat button next , back dan home .
h. Pada layer papan tulis, penulis merancangnya dengan cara memilih menu
insert new symbol, isi name dengan papan tulis kemudian pilih movie clip pada type dan klik ok dan insert new symbol, isi name dengan mulai
kemudian pilih button pada type dan klik ok.
i. Pada layer quiz, penulis merancangnya dengan cara memilih menu insert
new symbol, isi name dengan quiz kemudian pilih movie clip pada type dan klik ok dan insert new symbol, isi name dengan mulai kemudian
pilih button pada type dan klik ok.
j. Pada layer no soal, penulis merancangnya dengan cara memilih menu
insert new symbol, isi name dengan no soal kemudian pilih movie clip pada type dan klik ok.
Universitas Sumatera Utara
k. Untuk layer simulasi penulis merancang gambar sendiri pada software
Adobe Flash CS4, agar terlihat lebih menarik dan pergerakannya lebih sempurna dengan cara convert to symbol dan pilih movie clip kemudian
aturlah pergerakannya dari kanan hingga kiri. Agar gambar tersebut tidak terus bergerak memiliki jeda maka koneksikan dengan action script.
Peletakan action script bisa diletakkan pada key frame. Pilih saja pada frame berapa yang ingin diletakkan action script tersebut. Adapun action
script untuk memberhentikan pergerakan tersebut adalah: stop ;
3.2. Menu Teori, Simulasi, Quiz dan Quit
