Design Perancangan Deskripsi data dan uji coba

97 a Teks untuk penulisan menggunakan font arial dengan ukuran judul 30, untuk penulisan tombol menggunakan ukuran font 25 dan untuk isi materi menggunakan font 20. b Tampilan dibuat menarik dengan tombol materi yang dapat dipelajari sesuai keinginan pengguna dan dengan proses perlangkah menampilkan gambar yang disertai keterangan narator dalam menjelaskan materi pembelajaran. Selain itu media pembelajaran ini dilengkapi dengan kompetensi, materi, video, petunjuk penggunaan, referensi dan exit. c Bahasa yang digunakan mengguakan bahasa indonesia yang baik, ringkas dan jelas disesuaikan denggan pengguna agar mudah dipahami. d Warna bacground yang digunakan untuk tampilan intro adalah biru muda sementara untuk tampilan isi media menggunakan warna ungu dengan tulisan bewarna orange. Dasar pemilihan warna ini menggunakan warna analog yaitu biru dan ungu karena menurut Heninch. Et. al. 2005: 95 warna biru-ungu bagus saat digunakan bersamaan dalam tayangan visual , selain itu kombinasi warna biru muda dan ungu termasuk ke dalam warna tidak mencolok dan dingin, warna ini dipilih agar nyaman dipandang mata.

b. Design Perancangan

Perancangan design pengembangan media ini meliputi pembuatan storyboard, flowchart view, dan struktur design navigasi. 98 Berikut adalah deskripsi data dalam tahap perancangan media pembelajaran pada materi menggambar proporsi tubuh wanita 1 : 8 ½ dengan menggunakan program macromedia flash. 1 Penyusunan Storyboard Format penyusunan storyboard diadaptasi dari Halas dan Luther yang dikutip dari Ariesto Hadi Sutopo 2003: 35-36. Story board ini terdiri dari kolom visual berisi tampilan desain tiap screne dan kolom objek yang menjelaskan objekelemen multimedia apa yang berada didalam screne tersebut. Storyboard berada dalam lampiran. 2 Penyusunan flowchart view multimedia pembelajaran Penyusunan flowchart ini dikembangkan sesuai dengan format multimedia simulasi, berikut flowchart multimedia pada penelitian ini : 99 START HALAMAN INTRO KELUAR MULAI HALAMAN PEMBUKA TIDAK HOME KOMPETENSI VIDEO YA MATERI EXIT TIDAK TAMPILAN PROSES END YA REFERENSI PETUNJUK Gambar 16. Diagram flow chart view Media Pembelajaran Berbasis Macromedia Flash . Pada menu materi, dan video masih memiliki alur yang panjang. Ukuran kertas yang terbatas membuat alur tersebut tidak dapat disajikan dalam satu gambar, oleh sebab itu alur tersebut ditampilkan secara terpisah. Berikut ini gambar flowchart menu materi, dan video : 100 Menu Home Menu Home Halaman Materi Menu Materi Pengertian Proporsi Alat dan Bahan Hal - hal Yang Harus Diperhatikan Gambar Pengertian Perbandingan Tubuh Wanita 1 : 8 12 Tampilan Halaman Pengertian Proporsi Tampilan Halaman Alat dan Bahan Tampilan Halaman Hal - hal Yang Harus Diperhatikan Tampilan Halaman Gambar Tampilan Halaman Pengertian Perbandingan Tubuh Wanita 1 : 8 12 Gambar 17. Flowchart Menu Materi 101 Menu Home Menu Home Halaman Video Menu Video Proses Pembuatan Garis Bantu Proses Membentuk Anggota Tubuh Badan Bawah Proses Membentuk Anggota Tubuh Badan Atas Proses Keseluruhan Proses Membentuk Wajah Tampilan Halaman Proses Pembuatan Garis Bantu Tampilan Halaman Proses Membentuk Wajah Tampilan Halaman Proses Membentuk Anggota Tubuh Badan Atas Tampilan Halaman Proses Membentuk Anggota Tubuh Badan Bawah Tampilan Halaman Proses Keseluruhan Gambar 18. Flowchart Menu Video 3 Penyusunan design navigasi multimedia pembelajaran Penyusunan Struktur navigasi dalam multimedia pembelajaran ini mengacu pada model Spoke and Hub. Model ini memungkinkan halaman utama memiliki hubungan dengan setiap node. Setiap node dapat kembali ke halaman utama. Ariesto Hadi Sutopo, 2003: 30 model ini dipilih karena memudahkan pengguna dalam mencari menu dan sub menu 102 karena semua menu maupun sub menu konsisten tersaji dalam setiap tampilan. SCENE 2 HOME SCENE 7 REFRENSI SCENE 4 MATERI SCENE 6 PETUNJUK PENGGUNAKAN SCENE 3 KOMPETENSI SCENE 5 VIDEO SCENE 8 EXIT SCENE1 START SCENE 5.1 SCENE 5 VIDEO SCENE 5 VIDEO SCENE 5.2 SCENE 5.3 SCENE 5.4 SCENE 5.5 SCENE 4.1 SCENE 4.2 SCENE 4.3 SCENE 4.4 SCENE 4.5 Gambar 19. Struktur Design Navigasi Media Pembelajaran

c. Material Colletion Pengumpulan Bahan