BAB 3 PERANCANGAN APLIKASI
3.1 Penentuan Aplikasi yang Akan Dibuat
Penentuan aplikasi pembelajaran pengenalan hewan ini bertujuan untuk membantu penulis dalam menemukan solusi dari permasalahan yang dihadapi
guru serta siswai taman kanak-kanakTK dalam mempelajari pengenalan tentang hewan . Diaplikasi ini penulis mengelompokkan hewannya kedalam 4 kelompok
yakni: mamalia, reptil, unggas, serangga.
3.2 Perancangan Aplikasi
Pembuatan aplikasi pembelajaran pengenalan hewan ini menggunakan teknik yang sederhana. Teknik yang sederhana ini tentunya juga didukung oleh peran
ActionScript . ActionScript akan dilampirkan pada bagian lampiran listing program.
3.3 Struktur Navigasi
Universitas Sumatera Utara
Struktur Navigasi adalah struktur atau alur dari suatu program. Struktur navigasi termasuk struktur terpenting dalam pembuatan suatu aplikasi dan gambarannya
harus sudah ada pada tahap perencana. Peta navigasi merupakan rancangan hubungan dan rantai kerja dari beberapa area yang berbeda dan dapat membantu
mengorganisasikan seluruh elemen aplikasi dengan pemberian perintah dan pesan.
Gambar 3.1. Struktur Navigasi
PEMBUKA
MENU UTAMA
HEWAN PROFIL
MAMALIA REPTIL
UNGGAS
SERANGGA
Universitas Sumatera Utara
3.4 Desain Halaman Awal
Halaman awal adalah tampilan animasi yang pertama kali animasi ini dijalankan pertama kalinya. Halaman ini berisikan judul aplikasi , profil pembuat aplikasi
serta link untuk menuju menu selanjutnya yaitu menu utama .
3.4.1 Desain Awal Aplikasi
a. Buka halaman baru beri judul pembuka.fla
Gambar 3.2. Tampilan Lembar Kerja
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
Universitas Sumatera Utara
document. Pada kotak dialog document properties, ubah warna background dengan warna hijau tua . 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 dimenu bar yaitu “Text” klik font
pilihlah jenis huruf Goudy Stout. e. Untuk membuat tombol button untuk melanjut kehalaman selanjutnya. Langkah
yang pertama sekali adalah pilih menu Windows Common Libraries Buttons. Akan tampak panel Library. Tampilkan pilihan buttons playback flat
flat green play. Geser button tersebut kedalam dokumen . Tempatkan objek button dibagian kanan bawah dokumen. Klik scene 1 untuk kembali ke
dokumen. Lakukan seleksi terhadap objek tombol tersebut. Pada panel properties, ubah Instance Name dengan “tombol”. Klik frame 1 pada layer 3.
Tampilkan Actions . Ketikkan kode berikut : stop ;
tombol.onPress=function { gotoAndPlay“Scene 2”,1;
};
Gambar 3.3. Desain Halaman Pembuka
Universitas Sumatera Utara
3.4.2 Desain Menu Utama
a. Menu utama yang diberikan background yang berbeda dengan menu pembuka berisikan 2 menu utama . Jika di klik maka akan menu ke halaman selanjutnya.
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 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 , langkah yang digunakan hampir sama hanya saja bedanya
jenis buttonsnya. Pilih menu Windows Common Libraries Buttons. Akan tampak panel Library. Tampilkan pilihan buttons arcade buttonsarcade
button-green.Geser button tersebut kedalam dokumen . Klik scene 1 untuk kembali ke dokumen. Lakukan seleksi terhadap objek tombol tersebut. Pada
panel properties, ubah Instance Name dengan “tombol1 dan tombol 2”.
Gambar 3.4. Tampilan Menu Utama
d. Di tombol button pertama jika di klik maka akan akan muncul ke halaman berikut ini . Halaman ini nantinya akan berisikan tombol buttons menu
Universitas Sumatera Utara
klasifikasi hewan dan judul aplikasinya. 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 menarik jenis hurufnya dapat kita pilih dimenu bar yaitu “Text” klik
font pilihlah jenis huruf “Times New Roman” diberi colour red. e. Langkah untuk membuat tombol buttons untuk halaman ini berbeda dengan .
Diawali dengan memilih rectangle tools . Atur posisi dengan free transform tools. Beri warna untuk bentuk rectangle tools dengan cara stroke color, fill
color dengan red merah.
Gambar 3.5. Tampilan Menu Pertama
f. Di tombol button ke dua jika di klik maka tampilannya sebagai berikut:
Gambar 3.6. Tampilan Menu Button yang Kedua
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
PROFIL PEMBUAT Nama:
Nim:
Universitas Sumatera Utara
dapat kita pilih dimenu bar yaitu “Text” klik font pilihlah jenis huruf Goudy Stout.
h. Untuk membuat tombol button untuk melanjut kehalaman selanjutnya. Langkah yang pertama sekali adalah pilih menu Windows Common Libraries
Buttons. Akan tampak panel Library. Tampilkan pilihan buttons playback flat flat green play. Geser button tersebut kedalam dokumen . Tempatkan objek
button dibagian kanan bawah dokumen. Klik scene 1 untuk kembali ke dokumen. Lakukan seleksi terhadap objek tombol tersebut. Pada panel
properties, ubah Instance Name dengan “tombol”. Klik frame 1 pada layer 3.
Universitas Sumatera Utara
BAB 4 IMPLEMENTASI APLIKASI
4.1 Hasil
Kategori