3.10 Mendesain Tampilan Awal Test
Desain tampilan pada halamantest :
Gambar 3.9 Rancangan Tampilan Awal Test
Cara pembuatannya adalah sebagai berikut : 1.
Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame.
2. Untuk pembuatan tombol back pada tampilan kali ini sama dengan tombol
button yang sebelumnya bedanya hanya pada bentuk tampilan yang lebih kreatif yang disimbolkan dengan gambar. Untuk membuat script pada tombol
back dengan mengklik pada jendela action-buttons ketikkan script program sebagai berikut :
onrelease{ gotoAndPlayScene 1, 2 ;
} Jika kita mengklik buttonback maka kita akan kembali ke tampilan menu.
Input Nama
Mulai
Back
3. Untuk pembuatan tombol mulaipada tampilan kali ini sama dengan tombol
button yang sebelumnya bedanya hanya pada bentuk tampilan yang hanya disimbolkan dengan tulisan. Untuk membuat script pada tombol mulaidengan
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. 4.
Pembuatan tulisan “Nama”, menggunakan text tool. Pilih type textStatic text. Lalu membuat kotak isiannya juga menggunakan text tool pilihtype
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.
3.11 Mendesain Tampilan Soal Test
Desain tampilan pada halamantest :
:
Gambar 3.10 Rancangan Tampilan Soal Test
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. Bedanya button di sini tidak dimasukkan script di dalam button nya melainkan di dalam frame nya.
Berikut script di frame soal latihannya : onEnterFrame = function {skor= +score;};
A
.onrelease{ gotoAndStop3;
score++; }
B.
onrelease{
Gambar
Pilihan A
Pilihan B Pilihan C
Pilihan D
gotoAndStop3;
} C.
onrelease{ gotoAndStop3;
}
D.
onrelease{ gotoAndStop3;
}
Setiap button dari A sampai D sudah diberi nama A, B, C dan D. Ini bertujuan agar button pada stage saling terhubung atau terkoneksi sesuai
dengan script yang dituliskan di actions script pada frame. Sebagai contoh di atas, button A merupakan jawaban yang benar maka score akan
bertambah. Begitu selanjutnya sampai soal terakhir, yang diganti hanyalah di bagian script pada frame, ganti button jawaban yang benar saja.
3.12 Mendesain Tampilan Hasil Test