Perancangan Struktur Navigasi Perancangan State Diagram Transition STD

93 3. Rancangan menu visualisasi 3D Gambar 4.12 Rancangan Menu Visualisasi 3D 4. Rancangan menu materi Gambar 4.13 Rancangan STD Menu Materi 94 5. Rancangan menu tengkorak Tengkorak Materi Gambar Penjelasan Video Klik “tengkorak” Tampilkan Tengkorak Klik “tengkorak” Tampilkan Tengkorak Klik “Gambar” Tampilkan Gambar Klik “Penjelasan” Tampilkan pejelasan Klik “tengkorak” Tampilkan Tengkorak Klik “tengkorak” Tampilkan Tengkorak Klik “Video” Tampilkan Video Gambar 4.14 Rancangan Menu Tengkorak 6. Rancangan menu rusuk Gambar 4.15 Rancangan Menu Rusuk 95 7. Rancangan menu tulang belakang Gambar 4.16 Rancangan Menu Tulang Belakang 8. Rancangan menu ekstremitas atas Gambar 4.17 Rancangan Menu Ekstremitas Atas 96 9. Rancangan menu ekstremitas bawah Gambar 4.18 Rancangan Menu Ekstremitas Bawah 10. Rancangan menu Bantuan Gambar 4.19 Rancangan STD Menu Bantuan 97 11. Rancangan menu Profil Gambar 4.20 Rancangan STD Menu Profil 4.2.5 Mendesain Antarmuka interface Rancangan antarmuka pemakai user interface yang akan ditampilkan pada aplikasi multimedia ini akan disesuaikan dengan kebutuhan pengguna dan pengetahuan pengguna. Pada program visualisasi 3D struktur rangka pada manusia terdapat 7 rancangan layar, yaitu: 1. Rancangan layar intro Rancangan ini merupakan tampilan awal sebelum masuk ke tampilan utama. Pada tampilan intro ini terdapat tombol untuk melanjutkan ke menu utama yaitu tombol mulai untuk memulai program. 2. Rancangan layar me Rancangan ini menyediakan bantuan, profil. music dan exit. struktur rangka Gambar 4.21 Rancangan Pembukaan Program ngan layar menu utama ngan ini berfungsi sebagai tampilan utama program menyediakan 6 tombol menu yaitu : home, visualisasi 3D, n, profil. Pada tampilan menu ini juga terdapat tombol dan exit. Pada tampilan berisikan tentang sekilas struktur rangka manusia. 98 rogram program yang visualisasi 3D, materi, tombol on off sekilas seputar 3. Rancangan layar visuali Pada rancangan rangka dengan panah atas, panah zoom out. Pada tombol Tanda zoom memperkecil objek digunakan untuk semula. Gambar 4.22 Rancangan Menu Utama ngan layar visualisasi 3D rancangan visualisasi 3D ini berfungsi menampilkan dengan 3 dimensi. Di rancangan ini terdapat 8 tombol atas, panah bawah, panah kiri, panah kanan, reset, zoom tombol panah berfungsi merotasi 3 dimensi struktur zoom in dan zoom out berfungsi untuk memper perkecil objek 3 dimensi struktur rangka dan untuk tombol digunakan untuk mengembalikan 3 dimensi struktur rangka 99 pilkan struktur 8 tombol yaitu : reset, zoom in, dan struktur rangka. memperbesar dan untuk tombol reset rangka ke posisi Gambar 4. 4. Rancangan layar ma Pada rancangan seputar struktur menu untuk mengakses rusuk, tulang bel Gambar 4.23 Rancangan Menu Visualisasi 3 Dimensi ngan layar materi rancangan menu materi ini berfungsi untuk menampilkan struktur rangka manusia. Pada menu ini juga disajikan untuk mengakses tiap bagian struktur rangka yaitu: tengkorak, rusuk, tulang belakang, ekstremitas atas dan ekstremitas bawah. 100 imensi menampilkan materi disajikan tombol yaitu: tengkorak, as bawah. 5. Rancangan layar sub me Pada rancangan masing-masing yang disediaka Pada materi berisi materi yang visualisasi gambar bisa diperbesar tulang pada manusia. dimensi tentang materi yang di Gambar 4.24 Rancangan Menu Materi ngan layar sub menu materi rancangan ini berfungsi sebagai pemberi keterangan masing bagian dari struktur rangka pada manusia. sediakan pada rancangan ini yaitu : materi, gambar dan materi berisi berupa teks yang menjelaskan bagian-bagian yang terdapat pada menu materi. Pada tombol gambar si gambar dari materi yang telah dipilih dan gambar perbesar agar pengguna dapat melihatnya dengan jelas pada manusia. Dan pada tombol video menampilkan nsi tentang materi yang dipilih oleh pengguna. 101 keterangan dari tiap manusia. Tombol gambar dan video. bagian dari gambar berupa gambar tersebut dengan jelas struktur menampilkan video 3 102 Gambar 4.25 Rancangan Sub Menu Materi 6. Rancangan layar bantuan Rancangan ini berisi untuk menampilkan informasi cara penggunaan program. Rancangan ini akan ditampilkan secara singkat agar bisa memenuhi kebutuhan pengguna dan mempermudah pengguna dalam menggunakan program ini. 103 Gambar 4.26 Rancangan Menu Bantuan 7. Rancangan layar profil Rancangan ini berfungsi untuk menampilkan informasi tentang penulis. Gambar 4.27 Rancangan Menu Penulis 104

4.2.6 Pengumpulan Pencarian Isi

Pegumpulan pencarian isi bahan berupa File-File audio, video, gambar, foto, teks dilakukan dengan cara mengambil dari berbagai sumber dan membuatnya sendiri. Bahan yang berupa File gambar diambil dari buku koleksi pribadi. File audio penulis mendapatkannya dari internet. Sedangkan File video, animasi, dan 3D dibuat sendiri oleh penulis. Tabel 4.4 Tabel File yang Digunakan No Nama File Jenis Format yang digunakan Sumber 1 Background Gambar PSD Buatan Sendiri 2 Tombol Navigasi Gambar PSD Buatan Sendiri 3 Gambar Rangka Animasi JPG Buku Kedokteran 4 Intro Animasi SWF Buatan Sendiri 5 Video Rangka Video FLV Buatan Sendiri 6 Backsound Audio MP3 Internet 7 Rangka 3D Shockwave 3D W3D Buatan Sendiri 105

4.2.7 Produksi

Dalam pembuatan visualisasi 3 dimensi struktur rangka pada manusia ini dibutuhkan spesifiksi perangkat lunak sebagai berikut: 1. Spesifikasi perangkat lunak Untuk mengembangkan aplikasi ini penulis membutuhkan spesifikasi perangkat lunak sebagai berikut : a. Adobe Photoshop CS3, dengan spesifikasi Intel Pentium 4, Microsoft Windows XP with Service Pack 2, Java Runtime Environment 1.5, Ram 2 Gb atau lebih. Photoshop digunakan sebagai perangkat lunak untuk mempekecil ukuran File foto yang digunakan dalam aplikasi serta untuk mendesain gambar tampilan layar program, editing gambar atau foto. b. 3Ds Max 2009, dengan spesifikasi Intel Pentium IV , 512 MB RAM, 500 MB penyimpanan hardisk. 3D max digunakan sebagai perangkat lunak untuk perancangan bunga kering tiga dimensi dan untuk menganimasikan bunga tiga dimensi menggunakan animasi kamera. c. Adobe Flash CS3, dengan spesifikasi Intel Pentium 4, Microsoft Windows XP with Service Pack 2, Java Runtime Environment 1.5, Ram 2 Gb atau lebih. Flash digunakan sebagai perangkat lunak untuk pengembangan animasi interaktif, juga animasi tombol yang diperlukan dalam program ini. 106 d. Macromedia Director MX, dengan spesifikasi Intel Pentium III 600 MHz, 128 MB RAM, 200 MB penyimpanan memori. Director digunakan sebagai perangkat lunak utama yang berfungsi menggabungkan semua komponen program yang telah dibuat dengan menggunakan perangkat lunak ini maupun perangkat lunak pengembangan lainnya. e. Audacity, Windows 2000, XP, RAM 512 MB digunakan sebagai perangkat lunak untuk mengedit audio agar lebih menarik. 2. Spesifikasi perangkat keras Untuk mengembangkan sistem ini penulis membutuhkan spesifikasi perangkat keras, yaitu : a. Processor intel Pentium 4, berfungsi untuk memberikan proses kinerja, kreativits dan produktivitas yang lebih tinggi. b. Memory 2048 Mbytes berfungsi untuk mempercepat proses publish, rendering video dan juga objek 3 dimensi. Sekaligus sebagai tempat penyimpanan sementara perangkat lunak dan data. c. Graphic Card 128 Mbytes berfungsi mempercepat penampilan gambar pada layar. d. DVD-RW, berfungsi untuk penyimpanan program ke dalam bentuk kepingan CD. e. Mouse, berfungsi sebagai alat interaksi penggunaan perangkat lunak pengembangan dan secara umum sebagai alat interaksi yang penting dalam pembuatan aplikasi ini.