dalam sebuah website. Butuh biaya yang jauh lebih besar untuk hosting dan bandwidth tentunya. Kekurangan menggunakan media CD adalah penyebarannya
tidak seperti internet yang hanya membutuhkan waktu singkat dan juga update data tidak bisa dilakukan dengan cepat.
Dari dua pertimbangan diatas, akhirnya penulis memilih media CD Interaktif dalam penyebaran sistem nantinya. Selain penjelasan tersebut, dengan
penggunaan CD Interaktif ini para siswa tidak perlu khawatir jika ada materi pelajaran yang belum dimengerti, karena dengan mudah siswa tersebut dapat
mengulangi pelajaran tersebut dari awal tanpa harus terhubung ke internet lagi.
4.2 Pertimbangan Desain
Pada tahap pertimbangan desain perancangan terdapat metafora desain, tipe informasi yang digunakan, perancangan struktur navigasi, persiapan dan
integrasi media, perancangan flowchart dan STD State Transition Diagram dan juga perancangan layar.
4.2.1 Metafora desain
Dalam merancang aplikasi multimedia, penulis menggunakan pembanding sebagai acuan dalam mendesain yang bertujuan untuk mengambil fakta dari dunia
nyata yang kemudian dikembangkan dalam aplikasi visualisasi 3D proses fotosintesis. Pemodelan dari dunia nyata yang akan penulis jadikan metafora
desain dalam perancangan sistem ini adalah aplikasi pembelajaran yang menggunakan visualisasi dan animasi 3D dalam pembuatannya. Salah satu
metafora desain yang digunakan penulis adalah hasil dari literatur sejenis berupa skripsi yang membahas tentang visualisasi dan animasi 3D, berjudul Perancangan
dan Implementasi Computer Assisted Instruction Mata Pelajaran Biologi tentang Virus Berbasis Multimedia Tiga Dimensi Untuk Kelas X SMU, karya Fitria
Yuni Utari, mahasiswa UIN Jakarta 2010.
4.2.2 Tipe Informasi
Berikut ini adalah tipe informasi yang diintegrasikan ke dalam aplikasi visualisasi 3D proses fotosintesis.
Tabel 4.1 Tipe Informasi
No. Jenis
Format
1 Animasi
.AVI 2
Gambar .PNG .JPG .GIF .TIFF
3 Presentasi Objek 3D
Adobe Shockwave .W3D
4 Video
.AVI .MPEG MP4 5
File hasil konversi software Adobe Director yang akan
disatukan ke dalam aplikasi.
.DIR
6 Audio
.MP3 .WAV 7
Autorun Aplikasi Final .EXE
4.2.3 Struktur Navigasi
Perancangan aplikasi visualisasi 3D proses fotosintesis ini diawali dengan perancangan struktur navigasi pada Gambar 4.1 berikut.
Gambar 4.1 Struktur Navigasi Aplikasi
Struktur yang digunakan dalam perancangan aplikasi ini adalah model Struktur Navigasi Gabungan atau disebut juga Composite yaitu gabungan antara
struktur navigasi linear dan hirarki. Pemilihan struktur composite ini dikarenakan
Start
Menu Utama 3D Intro
Ayo kita belajar fotosintesis
Ketergantungan manusia dan hewan terhadap tumbuhan
Creator Quiz
Pentingnya Fotosintesis
Proses Fotosintesis video Materi Fotosintesis
Proses Fotosintesis
Faktor Laju Fotosintesis PengantarPetunjuk ke Menu
Utama 3D
Akar Batang
Daun Buah
Bunga Biji
Tunas
Soal Game
Help
banyaknya cabang yang digunakan dalam membangun aplikasi sehingga navigasi content yang ingin dimasukkan lebih variatif.
Seperti yang telah digambarkan dalam bagan navigasi di atas, seorang user
pertama kali akan ditampilkan halaman awal yang yang berisi tombol start. Apabila tombol start ini dipilih maka user akan mendapatkan halaman intro yang
akan mengiringi user untuk memasuki halaman Menu Utama. Sebelum memasuki menu utama, user akan dihadapkan pada halaman transisi yang berisi informasi
tentang cara menggunakan menu 3D. Menu Utama terdiri dari beberapa tombol pilihan untuk menuju ke halaman
Ayo Kita Belajar Fotosintesis AKBF, Quiz, dan Creator. Dan sebaliknya jika
user yang sedang berada di halaman Ayo Belajar Fotosintesis Kuis Creator, maka user dapat kembali ke menu utama.
Tombol AKBF akan membawa user pada halaman yang berisi tiga pilihan materi pelajaran, yaitu Pentingnya Fotosintesis, Proses Fotosintesis dan
Ketergantungan Manusia dan Hewan terhadap Tumbuhan Hijau KMHT. User
dapat memilih pilihan tersebut dengan menekan tombol yang tersedia di halaman tersebut.
Pada halaman Proses Fotosintesis user dapat menuju ke tiga navigasi berbeda dengan menekan tombol yaitu Proses Fotosintesis Video, Materi
Fotosintesis dan Faktor Laju Fotosintesis. Sedangkan KMHT berisi materi yang di dalamnya juga terdapat tombol navigasi untuk menuju ke halaman Akar,
Batang, Daun, Buah, Bunga, Biji dan Tunas. Penulis menggunakan navigasi
linier untuk halamansubmenu KMHT ini untuk membaca materi sebelum bisa menekan tombol navigasi Akar, Batang, Daun, Buah, Bunga, Biji dan Tunas.
Tombol Quiz akan membawa user ke halaman yang berisi dua tombol yaitu Quiz Soal
dan Quiz Game. 4.2.4
Persiapan dan Integrasi Media
Merupakan tahap perancangan dimana media-media yang diperlukan dan digunakan pada aplikasi dideskripsikan secara jelas, dipersiapkan dan
diintegrasikan menjadi satu kesatuan. Tahap ini dibagi menjadi dua bagian, yaitu:
A. Persiapan Media
Salah satu persiapan yang dilakukan penulis adalah men-download file-file yang diperlukan untuk melengkapi pembuatan interface aplikasi, content
aplikasi maupun audio video yang akan diletakkan ke dalam aplikasi. File-file yang di-download tersebut antara lain berupa file gambar .JPG, .PNG, .GIF,
suara .MP3, .WAV, dan video .MPEG, .AVI. File gambar diperlukan untuk merancang tampilan aplikasi agar lebih
menarik. Dan juga digunakan untuk merancang tombol kontrol navigasi pada Aplikasi Visualisasi 3D Proses Fotosintesis. File gambar diperoleh dari situs-
situs yang menyediakan gambar terkait yang bisa dijadikan bahan untuk pembuatan kontrol dan interface aplikasi.
Gambar 4.2 Contoh Icon sebagai Referensi untuk Pembuatan Kontrol Navigasi
Gambar 4.3 Contoh Bitmap yang Akan Digunakan untuk Membuat Interface Aplikasi
Gambar di atas selanjutnya akan di-edit dengan software Adobe Photoshop untuk mendapatkan ukuran dan format gambar yang diinginkan sehingga dapat
menjadi interface yang menarik. Selain men-download, penulis juga menyiapkan sendiri beberapa gambar
untuk kebutuhan materi fotosintesis dan tombol control navigasi yang berada di aplikasi. Pembuatan dilakukan dengan menggunakan software CorelDraw dan
Photoshop. Contoh control navigasi akan dijelaskan pada proses implementasi.
Gambar 4.4 Contoh Content Aplikasi yang Dibuat dengan Menggunakan Coreldraw
Kemudian penulis juga men-download file audio untuk disertakan ke dalam aplikasi. File audio digunakan sebagai suara latar backsound dan suara
tombol apabila tombol tersebut akan dipilih user ketika aplikasi dijalankan. File audio lain yang diperlukan adalah human voice yaitu suara yang
dihasilkan dari hasil merekam suara narasi oleh seseorang dengan
menggunakan microphone. File ini diperlukan untuk content aplikasi di bagian video tentang penjelasan proses fotosintesis dan pentingnya fotosintesis.
Penulis juga mempersiapkan file video dengan membuat sendiri video tersebut dari hasil animasi 3D Max dan kemudian di-edit menggunakan
software Ulead VideoStudio. Adapula sebagian video yang juga penulis dapatkan dari hasil men-download untuk digunakan pada menu intro dengan
mengganti suara latarnya.
Gambar 4.5 Contoh Persiapan File Video Aplikasi nengan Menggunakan Ulead
B. Integrasi Media
Tahap integrasi media adalah tahap di mana file-file gambar yang telah dipersiapkan dipadukan atau digabungkan ke dalam satu perancangan layar
yang berfungsi sebagai control content.
Control Content
File-file gambar yang telah dipadukan berfungsi menjadi control content atau kontrol navigasi. Hasil dari perpaduan kontrol navigasi menghasilkan
perancangan layar aplikasi visualisasi 3D proses fotosintesis yang dapat dilihat pada tahap perancangan layar.
Kontrol Navigasi: merupakan kontrol yang terdiri atas button hypermedia, hyperpicture dan hypertext yang menghubungkan dari satu
lokasi content ke content lainnya yang berkaitan dengan navigasi content.
Tabel 4.2 Kontrol Navigasi Utama Visual
Keterangan
Button yang membawa user ke content halaman intro
Button yang membawa user ke content halaman Ayo Kita Belajar
Fotosintesis
Button yang membawa user ke content halaman Quiz
Button yang membawa user ke content halaman Tentang Penulis
Button yang menampilkan content Pentingnya Fotosintesis
Button yang menampilkan content Proses Fotosintesis
Button yang membawa user ke content Ketergantungan Manusia dan
Hewan terhadap Tumbuhan Hijau KMHT
Button yang menampilkan content Video Proses Fotosintesis
Button yang menampilkan content Materi Fotosintesis
Button yang menampilkan content Laju Fotosintesis
Button yang membawa user ke content halaman Game Quiz
Button yang membawa user ke content halaman soal kuis
Tabel 4.3 Kontrol Navigasi Pendukung Visual
Keterangan Next
Tombol untuk menuju halaman ataupun materi selanjutnya
Prev
Tombol untuk menuju halaman ataupun materi sebelumnya
Tombol untuk menuju halaman Quiz Game Tombol untuk menuju halaman pertanyaan pertama
dari soal evaluasi. Tombol yang fungsinya sama dengan Tombol
Mulai Evaluasi di atas. Tombol Batal untuk menuju ke halaman awal Soal
Evaluasi. Tombol Kembali untuk menuju ke halaman Quiz
dan Tombol Kembali ke Menu Utama
A Tombol pilihan jawaban soal evaluasi
B Tombol pilihan jawaban soal evaluasi
C Tombol pilihan jawaban soal evaluasi
D Tombol pilihan jawaban soal evaluasi
Tombol Kontrol Video Tombol untuk menuju halaman Akar
Tombol untuk menuju halaman Batang Tombol untuk menuju halaman Daun
Tombol untuk menuju halaman Buah Tombol untuk menuju halaman Biji
Tombol untuk menuju halaman Bunga Tombol untuk menuju halaman Tunas
Tombol untuk memulai video Proses Fotosintesis Tombol untuk menuju ke halaman Ending
Tombol untuk keluar dari aplikasi Tombol untuk membatalkan penutupan aplikasi dan
kembali ke menu sebelumnya
4.2.5 Perancangan Flowchart
