Rancangan Tampilan. DESAIN DAN PERANCANGAN

commit to user xxix Mempersiapkan hardware maupun software yang akan digunakan sebagai sarana dalam proses pembuatan aplikasi. 4. Pembuatan Aplikasi Membuat aplikasi dan mengintegrasikan semua elemen–elemen yang dibutuhkan seperti gambar, teks, maupun suara sehingga menghasilkan aplikasi multimedia yang baik dan mudah dipahami. 5. Testing dan Perbaikan Percobaan hasil dari pembuatan aplikasi, agar mengetahui kesalahan dari aplikasi yang telah dibuat sehingga dapat meminimalisir kesalahan tersebut. 6. Finishing Proses yang terakhir adalah penyelesaian finishing. Dalam hal ini dilakukan pem-burning aplikasi ke dalam CD Compact Disk supaya dapat digunakan oleh pengguna.

3.3 Rancangan Tampilan.

Pembuatan pada rancangan alur submenu dilakukan dengan mengunakan struktur navigasi hirarki. Dari hasil rancangan yang ada, pembuatan CD multimedia dengan Flash, dapat menjadi bagian-bagian submenu yang memiliki pembahasan yang berbeda-beda, rancangan alur submenu dapat dilihat dalam Gambar 3.2. commit to user xxx Loading Menu Lihat Keluar Kuis Puzzle Petunjuk penjelasan Gambar 1 Menjawab Soal L1 Peringatan Ya Tidak penjelasan Gambar 2 Menjawab Soal L2 Menjawab Soal L3 Gambar 3.2 Rancangan Alur Submenu. Tampilan pertama adalah halaman loading, setelah itu masuk ke halaman menu utama, pada menu utama user dapat memilih menu yang diinginkan, disini terdapat menu pilihan yaitu keterangan tentang organ dalam tubuh manusia yang terdapat pada menu lihat, uji kemampuan pemahaman tentang organ dalam tubuh manusia yang terdapat pada menu kuis, petunjuk serta menu tantang pengetahuan tentang letak organ dalam tubuh manusia dalam menu puzzle.

3.3.1 Rancangan Tampilan Menu Utama

Menu ini merupakan halaman utama dari aplikasi ini. Pada halaman ini terdapat 5 Tombol menu antara lain lihat, kuis, petunjuk, puzzle dan keluar. Rancangan menu utama dapat dilihat dalam Gambar 3.3. commit to user xxxi menu Organ dari Depan Organ dari Belakang Lihat Puzzle Keluar Petunjuk Kuis Gambar 3.3 Desain Menu Utama.

3.3.2 Rancangan Tampilan Lihat

Menu ini merupakan salah satu menu yang terdapat dalam menu utama. Terdiri dari beberapa tombol yang terdapat animasi apabila disentuh. pada bagian tengah terdapat tombol organ depan dan organ belakang, pada bagian kanan bawah terdapat tombol menu yang apabila dieksekusi akan mengarah ke frame yang lain. Rancangan desain halaman lihat dapat dilihat dalam Gambar 3.4. Gambar 3.4 Desain Menu Pada Halaman Lihat.

3.3.3 Rancangan Tampilan Isi Lihat

Menu ini berisikan tampilan dari halaman lihat. Pada bagian tengah terdapat tombol gambar dan keterangan, pada bagian kiri bawah terdapat tombol kembali dan menu yang apa bila dieksekusi akan mengarah ke frame yang lain. Pada kanan bawah terdapat tombol detail yang apabila dieksekusi akan menampilkan commit to user xxxii menu Gambar Keterangan Kembali Detail menu Level 1 Level 2 Level 3 rincian gambar. Rancangan desain halaman isi lihat dapat dilihat dalam Gambar 3.5. Gambar 3.5 Desain Halaman Keterangan.

3.3.4 Rancangan Tampilan Kuis

Menu ini berisikan beberapa tombol yang terdapat animasi apabila disentuh. Pada bagian tengah terdapat tombol level 1, level 2 dan level 3, pada bagian kanan bawah terdapat tombol menu yang apabila dieksekusi akan mengarah ke frame yang lain. Rancangan desain halaman kuis dapat dilihat dalam Gambar 3.6. Gambar 3.6 Desain Halaman Kuis.

3.3.5 Rancangan Tampilan Isi Kuis

Menu ini berisikan tampilan dari halaman kuis pada halaman isi kuis user akan diuji pemahaman tentang organ dalam tubuh manusia. Pada bagian bawah kanan terdapat tombol kembali dan menu yang apabila dieksekusi akan mengarah commit to user xxxiii menu Isi SOAL PILIHAN GANDA KEMBALI MENU ke frame yang lain. Pada kolom soal berisi soal-soal yang akan di sajikan, pada tombol pilih ganda digunakan untuk memelih jawaban dari kolom soal. Rancangan desain halaman isi kuis dapat dilihat dalam Gambar 3.7. Gambar 3.7 Desain Halaman Isi Kuis.

3.3.6 Rancangan Tampilan Petunjuk.

Menu ini berisikan tatacara dari penggunaan aplikasi ini. Rancangan desain halaman petunjuk dapat dilihat dalam Gambar 3.8. Gambar 3.8 Desain Halaman Petunjuk.

3.3.7 Rancangan Tampilan Puzzle

Menu ini berisikan tentang gambar-gambar organ dalam tubuh manusia. Pada menu puzzle ada sebelas gambar organ dalam tubuh manusia dan user tinggal mencocokan tiap-tiap gambar pada layar gambar. Rancangan desain halaman puzzle dapat dilihat dalam Gambar 3.9. commit to user xxxiv Gambar Gambar 3.9 Desain Halaman Puzzle.

3.3.8 Rancangan Tampilan Keluar

Dalam menu ini berisikan tentang tahap untuk keluar dari aplikasi multimedia ini. Rancangan desain halaman keluar dapat dilihat dalam Gambar 3.10. YA TIDAK Gambar 3.10 Desain Halaman Keluar. commit to user xxxv

BAB IV IMPLEMENTASI DAN EVALUASI