36
BAB III ANALISA DAN PERANCANGAN
3.1
KONSEP (CONCEPT)
Aplikasi ini dibuat untuk pembelajaran bagi user menentukan benda yang tepat dalam ruangan yang tepat, dimana user lebih dominan pada kegiatan bermain terutama untuk anak-anak agar dapat mengetahui benda yang tepat didalam ruangan tersebut adalah benda apa saja (seperti meja, sofa dan lain-lain). Dalam perancangan aplikasi ini, penulis berharap user dapat lebih tepat menentukan benda-benda apa saja yang ada didalam ruangan yang menjadi soal dengan jawaban pengecoh yang membingungkan user dalam menjawab kuis didalam aplikasi ini. Adapun mengenai konsep yang digunakan penulis untuk mendeskripsikan aplikasi ini terlihat pada table 3.1.
Judul Pengguna Objek
Aplikasi Kuis Memilih Objek Ruangan 3 Dimensi Dengan Blender 2.66 Anak-anak Dalam bentuk 3 dimensi agar setiap benda di dalam ruangan terlihat nyata seperti benda aslinya
Suara
Menggunakan file berformat .mp3 agar lebih menarik
Animasi
Animasi pada teks dan gambar dibuat sendiri
Interaktif
Menggunakan tombol navigasi dan keyboard
Soal Perangkat Lunak
User akan mendapat soal dengan pilihan ganda, 1 pilihan benar dan 2 pilihan pengecoh/ salah Blender-2.66-release-windows32 bit. Windows 7 Starter
Perangkat Keras
Prosesor
: AMD Dual-Core C-50 (1.0 GHz)
37
Ram
: 2GB DDR3
Harddisk
: 320GB
Tabel 3.1 Deskripsi konsep aplikasi
3.2
PERANCANGAN (DESIGN)
Pada bagian perancangan dijelaskan secara rinci mengenai rancangan aplikasi kuis memilih objek ruangan 3 dimensi berbasis multimedia yang meliputi pemodelan perancangan storyboard dan perancangan algoritma.
3.2.1 Perancangan Storyboard
Storyboard halaman pembuka
Scene
Visual
1
Nama Form : Storyboard Tampilan Halaman Utama Link
: Tombol Start, Tombol Quit
Keterangan : Menampilkan Halaman Utama
38
2
Nama Form
: Storyboard Tampilan Halaman ke-2
Link
: Tombol Quit, Tombol Keyboard panah atas-bawah, kanan-kiri menuju kunci
Keterangan
: Menampilkan animasi pencari kunci diruangan yang tersebunyi untuk menuju soal
3
Nama Form
: Storyboard Tampilan Halaman ke-2
Link
: Tombol Quit, Tombol Keyboard panah atas-bawah, kanan-kiri menuju kunci
Keterangan
: Menampilkan soal ke-1
1. Soal ke-1 akan menampilkan pertanyaan benda yang tepat pada ruangan ini adalah ? 2. Dengan pilihan jawaban 3 benda yang akan muncul, 1 pilihan
39
jawaban benar dan 2 pilihan jawaban pengecoh/ salah 3. Jika user memilih jawaban yang benar maka akan muncul scene tampilan benar 4. Jika user memilih jawaban yang salah maka akan muncul scene tampilan salah 4
Nama Form
: Storyboard Tampilan Scene Benar
Link
: Tombol Quit, Tombol Soal Selanjutnya
Keterangan
: Menampilkan text jawaban anda benar dan next untuk scene selanjutnya
5
Nama Form
: Storyboard Tampilan Scene Benar
Link
: Tombol Quit, Tombol Soal Selanjutnya
Keterangan
: Menampilkan text
jawaban anda salah dan soal
selanjutnya untuk mencoba soal yang berbeda
40
Scene
Visual
6
Nama Form
: Storyboard Tampilan Finish
Link
: Tombol Quit
Keterangan
: Menampilkan Finish yang menandakan semua soal sudah dilakukan dengan baik dan tidak ada soal lagi Tabel 3.2 Tabel storyboard
41
3.2.2 Perancangan algoritma Mulai
Mencari kunci menuju soal
Inisialisasi objek ruangan
Tampilkan Soal
Menunggu jawaban user
Jawaban benar ?
Ya
Tampilan Halaman Benar
Tidak Tampilan Halaman Salah
Ya
Masih ada soal ? Tidak Tampilan Halaman Finish
Selesai
Gambar 3.1 Flow chart kuis 3D
42
Perancangan algoritma dengan flow chart kuis menunjukan langkah demi langkah secara umum dengan lebih memperjelas apa yang dilakukan user dan yang dijalankan sistem.
Mulai Tidak Ya
Tombol panah atas ditekan ?
Tikus akan bergerak maju
Kunci ditemukan ?
Ya
Tidak
Tombol panah bawah ditekan ?
Ya
Tikus akan bergerak mundur
Tidak
Tombol panah kanan ditekan ?
Ya
Tikus akan bergerak berbelok ke kanan
Tidak
Tombol panah kiri ditekan ?
Ya
Tikus akan bergerak berbelok ke kiri
Selesai
Gambar 3.2 Flow chart mencari kunci menuju soal
Flow chart mencari kunci menuju soal, menjelaskan bahwa untuk mencari kunci user harus menggunakan keyboard panah atas-bawah, kanan-kiri sampai menemukan kunci untuk menuju soal dan jika tidak ditemukan maka proses akan terus berulang sampai user menemukan kunci.
43
Mulai
Tambah objek ruang ke dalam array objek ruang
Masih ada objek ruang lainnya?
Ya
Tidak Selesai
Gambar 3.3 Flow chart inisialisasi objek ruangan
Flow chart inisialisasi objek ruangan, menjelaskan bahwa sistem akan mengecek apakah masih ada objek ruang lainnya yang akan dijadikan pilihan jawaban, jika ada maka sistem akan terus menambahkan objek ke dalam array objek ruang.
44
Mulai
Masih ada objek ruang yang belum jadi jawaban soal?
Ya
Ambil dua objek pengecoh Tidak Tambahkan objek pengecoh dan objek jawaban benar ke dalam array Ubah posisi kamera ke ruang yang tepat
Acak posisi objek
Tampilkan ketiga objek yaitu 2 objek pengecoh dan 1 objek benar Selesai
Gambar 3.4 Flow chart Tampilkan soal
Flow chart tampilkan soal, menjelaskan cara sistem menunjukan 2 pilihan jawaban pengecoh/ salah dan 1 pilihan jawaban yang benar dengan dengan mengubah posisi kamera yang sesuaikan dengan pertanyaan yang menjadi soal dengan menempatkan kamera diruangan yang tepat, dengan tampilan 3 pilihan jawaban yang sudah di acak sebelumnya.
45
Mulai
Ya Jawaban user benar ?
Tidak
Benda yang benar ditampilkan
Benda yang salah ditampilkan
Menampilkan text “Anda Salah” dengan text color berwarna merah
Menampilkan suara Salah yang membedakan jawaban user benar dan salah
Menampilkan text “Anda Benar” dengan text color berwarna biru
Menampilkan suara Benar yang membedakan jawaban user benar dan salah
Selesai
Gambar 3.5 Flow chart tampilkan halaman benar dan salah
Flow chart tampilkan halaman benar dan salah, menjelaskan apa yang diproses sistem jika user menjawab soal dengan benar atau salah, sistem akan menampilkan tampilan yang menarik yang menyajikan animasi text dan suara yang disertakan benda yang menjadi jawaban benar atau salah.
46
Mulai
Tampilkan Soal
Soal sudah selesai ?
Tidak
Ya Menampilkan text “Finish”
Menampilkan suara
Selesai
Gambar 3.6 Flow chart tampilkan halaman Finish
Flow chart tampilkan halaman finish, dengan tampilan halaman finish sistem akan mengecek terlebih dahulu apakan masih ada soal berikutnya / sudah tidak ada soal lagi, jika sudah tidak ada maka yang akan muncul adalah tampilan Finish dengan tambahan suara agar lebih menarik.
Pada tampilan aplikasi kuis ini penulis juga akan membuat 2 layer dalam 1 aplikasi blender dengan isi yang sama, hanya saja pada layer 1 diisi dengan objek yang dibutuhkan saja seperti misalnya jika yang menjadi soal adalah ruangan dapur maka objek yang tersedia dilayer 1 adalah objek perlengkapan ruang tamu saja sedangkan dilayer 2 sudah dilengkapi dengan objek lain yang ada diruangan lain yang peletakannya pun sudah diatur sesuai dengan lay out dilayer 1.
47
3.3 PENGUMPULAN BAHAN (MATERIAL COLLECTING) Dalam pembuatan aplikasi ini penulis membutuhkan beberapa kebutuhan seperti :
3.3.1 Musik Musik yang digunakan untuk mendukung aplikasi ini agar lebih menarik menggunakan format MPEG-1 Audio Layer 3 atau lebih dikenal sebagai MP3 adalah salah satu format berkas pengodean suara yang memiliki kompresi yang baik sehingga ukuran berkas bisa memungkinkan menjadi lebih kecil.
3.3.2. Gambar Gambar pada aplikasi ini digunakan untuk gambar dasar suatu objek seperti gambar genteng, gambar lantai, dll. Gambar yang digunakan dengan format Joint Photographic Experts Group (JPEG).