Pembuatan Template Pembuatan Objek Peta

commit to user 25

BAB IV IMPLEMENTASI DAN ANALISA

4.1. Detail Aplikasi

Peta virtual berbasis multimedia ini merupakan aplikasi informasi peta virtual dari Fakultas MIPA UNS yang berisi pemetaan wilayah dan ruangan di seluruh lingkungan Fakultas MIPA. Aplikasi dibuat berbasis Flash dengan penggabungan animasi gambar, teks, video, dan suara yang akan menjadikan aplikasi menarik dengan pengelolaan database menggunakan XML agar data yang disajikan bersifat dinamis dan bisa diedit sesuai dengan perubahan informasi dan kondisi pada objek. Peta virtual ini menjadi pemaparan informasi yang menarik pagi para pengguna yang membutuhkan informasi tentang letak ruang atau lokasi di lingkungan FMIPA UNS. Dengan penggambaran visualisasi 2 dimensi, diharapkan pengguna dapat menangkap informasinya secara lebih menyeluruh dengan tingkat informasi yang jelas dan lengkap.

4.2. Pembuatan Aplikasi

4.2.1. Pembuatan Template

Pembuatan template aplikasi meliputi beberapa proses pembuatan komponen seperti background , teks judul, dan navigasi aplikasi. Pembuatan background pada aplikasi peta virtual ini dibuat dengan pemanfaatan tools pada Adobe Photoshop cs 2. Berbentuk dasar persegi panjang dengan ukuran 1024x768 px menggunakan tools rectangle yang diberi objek yang di- duplicate layer. Selanjutnya dilakukan pewarnaan menggunakan gradient overlay untuk memberikan efek gradasi warna. commit to user Gambar 4.1 Pembuatan Desain Background Pembuatan komponen teks dilakukan dengan tools di Adobe Flash cs 3. Penggunaan teknik masking menjadi teknik dominan dalam pembuatan animasi teks agar lebih menarik dan dinamis di dalam aplikasi. Proses teknik masking ini terdiri dari pembuatan objek rectangle yang diberi warna gradasi kemudian diberikan efek motion tween dan teks di- mask agar efek warna dalam rectangle menjadi efek warna teks. Gambar 4.2 Pembuatan Animasi Teks commit to user Pembuatan tombol navigasi dilakukan dengan Adobe Photoshop cs 2. Menggunakan rounded rectangle tools untuk membuat objek elips untuk sebuah botton. Navigasi ini dibuat dengan penambahan efek pewarnaan gradient overlay , bevel and emboss untuk pemberian kesan efek 3D, dan satin untuk lebih mempertegas warna efek 3D. Setelah menjadi objek navigasi dengan format .png maka diimport ke dalam Adobe Flash cs 3 untuk dibuat symbol button yang pada frame Up dan Over yang dapat dimodifikasi secara berbeda. Gambar 4.3 Pembuatan Tombol Navigasi

4.2.2. Pembuatan Objek Peta

Pembuatan objek-objek peta memanfaatkan tools pada Corel Draw X4. Dengan gabungan tools rectangle, bezier , dan shape maka dibuat objek peta seperti gedung, kantin, lapangan parkir, lapangan basket dan lain-lain. Penyusunan objek dilakukan di Adobe Photoshop cs2 dengan penambahan atribut lain agar peta tampak menarik. commit to user Gambar 4.4 Pembuatan Objek Peta Gambar 4.5 Penyusunan Peta commit to user Gambar 4.6 Pembuatan Desain Peta Tiap Lantai Penggambaran ruangan berupa bentuk denah yang diberi icon- icon sebagai identitas ruang itu sendiri. Dalam aplikasi icon ruang ini yang akan jadi sumber informasi dan data dari ruangan. Icon akan diberi link database dengan XML yang jika disorot akan menampilkan foto dan informasi singkat tentang ruang tersebut.

4.2.3. Pengeditan Suara