8. Masukkan button back dan next yang bisa diambil langsung dari library panel dan selanjutnya letakkan pada bagian paling bawah di sudut kiri
stage.
3.3.5.3 Desain Halaman Latihan III
Halaman ini merupakan halaman kuis. Dimana soal – soal yang diberikan terdiri
dari jenis soal pada latihan I dan II. Soal ini juga memiliki batas waktu yaitu 60 menit berjalan dan tidak diketahui jawaban sebenarnya seperti pada latihan I dan
II karena perhitungan skor akan terjadi diakhir. Setiap jawaban yang benar bernilai +4 dan jawaban yang salah bernilai 0. Berikut adalah langkah
– langkah untuk membuat desain halaman latihan III tersebut :
1. Buatlah 4 layer dengan nama masing
– masing yaitu : mulai, waktu, tampung dan kuis. Setiap layer dimulai dari frame 108.
2. Pada layer kuis di frame 108, buatlah desain layar dan juga teks petunjuk penggunaan aplikasi kuis tersebut. Setelah selesai, masukkan 3 dynamic
text dengan pengaturan yang berbeda – beda seperti gambar dibawah ini :
Gambar 3.4a Properties Dynamic Text Jam
Universitas Sumatera Utara
Gambar 3.4b Properties Dynamic Text Menit
Gambar 3.4c Properties Dynamic Text Detik
3. Masukkan objek yang akan dijadikan sebagai link untuk mulai menjalankan aplikasi kuis. Jadikan kedalam bentuk button dengan
menekan tombol F8 dan berikan nama sesuai objek. 4. Tekan F6 di frame 109. Hapus semua desain kecuali desain penghitung
waktu yang berada di atas. Masukkan soal menggunakan text tool dengan jenis teks yaitu static text, jenis font Comic Sans ukuran 12 dan berwarna
hitam. 5. Masukkan radio button melalui panel component. Lalu atur properties dari
radio button tersebut seperti gambar dibawah ini :
Universitas Sumatera Utara
Gambar 3.5 Pengaturan Properties Radio Button Kuis
6. Ulangi langkah nomor 5 sebanyak 3 kali. Yang perlu diperhatikan adalah nama instance name pada setiap radio button. Jika pada gambar diatas
yang terlihat adalah a1, maka untuk radio button yang berada pada soal yang sama instance name selanjutnya adalah b1, c1 dan d1.
7. Masukkan soal selanjutnya lalu ulangi langkah – langkah pada nomor 5 dan 6 tersebut dengan memperhatikan instance name
bergantung pada nomor soal.
8. Masukkan button back dan next yang bisa diambil langsung dari library panel dan selanjutnya letakkan pada bagian paling bawah di sudut kiri
stage. 9. Jika sudah selesai dengan 25 soal yang dibuat , pada frame soal terakhir,
gambarlah lingkaran berwarna hitam sebagai link menuju halaman hitung skor.
10. Pada frame 117 akan didesain halaman penghitungan skor. Masukkanlah objek yang akan dijadikan latar atau background. Pastikan latar tersebut
berada dibawah agar tidak menutupi objek lainnya. Kemudian masukkanlah objek kalkulator yang lalu jadikan kedalam bentuk button
dengan menekan F8 dan berikan nama sesuai objek. Masukkan dynamic
Universitas Sumatera Utara
text dengan jenis font Comic Sans ukuran 30 berwarna hitam pada bagian layar kalkulator untuk menampilkan skor nantinya. Dan berikan nama
variabel teks tersebut dengan nama skor. Selanjutnya masukkan objek rumah yang akan digunakan sebagai link untuk kembali kehalaman awal
dan jadikan kedalam bentuk button. Beri nama sesuai dengan objek. 11. Pada frame 118 akan didesain halaman habis waktu yang akan muncul
secara otomatis apabila waktu yang berjalan 60 menit sudah habis. Masukkan teks yang menunjukkan waktu sudah habis. Lalu masukkan
objek yang berguna sebagai link untuk menuju halaman penghitungan skor. Jadikan objek tersebut kedalam bentuk button dan beri nama yang
sesuai objek.
3.3.5.4 Desain Halaman Latihan IV