commit to user
31
BAB III DESAIN DAN PERANCANGAN
3.1 Langkah Pengembangan Aplikasi
Pengembangan aplikasi visualsasi kamar rumah sakit virtual 3 dimensi ini meliputi tahapan sebagai berikut :
KONSEP
PENGUMPULAN BAHAN ANAPERSIS SOFTWARE
DAN HARDWARE STRUKTUR NAVIGASI
DESAIN LAYOUT
MODELLING OBJEK 3D
TEXTURING PENYUSUNAN CAST MEMBER
PADA ADOBE DIRECTOR SCRIPT DAN PEMBUATAN
DATABASE TESTING
HASIL
commit to user
32
3.2 Konsep
Konsep dari aplikasi ini adalah ketika aplikasi ini dijalankan, pengguna dapat menjelajahi ruang virtual kamar rawat inap, juga dapat melakukan interaksi
terhadap objek-objek yang berada dalam ruang virtual tersebut. Diantaranya dapat menyalakan lampu, membuka dan menutup lemari, meyalakan keran air,
membuka dan menutup pintu, membuka dan menutup closet, membuka dan menutup tirai.
3.3 Pengumpulan Bahan
Bahan yang diperlukan untuk pembuatan aplikasi pemandu ruangan ini adalah foto dari tipe kamar tersebut. Gambar-gambar yang diperlukan untuk
pembuatan modeling 3D seperti tempat tidur rumah sakit, AC, lemari dan lain- lain.
3.4 Analisis Kebutuhan Perangkat
Dalam pembuatan tugas akhir ini alat yang digunakan dibagi menjadi 2 perangkat, yaitu perangkat keras hardware dan perangkat lunak software.
Adapun rincian kebutuhan alat yang digunakan adalah sebagai berikut.
3.4.1 Kebutuhan Perangkat Lunak
Perangkat lunak atau software yang digunkan untuk membangun aplikasi
ini diantaranya adalah :
1. Adobe Director Merupakan sutradara dalam pembuatan aplikasi multimedia ini.
Digunakan untuk menggabungkan beberapa file seperti sound, flash, shockwave maupun image. Bahasa yang digunakan adalah lingo.
2. Adobe photoshop CS 5 Software ini digunakan untuk membuat layout interface maupun
desain button.
commit to user
33
3. 3ds max 7 Aplikasi yang digunakan untuk membuat modeling 3 dimensi ruang
virtual rawat inap rumah sakit ini. Digunakan juga untuk membuat animasi objek 3D.
4. Adobe flash CS 4 Merupakan software yang berfungsi untuk membuat animasi objek 2
dimensi, dalam aplikasi ini adobe flash digunakan untuk membuat button yang diberikan animasi mouseover.
5. CorelDrawX3 Untuk membuat desain layout juga menggunakan software ini, yang
kemudian di kolaborasikan dengan adobe photoshop.
3.4.2 Kebutuhan Perangkat Keras
Perangkat keras yang dibutuhkan untuk pembuatan aplikasi multimedia ini adalah :
1. Intel dual core 1.66 GHz or higher
2. 512 Mb of RAM
3. 128 Mb of VGA
4. 80 Gb of available hardisk
5. Speakerheadset
6. Keyboard
7. Mouse
Kebutuhan Perangkat minimum yang digunakan untuk menjalankan aplikasi ini
1. Intel Pentium IV 1 GHz or higher
2. 512 Mb of RAM
3. 1,2 Gb of available hard-disk space
4. 128 Mb of VGA
5. Speakerheadset
commit to user
34
6. Keyboard
7. Mouse
3.5 Struktur Navigasi
Disini struktur navigasi yang digunakan adalah tipe navigasi hirarki. Struktur ini bercabang untuk menampilkan data berdasarkan kriteria tertentu.
Tampilan pada menu pertama akan disebut sebagai master page. Halaman utama ini akan mempunyai percabangan yang dikatakan slave page halaman
pendukung. Dalam pembuatan aplikasi ini memiliki 10 buah navigasi yang memiliki konten yang berbeda.
Gambar 3.1 Struktur Navigasi
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
Merupakan halaman yang berisi tentang story, visi misi dan contact us dari rumah sakit. Desain dibuat seperti sebuah layar televisi yang memiliki 3 buah
tombol dibagian bawah, tombol-tombol tersebut adalah tombol story, visi misi
commit to user
37
dan contact us, jika tombol tersebut diklik maka tampilan pada layar televisi akan berubah sesuai dengan tombol yang diklik. Rancangan dapat dilihat pada Gambar
3.5.
Gambar 3.4 Rancangan Tampilan Halaman 3D
Gambar 3.5 Rancangan Halaman About us
3.6.5 Rancangan Halaman Help
Halaman ini berisi tentang panduan cara menjalankan aplikasi. Rancangan dapat dilihat seperti Gambar 3.6.
commit to user
38
Gambar 3.6 Rancangan Halaman Help.
3.6.6 Halaman Our Facilities
Halaman ini berisi tentang fasilitas yang dimiliki oleh rumah sakit selain dari ruang rawat inap. Halaman ini tersambung dengan database sehingga dapat di
manage kontennya. Rancangan dapat dilihat pada Gambar 3.7.
Gambar 3.7 Rancangan Halaman Our Facilities
3.7 Modelling Objek 3D
Pembuatan objek 3D ini menggunakan software 3Ds Max 7. Model yang akan dibuat adalah tipe-tipe ruang kamar rawat inap dan fasilitas-fasilitas yang
commit to user
39
terdapat pada masing-masing tipe kamar rawat inap tersebut, seperti tempat tidur, lemari, AC, sofa , kursi, bathup, televisi dan lain-lain.
Gambar 3.8 Rancangan Model Almari
3.8 Texturing
Texture yang akan digunakan untuk pembuatan objek-objek 3 dimensi ini meliputi texture wood yang akan digunakan pada lemari, texture metal digunakan
untuk objek kursi roda. Untuk texture air dibuat transparent dengan menggunakan opacity. Atap menggunakan material concrete struco.
3.9 Penyusunan Cast Member pada Adobe Director
Kategori