Pengembangan Media Pembelajaran Gambar 10.29 Desain Halaman Awal
2). Desain Halaman Menu Utama
Pada halaman menu terdapat pilihan tombol keluar yang fungsinya untuk keluar dari game, tombol materi yang menuju halaman materi pembelajaran dan tombol main yang menuju halaman game. Langkah pembuatan desain halaman menu utama adalah sebagai berikut :
a). Pindah ke frame 2, klik kanan => Insert Keyframe.
b). Buat tombol keluar, materi, main dan info dari window =>
common libraries => buttons. Lalu double klik pada masing- masing tombol => pilih text tool pada toolbar kemudian ubah nama tombol menjadi keluar, materi, main dan info => pilih scene 1 untuk kembali ke halaman awal.
c). Desain sesuai yang diinginkan.
Gambar 10.30 Desain Halaman Menu Utama
Pengembangan Media Pembelajaran 3). Desain Halaman Materi
Pada halaman materi terdapat pilihan tombol menu yang fungsinya untuk kembali ke menu utama. Langkah pembuatan desain halaman materi adalah sebagai berikut :
a). Klik kiri pada frame yang diinginkan, klik kanan => Insert Keyframe.
b). Buat tombol kembali dari window => common libraries =>
buttons. Lalu double klik pada masing-masing tombol => pilih text tool pada toolbar kemudian ubah nama tombol menjadi kembali => pilih scene 1 untuk kembali ke halaman awal.
c). Buat juga tombol keluar alternative yang dilambangkan dengan X di sudut atas dengan file => import => import to stage lalu pilih desain tombol yang sudah dibuat. Klik kanan pada tombol pilih convert to symbol => ubah nama => pilih button => ok.
Lalu klik ganda pada tombol tekan f6 sebanyak tiga kali kemudian kembali ke scene sebelumnya.
d). Desain sesuai yang diinginkan.
Gambar 10.31 Desain Halaman Materi
4). Desain Halaman Menu
Pada halaman menu terdapat pilihan tombol kembali untuk ke halaman menu utama, tombol pilihan game yaitu tebak kata, tebak gambar dan puzzle. Langkah pembuatan desain halaman menu adalah sebagai berikut :
a). Pindah ke frame 3, klik kanan => Insert Keyframe.
b). Buat tombol kembali/tebak kata/tebak gambar/puzzle dari
Pengembangan Media Pembelajaran window => common libraries => buttons. Lalu double klik pada masing-masing tombol => pilih text tool pada toolbar kemudian ubah nama tombol menjadi kembali/tebak kata/tebak gambar/puzzle => pilih scene 1 untuk kembali ke halaman awal.
c). Buat juga tombol keluar alternative yang dilambangkan dengan X di sudut atas dengan file => import => import to stage lalu pilih desain tombol yang sudah dibuat. Klik kanan pada tombol pilih convert to symbol => ubah nama => pilih button => ok.
Lalu klik ganda pada tombol tekan f6 sebanyak tiga kali kemudian kembali ke scene sebelumnya.
d). Desain sesuai yang diinginkan.
Gambar 10.32 Desain Halaman Menu
5). Desain Halaman Tebak Kata a). Halaman awal
Pada halaman awal terdapat kata tebak kata, tombol masuk kedalam tebak kata dan tombol kembali ke halaman menu.
Langkah-langkah untuk membuat halaman awal tebak kata adalah : i. Import background pilih file => import => import to stage.
Pilih background yang telah anda sediakan.
ii. Buat tombol masuk/kembali dari window => common libraries => buttons. Lalu double klik pada masing-masing tombol => pilih text tool pada toolbar kemudian ubah nama tombol masuk/kembali => pilih scene 1 untuk kembali ke halaman awal.
iii. Buat juga tombol keluar alternative yang dilambangkan
Pengembangan Media Pembelajaran dengan X di sudut atas dengan file => import => import to stage lalu pilih desain tombol yang sudah dibuat. Klik kanan pada tombol pilih convert to symbol => ubah nama => pilih button => ok. Lalu klik ganda pada tombol tekan f6 sebanyak tiga kali kemudian kembali ke scene sebelumnya.
iv. Desain sesuai yang diinginkan.
Gambar 10.33 Desain Halaman Awal Tebak Kata b). Halaman Tebak Kata
Pada halaman tebak kata terdapat beberapa soal pilihan kata dan terdapat tombol pilihan dan jawaban dari soal pilihan kata tersebut.
Langkah-langkah untuk membuat halaman tebak kata adalah : i. Buat soal dan jawaban menggunakan text tool. Pastikan
jenis text yang digunakan static text.
ii. Buat kotak menggunakan rectangle tool di luar dokumen kemudian lakukan seleksi terhadap objek tersebut lalu klik kanan => convert to symbol. Ketikkan "inv" pada kolom Name dan untuk Type pilih Button.
iii. Selanjutnya klik ganda objek persegi tersebut. Pada tampilan Timeline, geser frame Up ke frame Hit. Klik Scene 1 untuk kembali ke dokumen.
iv. Selanjutnya duplikasi invisible button tersebut dengan menekan Ctrl+D sesuai dengan yang diinginkan.
v. Tempatkan objek ke dalam tiap jawaban sehingga akan menutupi jawaban-jawaban tersebut. Pastikan tiap kata/jawaban akan tertutupi oleh objek persegi tersebut, Anda dapat menggunakan Free Transform tool untuk
Pengembangan Media Pembelajaran mengatur ukuran objek persegi agar sesuai dengan ukuran jawaban.
vi. Buat juga tombol keluar alternative yang dilambangkan dengan X di sudut atas dengan file => import => import to stage lalu pilih desain tombol yang sudah dibuat. Klik kanan pada tombol pilih convert to symbol => ubah nama => pilih button => ok. Lalu klik ganda pada tombol tekan f6 sebanyak tiga kali kemudian kembali ke scene sebelumnya.
vii. Desain sesuai yang diinginkan.
Gambar 10.34 Desain Halaman Tebak Kata
6). Desain Halaman Tebak Gambar a). Halaman awal
Pada halaman awal terdapat kata tebak gambar, tombol masuk kedalam tebak gambar dan tombol kembali ke halaman menu.
Langkah-langkah untuk membuat halaman awal tebak gambar adalah :
i. Import background pilih file => import => import to stage.
Pilih background yang telah anda sediakan.
ii. Buat tombol masuk/kembali dari window => common libraries => buttons. Lalu double klik pada masing-masing tombol => pilih text tool pada toolbar kemudian ubah nama tombol masuk/kembali => pilih scene 1 untuk kembali ke halaman awal.
iii. Buat juga tombol keluar alternative yang dilambangkan dengan X di sudut atas dengan file => import => import to stage lalu pilih desain tombol yang sudah dibuat. Klik
Pengembangan Media Pembelajaran kanan pada tombol pilih convert to symbol => ubah nama
=> pilih button => ok. Lalu klik ganda pada tombol tekan f6 sebanyak tiga kali kemudian kembali ke scene sebelumnya.
iv. Desain sesuai yang diinginkan.
Gambar 10.35 Desain halaman awal tebak gambar
b). Halaman tebak gambar
Pada halaman tebak gambar terdapat beberapa soal pilihan gambar dan terdapat tombol pilihan dan jawaban dari soal pilihan gambar tersebut.
Langkah-langkah untuk membuat halaman tebak gambar adalah : i. Buat soal menggunkan text tool. Pastikan jenis text yang
digunakan static text.
ii. Masukkan jawaban gambar dan pilihan gambar berdasarkan soal dari file => import => import to stage
iii. Buat kotak menggunakan rectangle tool di luar dokumen kemudian lakukan seleksi terhadap objek tersebut lalu klik kanan => convert to symbol. Ketikkan "inv" pada kolom Name dan untuk Type pilih Button.
iv. Selanjutnya klik ganda objek persegi tersebut. Pada tampilan Timeline, geser frame Up ke frame Hit. Klik Scene 1 untuk kembali ke dokumen.
v. Selanjutnya duplikasi invisible button tersebut dengan menekan Ctrl+D sesuai dengan yang diinginkan.
vi. Tempatkan objek ke dalam tiap gambar sehingga akan menutupi gambar-gambar tersebut. Pastikan tiap gambar
Pengembangan Media Pembelajaran akan tertutupi oleh objek persegi tersebut, Anda dapat menggunakan Free Transform tool untuk mengatur ukuran objek persegi agar sesuai dengan ukuran gambar.
vii. Buat juga tombol keluar alternative yang dilambangkan dengan X di sudut atas dengan file => import => import to stage lalu pilih desain tombol yang sudah dibuat. Klik kanan pada tombol pilih convert to symbol => ubah nama => pilih button => ok. Lalu klik ganda pada tombol tekan f6 sebanyak tiga kali kemudian kembali ke scene sebelumnya.
viii. Desain sesuai yang diinginkan.
Gambar 10.36 Desain Halaman Tebak Gambar
7). Desain Halaman Puzzle
Pada halaman Puzzle terdapat beberapa potongan gambar anggota tubuh yang harus dicocokkan pada suatu gambar tubuh manusia dan juga terdapat tombol menu.
Langkah-langkah untuk membuat halaman Puzzle adalah :
a). Masukkan gambar tubuh manusia dari file => import =>
import to stage.
b). Masukkan juga gambar anggota tubuh beserta template anggota tubuh yang telah dibuat sebelumnya file => import
=> import to stage.
c). Buat kotak menggunakan rectangle tool di luar dokumen kemudian lakukan seleksi terhadap objek anggota tubuh rambut lalu klik kanan => convert to symbol. Ketikkan
"rambut1" pada kolom Name dan “rambut” pada kolom Instance Name untuk Type pilih Movie Clip.
d). Tempatkan objek ke dalam rambut sehingga akan menutupi rambut tersebut. Pastikan rambut akan tertutupi oleh objek
Pengembangan Media Pembelajaran persegi tersebut, Anda dapat menggunakan Free Transform tool untuk mengatur ukuran objek persegi agar sesuai dengan ukuran rambut.
e). Lakukan langkah-langkah tersebut untuk anggota tubuh lainnya.
f). Masukkan dan sesuaikan template anggota tubuh ke dalam tubuh manusia.
g). Buat kotak menggunakan rectangle tool di luar dokumen kemudian lakukan seleksi terhadap objek template anggota tubuh rambut lalu klik kanan > convert to symbol. Ketikkan
"rambut" pada kolom Name dan “tempat_rambut” pada kolom Instance Name untuk Type pilih Movie Clip.
h). Tempatkan objek ke dalam template rambut sehingga akan menutupi template rambut tersebut. Pastikan template rambut akan tertutupi oleh objek persegi tersebut, Anda dapat menggunakan Free Transform tool untuk mengatur ukuran objek persegi agar sesuai dengan ukuran template rambut.
i). Lakukan langkah-langkah tersebut untuk anggota tubuh lainnya.
j). Untuk tombol menu dari window => common libraries =>
buttons. Lalu double klik pada tombol => pilih text tool pada toolbar kemudian ubah nama tombol menjadi menu => pilih scene 1 untuk kembali ke halaman awal.
k). Lalu untuk mengubah tombol dengan cara klik kanan pada tombol menu => convert to symbol => pilih button
l). Untuk membuat tombol suara dengan cara import gambar suara yang diinginkan => klik kanan convert to symbol =>
klik 2x pada gambar lalu klik kiri frame up => tekan ctrl + f6 sebanyak 3 kali. Pada frame down masukkan suara yang telah disediakan kemudia klik kembali ke scene sebelumnya.
m). Pilih tombol menu untuk kembali ke halaman menu.
n). Buat juga tombol keluar alternative yang dilambangkan dengan X di sudut atas dengan file => import => import to stage lalu pilih desain tombol yang sudah dibuat. Klik kanan pada tombol pilih convert to symbol => ubah nama => pilih button => ok. Lalu klik ganda pada tombol tekan f6 sebanyak tiga kali kemudian kembali ke scene sebelumnya.
o). Desain sesuai yang diinginkan.
Pengembangan Media Pembelajaran Gambar 10.37 Desain Halaman Puzzle
8).Desain Halaman Skor
Pada halaman ini terdapat tombol menu, papan skor, jumlah benar dan salah. Tampilan skor berisi nilai benar dan nilai salah. Jika Anda men¬jawab sebuah pertanyaan dengan benar maka skornya adalah dua puluh, demikian juga dengan skor untuk jawaban yang salah. Langkah- langkah untuk membuat halaman skor adalah :
a). Pilih menu File => Import => Import to Stage.
b). Import sebuah gambar yang akan dijadikan sebagai background, atur dengan menggunakan Free Transform tool.
c). Selanjutnya pilih Text tool, pastikan jenis teks yang digunakan adalah Static Text.
d). Tentukan warna teks sesuai dengan warna background.
e). Tempatkan masing-masing tampilan teks benar dan salah serta kotak teks untuk jumlah angka salah dan benar.
f). Selanjutnya pilih Text tool. Ubah jenis teks menjadi Dinamic Text
g). Buatlah 2 teks Dynamic, lalu tempatkan masing-masing pada teks Benar dan Salah
h). Lakukan seleksi pada Dynamic Text di bagian teks benar.
i). Tampilkan pengaturan Options. Pada panel Properties kolom Variable ketikkan "benar_skor".
j). Lakukan hal yang sama pada Dynamic Text untuk teks Salah dengan mengetikkan "salah_skor" pada kolom Variable.
k). Untuk tombol menu dari window => common libraries =>
Pengembangan Media Pembelajaran buttons. Lalu double klik pada tombol => pilih text tool pada toolbar kemudian ubah nama tombol menjadi menu => pilih scene 1 untuk kembali ke halaman awal.
l). Lalu untuk mengubah tombol dengan cara klik kanan pada tombol menu => convert to symbol => pilih button
m). Pilih tombol menu untuk kembali ke halaman menu.
n). Buat juga tombol keluar alternative yang dilambangkan dengan X di sudut atas dengan file => import => import to stage lalu pilih desain tombol yang sudah dibuat. Klik kanan pada tombol pilih convert to symbol => ubah nama => pilih button => ok.
Lalu klik ganda pada tombol tekan f6 sebanyak tiga kali kemudian kembali ke scene sebelumnya.
0). Desain sesuai yang diinginkan.
Gambar 10.38 Desain Halaman Skor
9). Desain Halaman Info
Pada halaman ini terdapat profil penulis, foto, logo kampus dan tombol home. Langkah-langkah untuk membuat halaman profilku yaitu :
a). Buat kotak menggunakan rectangle tool, lalu pilih text tool untuk membuat profil penulis dengan menggunakan static text.
b). Pilih file => import => import to stage, masukkan logo kampus.
c). Pilih file => import => import to stage, masukkan foto.
d). Untuk tombol home dari window => common libraries >
buttons. Lalu double klik pada tombol => pilih text tool pada toolbar kemudian ubah nama tombol menjadi home => pilih scene 1 untuk kembali ke halaman awal.
e). Lalu untuk mengubah tombol dengan cara klik kanan pada