Perancangan Flowchart Pertimbangan Perancangan

Gambar 4.28 Rancangan Flowchart Menu Visualisasi Pada gambar 4.28 merupakan rancangan flowchart menu visualisasi pergerakan bumi dan bulan. Terdapat 4 pilihan dalam tampilan ini yaitu pilihan gerakan bumi yang jika dipilih oleh pengguna akan mengarah pada tampilan gerakan bumi, pilihan Keterangan : B : Menu Visualisasi P. Bumi Bulan D : Gerakan Bumi E : Gerakan Bulan F : Gerakan Bumi Bulan G : Profil Creator B Menampilkan Menu Visualisasi P. Bumi Bulan Pilih Gerakan Bumi D Keluar ya tidak Pilih Gerakan Bulan E ya tidak Pilih Gerakan Bumi Bulan F ya tidak Pilih About Me G ya tidak Pilih Back ya tidak Menu Utama gerakan bulan yang akan mengarah pada tampilan gerakan bulan, pilihan gerakan bumi dan bulan yang akan mengarah pada tampilan gerakan bumi dan bulan, serta pilihan about me yang akan mengarah pada tampilan profil creator. Gambar 4.29 Rancangan Flowchart Gerakan Bumi Pada gambar 4.29 merupakan rancangan flowchart gerakan bumi. Dalam tampilan ini terdapat tampilan visualisasi 3 dimensi mengenai peristiwa-peristiwa yang termasuk ke dalam gerakan bumi. Selain itu juga terdapat pilihan back yang akan mengarahkan pengguna kembali ke tampilan menu visualisasi pergerakan bumi dan bulan. Keterangan : D : Gerakan Bumi D Menampilkan Tampilan Gerakan Bumi Pilih Back Keluar ya tidak Menu Visualisasi P. Bumi Bulan Gambar 4.30 Rancangan Flowchart Gerakan Bulan Pada gambar 4.30 merupakan rancangan flowchart gerakan bulan. Dalam tampilan ini terdapat tampilan visualisasi 3 dimensi mengenai peristiwa-peristiwa yang termasuk ke dalam gerakan bulan. Selain itu juga terdapat pilihan back yang akan mengarahkan pengguna kembali ke tampilan menu visualisasi pergerakan bumi dan bulan. Gambar 4.31 Rancangan Flowchart Gerakan Bumi dan Bulan Keterangan : E : Gerakan Bulan E Menampilkan Tampilan Gerakan Bulan Pilih Back Keluar ya tidak Menu Visualisasi P. Bumi Bulan Keterangan : F : Gerakan Bumi Bumi F Menampilkan Tampilan Gerakan Bumi Bulan Pilih Back Keluar ya tidak Menu Visualisasi P. Bumi Bulan Pada gambar 4.31 merupakan rancangan flowchart gerakan bumi dan bulan. Dalam tampilan ini terdapat tampilan visualisasi 3 dimensi mengenai peristiwa-peristiwa yang termasuk ke dalam gerakan bumi dan bulan. Selain itu juga terdapat pilihan back yang akan mengarahkan pengguna kembali ke tampilan menu visualisasi pergerakan bumi dan bulan. Gambar 4.32 Rancangan Flowchart Profil Creator Pada gambar 4.32 merupakan rancangan flowchart profil creator. Dalam tampilan ini terdapat identitas dari pembuat aplikasi. Selain itu juga terdapat pilihan back yang akan mengarahkan pengguna kembali ke tampilan menu visualisasi pergerakan bumi dan bulan. Keterangan : G : Profil Creator G Menampilkan Profil Creator Pilih Back Keluar ya tidak Menu Visualisasi P. Bumi Bulan Gambar 4.33 Rancangan Flowchart Cerita Pengantar Permainan Pada gambar 4.33 merupakan rancangan flowchart cerita pengantar permainan. Pada tampilan ini terdapat 3 jenis tampilan yang disajikan yaitu berupa teks, video serta virtual reality yang akan memberikan informasi mengenai petunjuk serta cerita yang diusung dalam permainan. Untuk berpindah menuju tampilan selanjutnya yaitu permainan labirin, pengguna akan menggunakan tombol maupun melakukan interaksi dengan NPC dalam tampilan. C Menampilkan Cerita Pengantar Permainan Pilih BackNPC Keluar ya tidak Menu Utama Pilih NextNPC ya tidak H Keterangan : C : Cerita Pengantar Permainan H : Permainan Labirin Gambar 4.34 Rancangan Flowchart Permainan Labirin Pada gambar 4.34 merupakan rancangan flowchart permainan labirin. Pada tampilan ini terdapat tampilan virtual tidak ya salah benar H Tampilkan Permainan Labirin Nyawa=3 Keluar ya 7. Tampilkan tampilan gameover Pilih NextNPC tidak I Keterangan : H : Permainan Labirin I : Permainan Puzzle 1. Pilih NPC 2. Random Soal 3. Tampilkan Soal 4. Jawab Soal 5. Tampilkan tampilan salah Nyawa-1 6. Nyawa=0 8. Tampilkan tampilan benar 9. Tampilkan arah labirin Ulangi langkah 1-9 untuk NPC dari 2-13 reality permainan labirin dengan hanya 1 jalan keluar. Dalam labirin tersebut pengguna akan berinteraksi dengan NPC yang terdapat dalam permainan. Untuk dapat berpindah tampilan menuju tampilan selanjutnya, pengguna harus menyelesaikan permainan terlebih dahulu hingga pengguna akan bertemu dengan NPC terakhir dalam permainan yang dapat pengguna gunakan untuk berpindah menuju tampilan berikutnya. Sedangkan untuk kembali pada tampilan sebelumnya, pengguna dapat menggunakan NPC yang terdapat pada awal permainan. Gambar 4.35 Rancangan Flowchart Permainan Puzzle berhasil I Random Puzzle Keterangan : I : Permainan Puzzle Tampilkan Permainan Puzzle Susun Puzzle Tampilkan tampilan gagal Tampilkan Tampilan berhasil gagal Cerita Pengantar Permainan Pada gambar 4.35 merupakan rancangan flowchart permainan puzzle. Pada tampilan ini terdapat tampilan permainan puzzle mengenai materi pergerakan bumi dan bulan. Untuk dapat menyelesaikan permainan serta memasuki tampilan selanjutnya maka pengguna harus terlebih dahulu menyelesaikan permainan. Setelah menyelesaikan permainan maka pengguna akan kembali diarahkan pada tampilan cerita pengantar permainan.

4.6 Implementasi

Tahap implementasi merupakan tahap yang terdiri dari prototyping dan beta testing. Prototyping dijelaskan melalui implementasi sistem yang berupa pembangunan visualisasi 3 dimensi pergerakan bumi dan bulan serta game evaluasi. Berikut ini adalah pembahasan dalam tahap implementasi.

4.6.1 Prototyping

Pada tahap prototyping menjelaskan tentang implementasi aplikasi yang dibuat berupa penjelasan dari pembangunan visualisasi 3 dimensi pergerakan bumi dan bulan, game evaluasi serta pembangunan sistem menu berupa virtual reality.

4.6.1.1 Pembangunan Visualisasi 3 Dimensi

Pembangunan visualisasi 3D pergerakan bumi dan bulan terbagi menjadi beberapa tahapan, yaitu tahap pembuatan konten materi berupa video hasil renderasi 3D, animasi shockwave 3D serta panorama quicktime menggunakan 3D Studio Max, tahap pembuatan background serta elemen grafis tampilan menggunakan Adobe Photoshop, perekaman narasi serta pemilihan backsound, serta pengemasan visualisasi menggunakan Macromedia Director. 1. Pembuatan Konten Materi menggunakan 3D Studio Max Konten yang disajikan dalam visualisasi 3 dimensi pergerakan bumi dan bulan terbagi ke dalam beberapa jenis media seperti video hasil renderasi, animasi shockwave 3D serta panorama quicktime. Pemilihan media tersebut disesuaikan dengan kebutuhan dari visualisasi materi yang akan dihasilkan. Untuk visualisasi berisikan simulasi gerak suatu objek serta pencahayaan digunakan media video sebagai sarana penyampaian, untuk visualisasi berisikan penggambaran bentuk suatu objek digunakan media berupa shockwave 3D agar tampilan dapat dianimasikan, sedangkan untuk tampilan yang menyatakan urutan kejadian digunakan media panorama quicktime agar menambah interaksi. Gambar 4.36 Perancangan Konten Video Gambar 4.37 Penerapan Texture Mapping Perancangan konten visualisasi berupa video dibuat sesuai dengan materi-materi yang terdapat dalam pergerakan bumi dan bulan. Proses ini diawali dengan pembuatan model objek-objek yang ditampilkan menggunakan parametric object kemudian objek Parameter Glow Parametric Object Hasil Renderasi Path Constraint Material Editor Texture Mapping