Halaman Intro Halaman Menu FMIPA Halaman Menu Gedung Tampilan Peta Tiap Lantai

commit to user Script zoom digunakan untuk mengatur besar dan kecilnya tools zoom pada aplikasi, sedangkan script mouse drag digunakan untuk mengaktifkan moude untuk proses dragging peta.

4.3. Hasil Pengujian Aplikasi

4.3.1. Halaman Intro

Gambar 4.18 Halaman Intro Pada halaman intro ini terdapat beberapa komponen yaitu teks yang berupa judul yang diberi animasi teks dengan teknik masking sehingga teks tampak bergerak, komponen button untuk masuk pada menu utama aplikasi, dan pengaturan sound untuk user yang ingin mengatur volume dan sound effect akan diaktifkan atau tidak dengan tombol play yang sudah tersedia.

4.3.2. Halaman Menu FMIPA

Pada halaman menu utama FMIPA terdapat tombol navigasi untuk menuju pada pilihan peta. Dalam halaman ini pengguna dapat memilih tampilan peta FMIPA secara umum dengan 3 perspektif yaitu atas, depan dan samping. Di halaman ini dilengkapi dengan legend untuk lebih melengkapi dan memperjelas keterangan gambar peta. Selain commit to user tampilan peta yang bisa diakses oleh pengguna, dalam halaman ini juga ditambahkan informasi dari FMIPA secara umum dengan button Profil. Gambar 4.19 Tampilan Atas FMIPA Gambar 4.20 Tampilan Depan FMIPA commit to user Gambar 4.21 Tampilan Samping FMIPA

4.3.3. Halaman Menu Gedung

Gambar 4.22 Tampilan Gedung A commit to user Gambar 4.23 Tampilan Gedung B Gambar 4.24 Tampilan Gedung C Halaman menu gedung berisi navigasi untuk mengakses peta dari gedung A, B, dan C tiap lantainya. Terdapat tiga navigasi untuk masuk pada tampilan peta tiap lantai yaitu dengan memilih Lantai 1, Lantai 2, atau Lantai 3 dan sebagainya. Dalam halaman ini juga terdapat button Profil untuk membuka informasi singkat tiap gedung. commit to user

4.3.4. Tampilan Peta Tiap Lantai

Gambar 4.25 Peta Gedung A Lantai 1 Gambar 2.26 Peta Gedung A Lantai 2 commit to user Gambar 2.27 Peta Gedung A Lantai 3 Gambar 2.28 Peta Gedung B Lantai 1 commit to user Gambar 2.29 Peta Gedung B Lantai 2 Gambar 2.30 Peta Gedung B Lantai 3 commit to user Gambar 2.31 Peta Gedung B Lantai 4 Gambar 2.32 Peta Gedung C Lantai 1 commit to user Gambar 2.33 Peta Gedung C Lantai 2 Halaman ini merupakan tampilan utama tiap lantai mulai dari gedung A, B, dan C. Dalam halaman peta ini terdapat tools zoom in dan zoom out untuk melengkapi tampilan ukuran peta sesuai dengan kebutuhan pengguna. Selain tools tersebut, tampilan peta ini dilengkapi dengan button Legend untuk semakin memperjelas informasi dalam peta.

4.3.5. Halaman Profil