3.8 Mendesain Tampilan Awal Latihan
Gambar 3.8 Rancangan Tampilan Awal Latihan
Cara pembuatannya adalah sebagai berikut : 1.
Buat scene baru dengan klik insert pada menu pilih scene, setelah masuk ke dalam halaman scene baru ubah nama scene menjadi latihan.
2. Masukkan background ke dalam halaman lembar kerja, dengan cara
menarik gambar yang telah di import to library ke dalam halaman kerja, lalu sesuaikan ukuran gambar dengan ukuran lembar kerja yang telah di
tentukan dengan menggunakan free transform tool. 3.
Untuk pembuatan tombol kembali pada tampilan kali ini sama dengan tombol button kembali yang sebelumnya. Untuk membuat script pada
tombol kembali dengan mengklik pada jendela action-buttons ketikkan script program sebagai berikut :
onrelease{ gotoAndStop“menu”;
} Nama
Input Text Mulai
Kembali
Universitas Sumatera Utara
4. Untuk pembuatan tombol mulai pada tampilan kali ini sama dengan
tombol button yang sebelumnya bedanya hanya pada bentuk tampilan warna. Untuk membuat script pada tombol mulai dengan mengklik pada
jendela action-buttons ketikkan script program sebagai berikut : onrelease{
gotoAndStop2 ; }
Jika kita mengklik button mulai maka kita akan memulai latihan dan langsung masuk ke soal latihan yang sudah ada.
5. Pembuatan tulisan “Masukkan Nama”, menggunakan text tool. Pilih type
textStatic text. Lalu membuat kotak isiannya juga menggunakan text tool pilih type textInput text dan jangan lupa mengaktifkan show border
around text nya. Lalu isikan juga pada kotak variable nya nama pada input text
“Nama”. Kotak variable diisikan untuk menampilkan nama pada halaman hasil.
Universitas Sumatera Utara
3.9 Mendesain Tampilan Soal Latihan
Gambar 3.9 Rancangan Tampilan Soal Latihan
Cara pembuatannya adalah sebagai berikut : 1.
Membuat frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame.
2. Untuk pembuatan pilihan dari A sampai D ini konsep pembuatannya sama
dengan pembuatan button lainnya dan disisipkan action script : onrelease{
nextFrame; }
Dan untuk jawaban yang benar sisipkan action script berikut ini : onrelease{
nextFrame; benar++;
} Bertujuan untuk menambah nilai pada jawaban yang benar saja.
Soal Latihan
Pilihan A
Pilihan B Pilihan C
Pilihan D
Universitas Sumatera Utara
3.10 Mendesain Tampilan Hasil Latihan