Analisis Analysis Pada tahap ini beberapa kegiatan yang dilakukan yaitu: a Analisis

64 sudah direncanakan sehingga mempermudah proses pembuatan desain tampilan. Desain interface media pembelajaran meliputi; a Tampilan halaman menu utama, tampilan pada halaman menu utama terdiri dari beberapa tombol, yaitu: beranda, pendahuluan, materi, latihan, profil, referensi dan keluar. Dari beberapa tombol tersebut tersusun dalam halaman utama seperti pada gambar; b Tampilan halaman pendahuluan, tampilan halaman pendahuluan menampilkan kompetensi inti, kompetensi dasar, indikator pembelajaran, tujuan pembelajaran dan sasaran media pembelajaran. c Tampilan halaman materi, pada tampilan menu materi terdapat beberapa pilihan materi yang tersusun atas pengetahuan dasar dan penentuan gaya. d Tampilan halaman latihan, tampilan halaman latihan berisi latihan soal berupa soal pilihan ganda dan soal esaay. Terdapat 20 soal untuk pilihan ganda dan 2 soal untuk soal essay. e Tampilan halaman profil, tampilan halaman profil berisi biodata pengembang, pembimbing, ahli materi dan ahli media. f Tampilan halaman referensi, tampilan halaman referensi berisi sumber materi yang terdapat dalam media pembelajaran, meliputi: buku-buku, situsweb,dll. 3 Desain prosedural, desain prosedural merupakan tahap dimana suatu bahasa pemrograman digunakan. Dalam program Adobe Flash Professional CS5 bahasa pemrograman biasa disebut dengan Actionscript. Actionscript yang digunakan untuk menghubungkan frame satu dengan yang lain, misalnya pada halaman materi jika tombol next di-klik maka akan berpindah pada frama berikutnya, perintah yang ada pada Actionscript sebagai berikut; Onrelease{ NextFrame; } Actionscript yang digunakan untuk menghubungkan frame satu dengan yang lain, misalnya pada halaman materi jika tombol back di-klik maka akan 65 berpindah pada frame sebelumnya, perintah yang ada pada Actionscript sebagai berikut; Onrelease{ PrevFrame; } Actionscript yang digunakan untuk menghentikan movieanimasi dengan perintah: stop; Actionscript yang digunakan untuk menuju ke frame tertentu dengan perintah sebagai berikut: Onrelease{ gotoAndStop; } Actionscript yang digunakan untuk keluar program menggunakan perintah: Fscommand“quit”,true

3. Pengembangan Development

Pada tahap pengembangan adalah tahap dimana proses perwujudan dari tahap perencanaan menjadi kenyataan. Proses pengembangan dengan menggunakan program adobe flash professional CS5 dengan materi kontruksi rangka batang. Pada tahap ini dilakukan 3 langkah, yaitu: a Penyusunan; b Validasi; c Revisi.

a. Penyusunan

Penyusunan adalah tahap dimana dikembangkan media pembelajaran dengan menggunakan program adobe flash dengan mengacu pada tahap perencanaan. 66 1 Tampilan Halaman Menu Utama beranda Pengembangan pada tampilan menu utama terdiri dari beberapa menu, antara lain: beranda, pendahuluan, materi, latihan, profil, referensi, dan keluar. Gambar 34. Tampilan Halaman Menu Utama 2 Tampilan Halaman Pendahuluan Dalam halaman pendahuluan menampilkan standar kompetensi. kompetensi dasar, tujuan pembelajaran dan sasaran media pembelajaran. 67 Gambar 35. Tampilan Halaman Pendahuluan 3 Tampilan Halaman Materi Pengembangan pada tampilan halaman materi berisikan materi-materi dalam media pembelajaran. Materi-materi mengacu pada standar kompetensi dan indikator pembelajaran. Untuk memilih materi dengan cara klik pada judul materi, selanjutnya untuk melanjutkan pada halaman berikutnya klik pada tombol “next” begitu juga untuk kembali pada halaman sebelumnya klik tombol “back”. 68 Gambar 36. Tampilan Halaman Menu Materi 4 Tampilan Latihan Dalam latihan terdapat dua jenis latihan yaitu, pilihan ganda dan essay dengan 20 soal pilihan ganda serta 2 soal untuk soal essay. Gambar 37. Tampilan Halaman Latihan