Struktur Menu Aplikasi Rancangan Tampilan

commit to user dikemas dalam bentuk CD aplikasi multimedia yang interaktif untuk disajikan kepada masyarakat.

3.3. Rancangan Aplikasi

3.3.1. Struktur Menu Aplikasi

Struktur menu pada aplikasi peta virtual dengan metode kombinasi ini adalah sebagai berikut : Gambar 3.2 Site Map Struktur Menu Aplikasi commit to user

3.3.2. Rancangan Tampilan

a. Tampilan Awal Splash Screen Gambar 3.3 Tampilan Intro Aplikasi Tampilan intro ini menjadi tampilan pembuka aplikasi. Terdiri dari judul, button utama untuk masuk ke menu aplikasi peta dan pengaturan sound effect agar para pengguna lebih nyaman dalam menggunakan aplikasi ini. b. Tampilan Menu Utama FMIPA Gambar 3.4 Tampilan Menu Utama Aplikasi Judul Button Judul FMIPA Gdg A Gdg B Gdg C Atas Depan Samping Profil Exit commit to user Tampilan menu utama aplikasi adalah tampilan lanjutan setelah halaman intro. Tampilan menu ini berisi tampilan peta FMIPA dari tiga perspektif yaitu perspektif atas, depan, dan samping. Dalam menu ini juga dapat diperoleh profil dari FMIPA. c. Tampilan Menu Gedung A Gambar 3.5 Tampilan Menu Gedung A Tampilan Menu Gedung B Gambar 3.6 Tampilan Menu Gedung B Judul FMIPA Gdg A Gdg B Gdg C Lantai 1 Lantai 2 Lantai 3 Profil Legend Judul FMIPA Gdg A Gdg B Gdg C Lantai 1 Lantai 2 Lantai 3 Profil Legend Lantai 4 commit to user Tampilan Menu Gedung C Gambar 3.7 Tampilan Menu Gedung C Tampilan menu tiap gedung hampir sama dengan tampilan menu utama. Dalam tampilan ini pengguna dapat memilih tampilan peta dari gedung A, B, dan C sampai dengan informasi per ruangan pada tiap lantainya. Di dalam menu ini juga terdapat legend dan button profil melengkapi informasi tiap gedung. d. Tampilan Peta Tiap Lantai Gambar 3.8 Tampilan Peta Tiap Lantai Judul Back Legend Judul FMIPA Gdg A Gdg B Gdg C Lantai 1 Lantai 2 Profil Legend commit to user Tampilan peta tiap lantai menjadi informasi utama aplikasi. Terdiri dari pemetaan ruang di masing-masing gedung yang berisi informasi ruang yang ada beserta fotonya. Dalam menu ini pengguna dapat menggunakan button zoom in, zoom out , dan legend sebagai tools yang membantu dalam pendeskripsian peta. e. Tampilan Halaman Profil Gambar 3.9 Tampilan Halaman Profil Halaman profil merupakan halaman deskripsi dan informasi yang secara umum mulai dari deskripsi FMIPA dan deskripsi tiap gedung. Judul Deskripsi Profil Home 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.