Produk Awal Tampilan Awal Media Tampilan Menu utama Tampilan Menu petunjuk Tampilan Menu Materi Tampilan Menu evaluasi

3. Fase Realisasi

Produk awal media merupakan produk media pertama sebelum dilakukan uji coba. Media awal ini merupakan hasil implementasi dari tahap desain program.

a. Produk Awal Tampilan Awal Media

Hasil implementasi tampilan menu awal adalah berupa teks, dan tombol. Tampilan diawali dengan animasi teks yang berisi tentang informasi mata diklat, standar kompetensi, kompetensi dasar, alokasi waktu, selain teks ada pula tombol masuk, ketika tombol ini di-klik, program akan menampilkan menu utama. Implementasi tampilan menu awal adalah sebagai berikut : Gambar 16. Hasil Implementasi Tampilan Menu Awal

b. Tampilan Menu utama

Menu utama merupakan menu dimana user dapat mengakses seluruh program. Menu ini terdiri dari judul program, narasi suara serta beberapa tombol yaitu, tombol petunjuk, tombol materi, tombol evaluasi, tombol profil. Tombol-tombol ini apabila di-klik, maka program akan menampilkan halaman sesuai dengan judul yang tertera pada masing-masing tombol. Selain tombol-tombol tersebut terdapat sebuah tombol untuk keluar dari program yaitu tombol exit.

c. Tampilan Menu petunjuk

Menu petunjuk berisi informasi tentang petunjuk penggunaan program. Gambar 17. Tampilan Menu Utama

d. Tampilan Menu Materi

Menu materi teridiri beberapa sub pokok bahasan materi yang akan dibahas, sub pokok bahasan ini kemudian diimplementasikan dalam bentuk tombol, apabila tombol-tombol tersebut diklik maka program akan menampilkan materi sesuai dengan judul sub pokok bahasan yang diklik. Selain itu pada menu materi masih terdapat beberapa tombol lain yaitu, tombol exit yang berfungsi untuk keluar dari program, dan home yang berfungsi untuk kembali ke menu utama. Selain itu pada menu materi terdapat logo UNY serta animasi teks yang berisi judul dari program. Gambar 18. Tampilan Menu Petunjuk

e. Tampilan Menu evaluasi

Evaluasi diberikan dengan maksud dan tujuan agar media pembelajaran selain menampilkan materi pembelajaran juga disertai soal-soal evaluasi agar pengguna dapat belajar mengerjakan soal untuk mengetahui sejauh mana pemahaman tentang topik yang dipelajari. Menu evaluasi terdiri dari 3 bagian yang mempunyai fungsi masing-masing yaitu halaman awal berfungsi untuk memperoleh data Peserta Didik yang sedang mengakses program Gambar 20. Bagian kedua halaman berisi tes pilihan ganda 20 soal dan 4 soal praktek menggambar Gambar 21. Bagian ketiga merupakan halaman yang memberikan output hasil evaluasi Gambar 22. Gambar 22. Tampilan Menu Materi Gambar 19. Tampilan Materi Gambar 20. Halaman awal evaluasi Gambar 21. Halaman tes evaluasi pilihan ganda Tampilan bagian ketiga dari menu evaluasi adalah output, halaman ini merupakan hasil dari soal yang telah dikerjakan. Pada halaman ini tertulis nama dan nilai sebagai hasil dari evaluasi dan tombol home untuk kembali ke menu utama.

f. Tampilan Menu Profil