PERANCANGAN SISTEM
3.2 Perancangan Aplikas
3.2.3 Desain Halaman Defenisi Komputer
a. Buka halaman baru beri judul Defenisi.fla. Ubah ukuran stage menjadi 800 x 400 pixels. Buat 9 layer secara berturut yaitu layer background, papan, judul, defenisi, istilah , guru, link, efek, komputer.
b. Pada layer background, tekan CTRL+ F8, pilih movie clip, dan beri nama sesuai layer, kemudian membuat background dengan menggunakan 5 buah Rectangle tool yang dibuat secara vertikal dengan warna yang berbeda berturut #0066FF,
Atur posisinya hingga menutupi background stage. Tambahkan kembali 2 Rectangle Tool dengan warna putih dan coklat alpha 58% letakkan dibawah dengan posisi horizontal.
c. Pada layer papan, tekan CTRL+F8, pilih movie clip, dan beri nama sesuai layer. Gambarkan papan tulis dengan menggunakan Rectangle Tool warna putih dan stroke style garis putus-putus dengan warna hitam.Untuk menggambar spidol dan penghapus dengan menggunakan Line Tool.
d. Pada layer judul, tekan CTRL+F8, pilih movie clip, dan beri nama sesuai layer. Ketik tulisan “KOMPUTER” dengan ukuran 44 warna merah marun. Blok tulisan dan tekan CTRL+B lalu pilih Modify- Timeline- Disrtibute To Layers, maka muncul beberapa layer terpisah dengan huruf yang diketik tersebut. Hapus layer 1. Blok semua layer hingga ke posisi frame 4. Tekan F6 untuk Insert Keyframe. Pada layer K, ubah warna K menjadi biru pada frame 2, frame 3 menjadi warna kuning dan frame 4 menjadi warna merah tua. Pada layer O diposisi frame 2,3, dan 4 ubah warna menjadi pink, biru, hijau. Lakukan hal yang sama untuk huruf M,P,U,T,E,R dengan warna yang berbeda untuk setiap frame 2,3, dan 4.
e. Pada layer defenisi, ketik tulisan “defenisi” dengan menggunakan Text Tool ukuran 34. Pada frame 35 tekan F6 lalu geser kata defenisi ke atas tepat diatas judul komputer. Klik kanan Create Motion Tween diantara frame 1 dan 35. Masukkan ActionScrip: Stop(); pada frame 35.
f. Pada layer istilah, tekan CTRL+F8, pilih movie clip, dan beri nama sesuai layer. Ketik tulisan “Istilah Komputer berasal dari Bahasa Latin yaitu Computare yang berarti Menghitung” lalu blok tulisan dan tekan CTRL+B dan pilih Modify- Timeline- Disrtibute To Layers, maka muncul beberapa layer terpisah dengan huruf yang diketik tersebut. Geser layer 1 tepat dibawah layer G Geser frame 1 pada layer I ke frame 2, Pada layer S frame 1 geser ke frame 3, begitu seterusnya hingga layer g berjarak 1 frame. Pada layer 1 geser frame ke frame 75 dan tekan F6 geser ke posisi 80 perbesar tulisan dengan Free Transform Tool. Create Motion Tween antara frame 75 dan 80. Masih di layer 1 tekan F5 pada frame 180 Tambahkan layer dengan nama simulasi dan defenisi. Pada layer defenisi ketik tulisan pengertian komputer pada frame 181.Tekan F5 di frame 350 dan tambahkan keyframe(F6) di frame 351 masukkan Action Script:Stop; lalu hapus frame dengan menekan tombol delete.
g. Tekan CTRL+F8, pilih movie clip, dan beri nama simulasi. Buat 4 layer baru dengan nama masuk, data, proses, simpan, selesai. Pada layer masuk, gambar objek komputer di frame 1. Gambar tanda panah dengan Line Tool di frame 1 layer data dan letakkan tepat diatas gambar komputer.Tekan F6 hingga frame 10 pada layer masuk dan frame 15 layer data. Pada frame 15 layer data, tekan F6 di posisi 20 kemudian lakukan motion tween diantara keduanya. Geser tulisan data mengikuti tanda panah seolah-olah masuk kedalam komputer. Masih di layer data, tekan F6 hingga frame 30. Isi setiap frame 21 sampai 30 dengan masing- masing huruf didalam gambar komputer.Pada layer masuk, tekan F6 dari frame 30 sampai 36. Isi setiap frame dengan gerakan tanda panah ke samping menuju
tabung di frame 37 tekan F6 pada frame 45 kemudian atur pada properties, pilih Motion: Twin, Rotate: CW diantara frame 37 dan 45 dan tekan F6 hingga frame 53 isi setiap frame dengan tanda panah ke samping . Pada layer simpan frame 54, masukkan text tepat didalam tabung tekan F6 pada frame 58. Create Motion Tween diantara frame 54 dan 58 geser kata simpan kearah kanan. Tekan F6 8 kali pada layer simpan sampai frame 95 berjarak 5 dan gambar lingkaran dengan menggunakan Oval Tool. Tempatkan di atas kata simpan. Gambarkan tanda panah kembali di layer proses di frame 54. Pada layer simpan gambarkan kembali kompuer untuk hasil akhir dari simulasi ini. Ketik tulisan informasi dan letakkan tepat di screen monitor. Lalu pada layer komputer, data, proses dan simpan tekan F6 pada frame 180. Langkah terakhir, Insert frame pada semua layer di frame 500. Buka kembali simbol istilah. Pada layer simulasi,tekan F6 pada frame 350 kemudian drag simbol simulasi dari panel library. Insert Keyframe pada layer defenisi dan simulasi di frame 800.
h. Pada layer guru, tekan CTRL+F8, pilih movie clip, dan beri nama sesuai layer. Buat 9 layer baru yaitu mata, alis, tangan kanan, mulut, hidung,wajah, baju, sepatu, tangan kiri.Gambar objek dengan Line Tool dan Selection Tool. Dalam objek guru ini, yang dianimasikan hanya mata, tangan, dan mulut. Maka disetiap layer mata, mulut, dan tangan diisi frame dengan objek yang berbeda. Untuk mata berjarak 5 setiap frame dengan 2 gambar masing–masing frame yaitu mata terbuka dan tertutup, mulut bejarak 4 dengan gambar mulut sedang terkatup dan terbuka, dan tangan berjarak 7 dengan gambar setiap frame tangan mengepal, terbuka dan menunjuk ke papan tulis, untuk meng-editnya dengan menggunakan Free Transform Tool.
i. Pada layer link, tekan CTRL+F8, pilih button dan beri nama home. Gambarkan bentuk rumah dengan menggunakan Line Tool ubah warna atap dengan merah dan dinding warna putih. Masukkan teks “home” dengan Text Tool. Tekan F6 hingga posisi hit. Pada over dan down ubah warna stroke menjadi kuning dan warna dasar tidak ada. Perkecil objek pada down dengan menggunakan Free Transform Tool.
j. Pada layer efek, tekan CTRL+F8, pilih movie clip, dan beri nama sesuai layer. Gambar komputer dengan menggunakan Line Tool warnai objek dengan warna hitam dan atur alpha 40%. Pada layer efek, tekan F6 sebanyak 6 kali dan beri jarak 10.Geser objek ke segala arah dekat dengan papan tulis di setiap frame.
k. Pada layer komputer, tekan CTRL+F8, pilih movie clip, dan beri nama sesuai layer. Buat 9 layer baru dengan nama bayangan, kaki, tangan, mouse, kepala, alis, mata, mulut. Gambar objek dengan menggunakan Line Tool dan warnai dengan Paint Bucket Tool. Pada objek komputer ini, yang dianimasikan hanyalah tangan, mulut, dan mata dengan diisi objek yang berbeda pada setiap frame.