Gambar 3.1 Struktur Navigasi
3.4 Desain Hamalan Awal
Halaman awal adalah tampilan animasi yang pertama kali animasi ini dijalankan pertama kalinya. Halaman ini berisikan judul aplikasi, dan tombol button buat ke halaman
selanjutnya.
3.4.1. Desain Awal Aplikasi
a. Buka halaman lembar kerja baru
SERANGGA
HEWAN LAUT
Universitas Sumatera Utara
Gambar 3.2. Lembar Kerja Baru Adobe Flash
b.Halaman ini berisikan background sesuai keinginan serta judul aplikasi serta tombol button untuk menuju menu utama .
c.
Untuk memilih jenis background yang akan digunakan langkah pertama sekali adalah beri nama pada timeline dengan nama background. Pilih menu modify document. Pada kotak dialog
document properties, ubah warna background dengan warna biru . Klik Ok .
d. Begitu juga untuk judul aplikasinya diawali dengan membuat new layer 2, selanjutnya untuk dapat menulis teks di lembar kerja dengan dapat dipilih diToolBox, pilih dan klik
TextTool yang khusus untuk membuat teks. Agar lebih menarik jenis hurufnya dapat kita pilih di e u ar aitu Text klik font pilihlah jenis huruf Culz MT. Untuk membuat tombol
button untuk melanjut kehalaman selanjutnya. Langkah yang pertama sekali adalah pilih menu Windows Common Libraries Button. Akan tampak panel Library. Tampilkan pilihan
buttons playback flat flat blue play. Geser button tersebut kedalam dokumen . Tempatkan objek button dibagian kanan bawah dokumen. Lakukan seleksi terhadap objek tombol
tersebut lalu klik kanan pilih Convert To Symbol ubah menjadi Button lalu ubah namanya e jadi Ne t . Klik la er to
ol da teka F9 untuk memasukan kode action scriptnya.
Universitas Sumatera Utara
Ketikan kode berikut: on release {
gotoAndStopSTART, 1; }
Gambar 3.3. Desain Awal Aplikasi
3.4.2 Desain Menu Utama
a. Menu utama yang diberikan background yang berbeda dengan menu pembuka berisikan 3 menu utama . Jika di klik maka akan menu ke halaman selanjutnya. Di menu utamastart ini
berada di Scane 2 b. Untuk membuat background dengan menambahkan sebuah gambar langkah pertama
sekali yang dilakukan pilih menu Modify Document akan muncul kotak dialog Documnet Setting. Atur dimensions, klik Ok. Langkah selanjutnya pilih menu file Import to Stage maka
Universitas Sumatera Utara
akan muncul kotak dialog Import. Pilih salah satu objek yang akan digunakan background pada kotak dialog import. Klik Ok. Pada properties pada instance name pilih movie clip.
c. Untuk tombol buttons nya pertama kali langkahnya adalah klik new layer utnuk selanjutnya, disini saya tidak menggunakan tombol namun menggunakan background
sebagai tombol. Nah langkah selanjutnya adalah tulis teks pada background dan buat teks tersebut menjadi button dengan cara seperti tadi, lakukan seleksi pada teks dan klik kanan
Co ert to S ol pilih e jadi Butto da ga ti a a a e jadi to
ol PLAY . Begitu juga dengan tombol kuis dan profil.
Gambar 3.4. Desain Menu Utama
d. Di tombol button pertama jika di klik maka akan akan muncul ke halaman berikutnya . Halaman ini nantinya akan berisikan tombol buttons menu klasifikasi hewan . Untuk cara
membuatnya sama halnya dengan tampilan pembuka . Langkah untuk membuat judul aplikasi dapat dipilih diToolBox, pilih dan klik TextTool yang khusus untuk membuat teks. Agar lebih
e arik je is huruf a dapat kita pilih di e u ar aitu Text klik font pilihlah jenis huruf Ti es Ne Ro a di eri olour black.
Universitas Sumatera Utara
Gambar 3.5 Halaman Pilihan Hewan
f. Di tombol button ke dua jika di klik maka tampilannya sebagai berikut:
Gbr 3.6. Halaman Profil
g. Langkah pertama kali untuk membuat tampilan seperti diatas adalah untuk judul aplikasinya diawali dengan membuat new layer 2,selanjutnya untuk dapat menulis teks di
lembar kerja dengan dapat dipilih diToolBox, pilih dan klik TextTool yang khusus untuk membuat teks. Agar lebih menarik jenis hurufnya
dapat kita pilih di e u ar aitu Text klik font pilihlah jenis huruf Chiler.
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI APLIKASI
4.1 Tujuan Implementasi
Kategori