Mendesain Tampilan Awal Latihan Mendesain Tampilan Soal Latihan

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