commit to user
35
3.6 Rancangan Desain Layout
Merupakan rancangan desain atau layout yang akan dibuat.
3.6.1 Rancangan Intro
Intro adalah tampilan sebelum memasuki halaman menu utama. Disini menggunakan animasi lengan robot yang turun dari atas ke bawah dan kemudian
dari lengan tersebut akan muncul sebuah layar yang akan menampilkan judul dari tugas akhir ini. Untuk melanjutkan ke menu utama klik disembarang tempat, maka
tampilan akan langsung pindah ke menu utama. Seperti pada Gambar 3.2.
JUDUL
C R E D I T
Gambar 3.2 Tampilan Intro
3.6.2 Rancangan Menu Utama
Yaitu tampilan menu utama dari aplikasi ini. Menu utama ini memiliki 9 buah navigasi, 7 navigasi berada disebelah kiri yang berisi 7 tipe kamar ruang
rawat inap yaitu deluxe room, superior room, standard I, standard II, class I, class II dan Class III. Dan 3 navigasi di bagian atas yang berisi about us, visi misi
dan our facilities. Dibagian kiri atas terdapat logo yang dibuat menggunakan 3ds max7 yang diberikan animasi berputar. Disebelah kanan terdapat button reset,
yang apabila di klik maka akan kembali ke intro. Di bagian bawah terdapat sebuah
commit to user
36
slider yang berfungsi untuk mengatur volume sound. Gambar rancangan dapat dilihat pada Gambar 3.3.
LOGO RESET
MAIN MENU
THE HOSPITAL
IMAGE IMAGE
IMAGE
-
+
Gambar 3.3 Tampilan Menu Utama
3.6.3 Rancangan Halaman Tipe Kamar Rawat Inap
Merupakan tampilan saat kita memasuki halaman ruang virtual rawat inap. Disini terdapat 7 buah tipe kamar rawat inap, yaitu deluxe room, superior room,
standard I room, standard II, Class I room, Class II room dan Class III room. Dan 3 buah menu di bagian atas yang berisi menu about us, fasilitas dan help.
Pada bagian atas terdapat judul dari ruangan, bagian samping kiri terdapat fasilitas tiap ruangan, dibagian kanan atas terdapat 2 buah button lampu on dan lampu off
yang berfungsi untuk menyalakan dan mematikan lampu ruang virtual 3D. Di bagian atas kiri terdapat tombol close, yang apabila di klik maka akan kembali ke
tampilan menu utama. Gambar rancangan dapat dilihat pada Gambar 3.4.
3.6.4 Rancangan Halaman About us