room guide untuk tipe kamar hotel yang …/room... · comfortable in enjoying information that is...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user i

ROOM GUIDE UNTUK TIPE KAMAR HOTEL

YANG EXPLORABLE BERBASIS 3 DIMENSI

TUGAS AKHIR

Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya

Program Diploma III Teknik Informatika

Disusun oleh:

Achmadi

NIM. M3108015

PROGRAM DIPLOMA III TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET

2011


commit to user ii

HALAMAN PERSETUJUAN



Disusun oleh:

Achmadi

NIM. M3108015

Tugas Akhir ini telah disetujui untuk dipertahankan

di hadapan dewan penguji

pada tanggal _____________

Pembimbing

Fendi Aji Purnomo, S.Si

NIDN. 0626098402


commit to user iii

HALAMAN PENGESAHAN



Disusun oleh:

Achmadi

NIM. M3108015

Dibimbing Oleh:

Fendi Aji Purnomo, S.Si

NIDN. 0626098402

Tugas Akhir ini telah diterima dan disahkan

oleh dewan penguji Tugas Akhir


pada hari __________ tanggal ______________

Dewan penguji

1. Fendi Aji Purnomo, S.Si ( )

NIDN. 0626098402

2. Taufiqurrakhman NH, S.Kom ( )

NIDN. 0622058201

3. Agus Purnomo, S.Si ( )

NIDN. 0607038501

Disahkan oleh:

Dekan FMIPA UNS

Ir. Ari Handono Ramelan, M.Sc (Hons), Ph.D

NIP. 19610223 198601 1 001

Ketua


FMIPA UNS

Drs. YS. Palgunadi, M.Sc

NIP. 19560407 198303 1 004


commit to user iv

ABSTRACT

ACHMADI, 2011. EXPLORABLE ROOM GUIDE FOR HOTEL

TYPE ROOM BASED ON 3D. The Diploma III Program of Informatics Technique

Department of Mathematics and Scientists Faculty in Universitas Sebelas Maret

Surakarta.

Most hotels sell the serve with present room type and facility hotel to

visitor. The multimedia application that is a merging from various components like

text, voice, picture, animation, and video will make the user become more

comfortable in enjoying information that is presented. Using 3d‟s object will make

presentation of interior information more fun. The aim of this final project is to

provide convenience to publishers in the change information and provides comfort to

the public in understanding information about room type of hotel.

The application of room guide for hotel type room was drafted and

developed with study of the book by means of looking for the reference and material

that were connected with the research. Room guide for hotel type room production

was carried out use several software design and animation like Adobe Photoshop

CS2, 3D Studio Max 7, Adobe Flash CS4, and Adobe Director 11.

This research produces multimedia application that will give explorable

hotel type room information is based on 3D. Information to be provided is

information on standard room type, superior room, deluxe room, and suite room.

Keywords: room type, hotel, 3d, multimedia


commit to user v

ABSTRAK

ACHMADI, 2011. ROOM GUIDE UNTUK TIPE KAMAR HOTEL

YANG EXPLORABLE BERBASIS 3 DIMENSI. Program Diploma III Teknik

Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas

Maret Surakarta.

Sebagian besar hotel saat ini menawarkan jasanya dengan menjelaskan

tentang tipe kamar serta fasilitas yang ditawarkan dari hotel kepada pengunjung.

Aplikasi multimedia yang merupakan penggabungan dari berbagai komponen seperti

teks, suara, gambar, animasi, dan video akan membuat pengguna menjadi nyaman

dalam menikmati informasi yang disajikan. Penggunaan obyek 3 dimensi akan

membuat penyampaian informasi interior lebih menarik. Tujuan dari proyek tugas ini

adalah untuk memberikan kenyamanan kepada masyarakat dalam memahami

informasi tentang tipe-tipe kamar hotel yang tersedia.

Aplikasi room guide untuk tipe kamar hotel dirancang dan dikembangkan

menggunakan metode studi pustaka yaitu mencari referensi dan materi yang

berhubungan dengan penelitian yang dilakukan. Pembuatan room guide untuk tipe

kamar hotel dilakukan menggunakan beberapa software desain dan animasi seperti

Adobe Photoshop CS2, 3D Studio Max 7, Adobe Flash CS4, dan Adobe Director 11.

Penelitian ini menghasilkan aplikasi multimedia yang akan memberikan

informasi tipe kamar hotel yang explorable berbasis 3 dimensi. Informasi yang

diberikan adalah informasi tipe kamar standard, superior, deluxe, dan suite.

Kata kunci : tipe kamar, hotel, 3d, multimedia


commit to user vi

HALAMAN MOTTO

“Orang-orang yang sukses telah belajar membuat diri mereka melakukan hal yang

harus dikerjakan ketika hal itu memang harus dikerjakan, entah mereka menyukainya

atau tidak.”

Ernest Newman

“Kita bisa bukan hanya karena kita pandai, namun kita bisa karena kita biasa

melakukannya”

Komang Leo Triandana

“Let’s finish the game and go to next level”


commit to user vii

HALAMAN PERSEMBAHAN

Laporan Tugas Akhir ini saya persembahkan kepada:

1. Bapak & Ibu yang telah berjuang agar aku tetap bisa belajar, serta adik

2. Pacar, terimakasih atas perhatian dan pengertiannya

3. Sahabat “K~B”, yang saling memberi semangat dan doa

4. Teman-teman D3 Teknik Informatika, khususnya Teknik Infomatika A (TIA)

2008


commit to user viii

KATA PENGANTAR

Assalamu „Alaikum Wr. Wb.

Alhamdulillah, puji syukur kehadirat Allah SWT atas rahmat dan nikmat-

Nya penulis dapat menyelesaikan Laporan Tugas Akhir “Room Guide untuk Tipe

Kamar Hotel yang Explorable Berbasis Tiga Dimensi” dengan tepat waktu.

Laporan ini disusun untuk memenuhi salah satu syarat mencapai gelar

Ahli Madya Program Diploma III Teknik Informatika Fakultas Matematika dan Ilmu

Pengetahuan Alam Universitas Sebelas Maret.

Penyusunan laporan ini tidak lepas dari bimbingan dan bantuan dari

berbagai pihak. Untuk itu, pada kesempatan ini penulis mengucapkan terima kasih

kepada :

1. Bapak Drs. Y.S. Palgunadi, M.Sc, selaku Ketua Program Diploma III Teknik

Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas

Sebelas Maret.

2. Bapak Fendi Aji Purnomo, S.Si, selaku Pembimbing Tugas Akhir yang telah

meluangkan waktu untuk membimbing dan memberi pengarahan kepada

penulis dalam menyelesaikan laporan tugas akhir ini.

Demikian laporan ini disusun, dengan harapan dapat memberikan

informasi serta pengetahuan bagi pembaca.

Wassalamu „Alaikum Wr. Wb.

Surakarta, 1 Juni 2011

Penulis


commit to user ix

DAFTAR ISI

KATA PENGANTAR ....................................................................................... viii

DAFTAR ISI ...................................................................................................... ix

DAFTAR GAMBAR ......................................................................................... xii

BAB I PENDAHULUAN ............................................................................. 1

A. Latar Belakang Masalah .............................................................. 1

B. Perumusan Masalah ..................................................................... 2

C. Batasan Masalah .......................................................................... 2

D. Tujuan dan Manfaat ..................................................................... 2

1. Tujuan .................................................................................... 2

2. Manfaat .................................................................................. 2

E. Metodologi Penelitian .................................................................. 3

F. Sistematika Penulisan .................................................................. 4

BAB II LANDASAN TEORI ........................................................................ 5

A. Hotel ............................................................................................ 5

1. Pengertian Hotel .................................................................... 5

2. Tipe Kamar Hotel .................................................................. 5

B. Multimedia ................................................................................... 7

1. Definisi Multimedia ............................................................... 7

2. Objek Multimedia .................................................................. 8

C. Struktur Navigasi ......................................................................... 9

D. Virtual Reality ............................................................................. 12

E. Grafis 3 Dimensi .......................................................................... 12

F. Adobe Photoshop ......................................................................... 14

G. Adobe Flash ................................................................................. 15

H. Adobe Director ............................................................................ 16

1. Pengertian Director ................................................................ 16

2. Konsep Dasar Director .......................................................... 17


commit to user x

I. Script Lingo ................................................................................. 18

1. Pengertian Script Lingo ......................................................... 18

2. Tipe Script Lingo ................................................................... 18

BAB III DESAIN DAN PERANCANGAN .................................................... 20

A. Kebutuhan .................................................................................... 20

1. Software ................................................................................. 20

2. Hardware ............................................................................... 20

B. Langkah Pengembangan Aplikasi ............................................... 21

C. Rancangan Aplikasi ..................................................................... 22

1. Struktur Navigasi Aplikasi .................................................... 22

2. Interaksi Aplikasi ................................................................... 23

D. Rancangan Desain Aplikasi ......................................................... 23

1. Rancangan Halaman Menu Utama ........................................ 23

2. Rancangan Halaman Tipe Kamar .......................................... 24

BAB IV IMPLEMENTASI DAN ANALISA ................................................. 26

A. Detail Aplikasi ............................................................................. 26

B. Pembuatan Aplikasi ..................................................................... 26

1. Pembuatan Obyek 3 Dimensi ................................................ 26

2. Pembuatan Background ......................................................... 33

3. Pembuatan Tombol Navigasi ................................................. 35

4. Pemrograman dengan Script Lingo ....................................... 36

5. Pengeditan Sound .................................................................. 41

C. Hasil Pengujian Aplikasi ............................................................. 42

1. Halaman Utama ..................................................................... 42

2. Halaman Standard Room ....................................................... 43

3. Halaman Superior Room ....................................................... 44

4. Halaman Deluxe Room ......................................................... 45

5. Halaman Suite Room ............................................................. 46

D. Evaluasi Aplikasi ......................................................................... 47


commit to user xi

1. Kelebihan Aplikasi ................................................................ 47

2. Kelemahan Aplikasi .............................................................. 47

BAB V PENUTUP ......................................................................................... 48

A. Kesimpulan .................................................................................. 48

B. Saran ............................................................................................ 48

Daftar Pustaka .................................................................................................... 49


commit to user xii

DAFTAR GAMBAR

Nomor Halaman

1.1 Alur Pengembangan Aplikasi ................................................................... 3

2.1 Standard Room .......................................................................................... 5

2.2 Superior Room .......................................................................................... 6

2.3 Deluxe Room ............................................................................................ 6

2.4 Suite Room ................................................................................................ 7

2.5 Struktur Navigasi Linier Navigation Model .............................................. 10

2.6 Struktur Navigasi Hierarchical Model ..................................................... 10

2.7 Struktur Navigasi Spoke Hub Model ......................................................... 11

2.8 Struktur Navigasi Full Web Model ........................................................... 12

2.9 Tampilan Photoshop CS2 .......................................................................... 14

2.10 Tampilan Adobe Flash CS4 ...................................................................... 15

2.11 Layout Adobe Director 11 ......................................................................... 17

3.1 Langkah Pengembangan Aplikasi ............................................................. 21

3.2 Struktur Navigasi ...................................................................................... 23

3.3 Rancangan Halaman Menu Utama ........................................................... 24

3.4 Rancangan Halaman Tipe Kamar ............................................................. 25

4.1 Pembuatan Obyek Lemari ......................................................................... 26

4.2 Pembuatan Meja TV ................................................................................. 27

4.3 Pembuatan Obyek TV ............................................................................... 28

4.4 Pembuatan Obyek Tempat Tidur .............................................................. 28

4.5 Pembuatan Obyek Bantal .......................................................................... 29

4.6 Pembuatan Obyek Selimut ........................................................................ 29

4.7 Pembuatan Efek pada Selimut .................................................................. 30

4.8 Penyusunan Tempat Tidur ........................................................................ 30

4.9 Pembuatan Obyek AC ............................................................................... 31

4.10 Pembuatan Obyek Sofa ............................................................................. 31


commit to user xiii

4.11 Pembuatan Obyek Ruang Kamar .............................................................. 32

4.12 Penggabungan Obyek 3 Dimensi .............................................................. 32

4.13 Export Shockwave 3D Scene ..................................................................... 33

4.14 Pembuatan Background pada Photoshop .................................................. 33

4.15 Pembuatan Efek pada Background ........................................................... 34

4.16 Pembuatan Tombol Navigasi .................................................................... 35

4.17 Pembuatan Animasi Tombol ..................................................................... 36

4.18 Parameter Play Animation ........................................................................ 40

4.19 Parameter Mouse Left ............................................................................... 41

4.20 Parameter Mouse Right ............................................................................. 41

4.21 Parameter Model Rollover Cursor ............................................................ 41

4.22 Pengeditan Sound ...................................................................................... 42

4.23 Halaman Utama ......................................................................................... 42

4.24 Halaman Standard Room .......................................................................... 43

4.25 Halaman Superior Room ........................................................................... 44

4.26 Halaman Deluxe Room ............................................................................. 45

4.27 Halaman Suite Room ................................................................................ 46


commit to user 1

BAB I

PENDAHULUAN

A. Latar Belakang Masalah

Media penyampaian informasi produk barang atau jasa saat ini dituntut

untuk mengikuti perkembangan teknologi. Karena penyampaian informasi dengan

media teknologi terbaru akan membuat masyarakat lebih antusias terhadap barang

atau jasa yang ditawarkan. Dengan demikian jumlah penjualan barang atau jasa

akan meningkat, sehingga perusahaan atau instansi mendapat keuntungan yang

besar.

Sebagian besar hotel saat ini dalam menawarkan jasanya yaitu,

resepsionis menjelaskan pada pengunjung yang akan check-in tentang tipe kamar

serta fasilitas yang ditawarkan dari hotel tersebut secara manual. Resepsionis

hanya menjelaskan tipe kamar serta fasilitas dari kamar tersebut secara umum.

Dan menunjukkan gambar/foto dari ruang kamar yang disediakan tersebut. Tetapi

tamu kurang dapat menerima informasi yang disampaikan oleh resepsionis

tentang kamar hotel yang ingin ditempati, karena informasi yang disampaikan

terbatas dan kurang lengkap. Tamu umumnya cenderung bosan mendengarkan

penjelasan dari resepsionis. Dan hanya ditunjukkan beberapa foto dari ruang

kamar hotel tersebut.

Menurut Hendi Hendratman (2008), simulasi ruang maya (Virtual

Reality) yang dikendalikan tombol di keyboard dapat dibuat dengan shockwave

3D. Ruang VR tersebut dapat mempunyai cahaya dan kabut yang dapat

dikendalikan. Bisa terdapat objek animasi dan objek yang dapat digeser bahkan

diklik untuk memicunya, seperti pada game. Fasilitas ini bermanfaat untuk

visualisasi interior, arsitektur atau game berbasis Direct3D/OpenGL.

Visualisasi ruang yang explorable merupakan media yang tepat untuk

menyampaikan informasi tipe kamar hotel. Dengan virtual reality, tamu hotel


commit to user

2

dapat menjelajahi ruang virtual dan berinteraksi dengan objek interior ruang

virtual tersebut.

B. Perumusan Masalah

Rumusan masalah dari latar belakang yang ada adalah “Bagaimana

membuat visualisasi kamar hotel secara virtual berbasis tiga dimensi.”

C. Batasan Masalah

Batasan permasalahan dalam pembuatan visualisasi kamar hotel secara

virtual berbasis tiga dimensi ini diperlukan mengingat ruang lingkup multimedia

yang luas serta terbatasnya waktu, tenaga, dan pikiran. Batasan permasalahan

yang dibuat meliputi beberapa pokok bahasan berikut :

1. Pembuatan model ruang hotel dibatasi hanya tipe kamar hotel standard,

superior, deluxe, dan suite.

2. Interaksi yang dibuat adalah menjelajahi ruangan, interaksi dengan obyek di

dalam ruang virtual.

D. Tujuan dan Manfaat

1. Tujuan

Tujuan yang ingin dicapai dalam Tugas Akhir ini adalah

menghasilkan aplikasi (software) multimedia berupa tipe kamar hotel virtual

dalam tiga dimensi.

2. Manfaat

Manfaat yang dapat diambil dari aplikasi ini adalah sebagai berikut:

a. Tamu hotel yang ingin check-in dapat mengetahui tipe-tipe kamar serta

fasilitas umum yang ditawarkan oleh hotel secara 3 dimensi

b. Tamu hotel dapat menjelajahi dan berinteraksi di dalam ruang kamar

virtual tiga dimensi

c. Resepsionis dapat menjelaskan dengan mudah tentang fasilitas yang

ditawarkan hotel dengan aplikasi visualisasi hotel


commit to user

3

E. Metodologi Penelitian

Metode penelitian yang dilakukan dalam pembuatan Room Guide Untuk

Tipe Kamar Hotel Virtual yang Explorable Berbasis 3D adalah sebagai berikut:

1. Study Literature

Tahap ini dilakukan untuk menambah informasi dan pengetahuan

mengenai modeling tiga dimensi serta pemrogramannya yang akan

digunakan sebagai dasar utama dalam pembuatan aplikasi visualisasi kamar

hotel virtual dalam tiga dimensi.

2. Pengembangan Aplikasi

Pengembangan aplikasi visualisasi kamar hotel virtual tiga dimensi

ini meliputi tahapan sebagai berikut:

Gambar 1.1 Alur Pengembangan Aplikasi

Konsep

Pengumpulan Bahan

Struktur Navigasi

Sketsa Layout

Desain dan Script

Testing

Hasil


commit to user

4

F. Sistematika Penulisan

1. Bab I Pendahuluan

Menguraikan latar belakang, perumusan masalah, batasan masalah,

tujuan dan manfaat penelitian, serta metodologi penelitian.

2. Bab II Landasan Teori

Berisi landasan teori dari permasalahan yang diambil, juga landasan

teori dari perangkat lunak dan bahasa pemrograman yang dipakai.

3. Bab III Desain dan Perancangan

Berisi penjelasan konsep aplikasi yang terdiri dari desain dan

rancangan yang akan diterapkan.

4. Bab IV Implementasi dan Analisa

Menunjukkan hasil aplikasi room guide untuk tipe kamar hotel

virtual berbasis 3 dimensi yang explorable dengan gambar serta pembahasan

masalah dari pembuatan aplikasi.

5. Bab V Penutup

Menguraikan kesimpulan yang merupakan hasil penjabaran dari

tujuan pembuatan aplikasi serta saran untuk pengembangan aplikasi yang

lebih baik.


commit to user 5

BAB II

LANDASAN TEORI

A. Hotel

1. Pengertian Hotel

Hotel berbintang adalah usaha yang menggunakan suatu bangunan

atau sebagian bangunan yang disediakan secara khusus, dan setiap orang

dapat menginap, makan, serta memperoleh pelayanan dan fasilitas lainnya

dengan pembayaran dan telah memenuhi persyaratan sebagai hotel berbintang

seperti yang telah ditentukan oleh Dinas Pariwisata Daerah (Diparda). Ciri

khusus dari hotel adalah mempunyai restoran yang berada di bawah

manajemen hotel tersebut. (Badan Pusat Statistik, 2009)

2. Tipe Kamar Hotel

Jenis-jenis kamar hotel menurut Toto Suprapto (2009) diantaranya adalah :

1. Standard Room

Ini merupakan jenis kamar dengan ukuran paling kecil dengan

fasilitas terbatas. Biasanya hanya berisi tempat tidur, kamar mandi dengan

shower, sepasang kursi dan meja kecil, TV, dan meja rias kecil.

Gambar 2.1 Standard Room


commit to user

6

2. Superior Room

Kamar ini berukuran di atas Standard Room. Kamar mandi lebih

luas dan biasanya sudah dilengkapi dengan bath-up. Disamping fasilitas

yang ada di kamar standar, beberapa hotel masih menambahkan sofa, meja

rias, pengering rambut, mesin pembuat kopi.

Gambar 2.2 Superior Room (Hotel Inna Garuda)

3. Deluxe Room

Gambar 2.3 Deluxe Room (Hotel Inna Garuda)


commit to user

7

Dibandingkan Superior Room, kamar jenis ini hanya sedikit

lebih luas dan fasilitasnya cenderung sama dengan Superior Room.

4. Suite

Yang membedakan kamar ini adalah adanya ruangan lain

disamping kamar tidur dan kamar mandi. Ruangan lain ini seperti ruang

tamu dengan beberapa kursi atau sofa. Karena ada ruang tambahan ini

maka luas kamar lebih besar dibandingkan Superior/Deluxe Room.

Beberapa hotel masih membagi lagi Suite Room menjadi Junior Suite,

Business Suite atau Executive Suite.

Gambar 2.4 Suite Room (Hotel Inna Garuda)

B. Multimedia

1. Definisi Multimedia

Multimedia diambil dari kata multi dan media. Multi berarti banyak

dan media berarti media atau perantara. Multimedia adalah gabungan dari

beberapa unsur yaitu teks, grafik, suara, video dan animasi yang menghasilkan

presentasi yang menakjubkan. Multimedia juga mempunyai komunikasi

interaktif yang tinggi. Bagi pengguna komputer multimedia dapat diartikan


commit to user

8

sebagai informasi komputer yang dapat disajikan melalui audio atau video,

teks, grafik dan animasi. (Janiansyah, 2009)

2. Objek Multimedia

Berdasarkan kata multimedia, dapat diasumsikan bahwa multimedia

adalah penyatuan dari beberapa media menjadi satu. Media- media tersebut

dapat didefinisikan sebagai objek- objek pembentuk suatu multimedia. Objek-

objek pembentuk multimedia itu antara lain: (Ariesto Hadi Sutopo, 2003)

a. Teks

Hampir semua orang yang biasa menggunakan komputer sudah

terbiasa dengan teks. Teks merupakan dasar dari pengolahan kata dan

informasi berbasis multimedia.

b. Image

Secara umum image atau grafik berarti still image seperti foto

dan gambar. Manusia sangat berorientasi pada visual (visual oriented),

dan gambar merupakan sarana yang sangat baik untuk menyajikan

informasi. Semua objek yang disajikan dalam bentuk grafik adalah bentuk

setelah dilakukan encoding dan tidak mempunyai hubungan langsung

dengan waktu.

c. Animasi

Animasi berari gerakan image atau video, seperti gerakan orang

yang sedang melakukan suatu kegiatan, dan lain – lain. Konsep dari

animasi adalah menggambarkan atau menyajikan informasi dengan satu

gambar saja, atau sekumpulan gambar. Demikian juga tidak dapat

menggunakan teks untuk menerangkan informasi.

d. Audio

Penyajian audio atau suara merupakan cara lain untuk lebih

memperjelas pengertian suatu informasi. Contohnya, narasi merupakan

kelengkapan dari penjelasan yang dilahat melalui video. Suara dapat lebih


commit to user

9

menjelaskan karakteristik suatu gambar, misalnya musik dan suara efek

(sound effect).

e. Full Motion dan Live Video

Full motion video berhubungan dengan penyimpanan sebagai

video clip, sedangkan live video merupakan hasil pemrosesan yang

diperoleh dari kamera.

f. Interactive Link

Sebagian dari multimedia adalah interaktif, dimana pengguna

dapat menekan mouse atau objek pada screen seperti button, gambar atau

teks dan meyebabkan program melakukan perintah tertentu. Interactive

link diperlukan bila pengguna menunjuk pada suatu objek atau button

supaya dapat mengakses program tertentu. Interactive link diperlukan

untuk menggabungkan beberapa elemen multimedia sehingga menjadi

informasi yang terpadu. Cara pengaksesan informasi pada multimedia

terdapat dua macam, yaitu linear dan non linear.

C. Struktur Navigasi

Struktur navigasi adalah struktur atau alur dari suatu program. Ada

empat macam bentuk dasar dari struktur navigasi yang biasa dilakukan dalam

proses pembuatan aplikasi multimedia. Yaitu : (Ariesto Hadi Sutopo, 2003)

1. Linear navigation model

Linear navigation model banyak digunakan oleh sebagian besar

multimedia linier. Informasi diberikan secara sekuensial dimulai dari satu

halaman. Beberapa desainer menggunakan satu halaman untuk masuk atau

keluar dari aplikasi. Linear navigation model banyak digunakan dan berhasil

dengan baik pada beberapa macam aplikasi seperti presentasi, aplikasi

computer based - training, aplikasi yang memerlukan informasi berurutan.


commit to user

10

Gambar 2.5 Struktur navigasi linear navigation model

2. Hierarchical model

Hierarchical model diadaptasi dari top - down design. Konsep

navigasi ini dimulai dari satu node yan menjadi halaman utama atau halaman

awal. Dari halaman tersebut dapat dibuat beberapa cabang ke halaman -

halaman level 1. halaman tersebut adalah isi atau halaman penunjang dari

sebuah halaman utama, dari tiap halaman level 1 dapat juga dikembangkan

menjadi beberapa cabang lagi. Hal ini seperti struktur organisasi dalam

perusahaan. Hierarchical model baik bagi aplikasi untuk menemukan lokasi

halaman dengan mudah. Untuk menggambarkan model tersebut dapat

digunakan ilustrasi dengan tree.

Gambar 2.6 Struktur navigasi hierarchical model

3. Spoke and hub model

Untuk membuat struktur hyperlink yang fleksibel, spoke and hub

model dapat bekerja dengan baik. Hub dinyatakan deengan halaman utama


commit to user

11

yang mempunyai hubungan dengan setiap node. Setiap node dapat

berhubungan kembali ke halaman utama. Pada model ini hanya terdapat dua

macam link, yaitu dari halaman utama ke halaman tertentu, dan dari halaman

tersebut kembali ke halaman utama.

Gambar 2.7 struktur navigasi spoke hub model

4. Full web model

Full web model memberikan kemampuan hyperlink yang banyak.

Full web model banyak digunakan untuk menyediakan user supaya dapat

mengakses semua topik dengan sub topik dengan cepat. Namun kelemahan

dari model ini, yaitu dapat berakibat user kehilangan cara untuk dapat kembali

ke topik sebelumnya.


commit to user

12

Gambar 2.8 Struktur navigasi full web model

D. Virtual Reality

Virtual reality atau kenyataan semu pada dasarnya merupakan

pemodelan objek meniru objek-objek realistis, misalnya meniru ruang cockpit

pilot pesawat dengan semua fungsinya sehingga dapat digunakan untuk melatih

pilot sebelum menerbangkan pesawat sesungguhnya. (Faisal Akib, 2009)

Shockwave 3D dapat digunakan untuk membuat simulasi ruang maya

(Virtual Reality) yang dikendalikan tombol di keyboard. Ruang VR tersebut dapat

mempunyai cahaya dan kabut yang dapat dikendalikan. Bisa terdapat objek

animasi dan objek yang dapat digeser bahkan diklik untuk memicunya, seperti

pada Game. Fasilitas ini bermanfaat untuk visualisasi interior, arsitektur atau

game berbasis Direct3D/OpenGL. (Hendi Hendratman ST, 2008)

E. Grafis 3 Dimensi

Dasar-dasar grafik 3 dimensi menurut Carsten Wartmann (2001) adalah

sebagai berikut:

http://teknik-informatika.com/virtual-reality-animasi/


commit to user

13

1. Warna

Warna ditimbulkan oleh perbedaan kualitas cahaya yang

direfleksikan atau dipancarkan oleh objek. Saat melihat warna, sebenarnya

yang dilihat adalah gelombang cahaya yang dipantulkan atau dipancarkan

oleh objek yang dilihat. Warna termasuk karakteristik terukur seperti hue,

penerangan, dan saturasi untuk objek dan sumber cahaya.

Warna dibagi menjadi primer (warna dasar yang tidak dapat

diproduksi dengan mencampurkan warna lain), sekunder (campuran

sederhana dari dua warna primer), dan tersier (campuran dari warna

sekunder).

2. Sistem Koordinat

Beralih dari warna ke bentuk, menggambar suatu objek dapat

dilakukan dengan membuat titik-titik dalam ruang. Untuk memberikan lokasi

tepat dari tiap titik objek pada ruangan, menggunakan sistem koordinat.

Sistem ini terdiri atas posisi spesifik berdasarkan titik referensi yang telah

ditentukan, dengan koordinat yang biasa diberikan dalam pasangan (dua

dimensi) atau tiga dimensi.

3. Permukaan

Permukaan merupakan pertemuan antara titik-titik koordinat yang

membentuk sebuah garis yang saling terhubung.

4. Cahaya Rendering

Pencahayaan objek yang menambahkan bayangan dan kedalaman

adalah hal yang mendasar untuk membuat kesan yang realistis dari objek.

5. Transformasi

Transformasi melibatkan manipulasi objek di ruang virtual termasuk

translasi (penempatan), rotasi (pemutaran), dan skala (mengubah ukuran). Di

dunia nyata, setiap transformasi dari objek fisik memerlukan sejumlah energi.

Dalam pandangan dunia virtual komputer grafik, bagaimanapun tidak ada

energi yang dibutuhkan untuk melakukan hal yang berhubungan dengan


commit to user

14

transformasi. Di komputer, transformasi dilakukan menggunakan perhitungan

matematis, biasanya perhitungan matriks.

6. Animasi

Animasi adalah pergerakan dari objek dalam ruangan tiga dimensi.

Pergerakan dihitung untuk menghasilkan tiap gambar dengan memindahkan

sedikit objek.

F. Adobe Photoshop

Photoshop merupakan salah satu software pengolah grafis berbasis

bitmap yang memiliki fitur sangat kompleks dibanding software sejenisnya. Dari

pengamatan terhadap beberapa perusahaan dan jasa desain, dapat dikatakan

bahwa Photoshop merupakan salah satu software wajib yang dijadikan andalan

atau penunjang utama di dalam proses menghasilkan produk seni. (Soeherman,

Bonnie. 2007)

Pada dasarnya, interface Photoshop memiliki bagian-bagian yang tidak

berbeda jauh dengan software-software lainnya dan mudah untuk dikenali.

Interface Photoshop dibagi ke dalam empat kategori utama, yaitu menu bar,

toolbox dan option bar, palette, dan area dokumen kerja.

Gambar 2.9 Tampilan Photoshop CS2


commit to user

15

G. Adobe Flash

Adobe Flash adalah sebuah program grafis dan animasi yang

keberadaannya ditujukan bagi pecinta desain dan animasi untuk berkreasi

membuat animasi web interaktif, film animasi kartun, presentasi bisnis atau

kegiatan, company/organization profile, dan game Flash yang menarik. Adobe

Flash ini dapat menghasilkan file dengan ukuran kecil. Hal ini dikarenakan Flash

menggunakan animasi dengan basis vector dan juga ukuran file Flash yang kecil

ini berguna ketika digunakan pada halaman web yang akan berdampak tidak

dibutuhkannya waktu loading yang lama untuk membuka halaman tersebut.

Setiap program desain dan animasi dibuat dengan memiliki area kerja

yang memiliki kekhasan tersendiri diantara satu program dengan program

lainnya. Pada area kerja yang telah disediakan itulah diberikan kemudahan berupa

tersedianya berbagai macam fasilitas yang akan digunakan untuk berkreasi

membuat desain sesuai dengan ide. Pada Adobe Flash ini terdapat beberapa

komponen utama yang penting, yaitu Toolbox, Timeline, dan Stage. (Anggra.

2008)

Gambar 2.10 Tampilan Adobe Flash CS4


commit to user

16

H. Adobe Director

1. Pengertian Director

Director merupakan sutradara dalam pembuatan proyek multimedia.

Director dapat mengikutsertakan/import pemain-pemain yang berbeda

karakter untuk proyek multimedia, seperti: (Hendi Hendratman ST. 2008)

a. Photoshop

Photoshop adalah pemain/aktor dengan kemampuan luas di

bidang gambar/ image dengan format bitmap. Photoshop ini cocok untuk

membuat tampilan background, foto, dan efek grafis statis.

b. 3D Studio Max

3Ds Max adalah pemain/aktor yang mempunyai kemampuan

menampilkan objek secara 3 dimensi dan sekaligus menganimasikannya.

c. MP3 & Audio Files lain

Background music akan dapat membangkitkan perasaan dan

emosi pendengarnya. Oleh karena itu kualitas dan jenis musik akan sangat

berpengaruh pada proyek multimedia.

d. Flash

Kemampuan flash dalam menampilkan gambar dengan format

vector sangat menghemat ruang dan menjaga kualitas gambar, sehingga

gambar dapat diperbesar tanpa batas dan tidak pecah. Kemampuan lain

seperti animasi, web link, dan tombol banyak dipakai para desainer web.

Meskipun Flash dapat sebagai sutradara, namun dia tetap tidak dapat

mengimport file Director. Sedangkan Adobe Director dapat mengimport

file Flash (*.swf).

e. Video

Bila menggunakan Adobe Flash, untuk mengimport file video

akan terasa penurunan performa saat video dijalankan. Lagipula harus

terinstall Quicktime terlebih dahulu di komputer. Tapi dengan Adobe

Director, video dapat berjalan dengan lancar tanpa masalah.


commit to user

17

2. Konsep Dasar Director

Gambar 2.11 Layout Adobe Director 11

Keterangan :

1. Stage

2. Score

3. Cast Member

4. Panel Property Inspector

Adobe Director menggunakan istilah seperti pada dunia perfilman

atau sinetron, antara lain:

a. Stage

Stage merupakan tampilan untuk menunjukkan hasil tata letak objek pada

waktu (frame) tertentu. Analoginya seperti tampilan di layar TV /

panggung pertunjukan.

b. Score

Score digunakan untuk mengatur urutan objek yang akan tampil agar

sesuai cerita/naskah, analoginya seperti storyboard dan storyline. Di Score

inilah untuk menentukan mana yang tampil terlebih dahulu dan mana yang

akan tampil belakangan.


commit to user

18

c. Cast Member

Cast member berfungsi untuk menampung objek apa saja yang siap dan

bisa ditampilkan. Analoginya seperti artis yang sedang menunggu giliran

tampil di panggung (stage). Satu artis dapat tampil berkali-kali di stage

dalam waktu yang sama ataupun berbeda untuk menghemat jumlah

pemain (cast member)

d. Panel Property Inspector

Panel property inspector berfungsi untuk mengatur sifat/ parameter yang

ada pada objek. Setiap objek mempunyai keistimewaan sendiri.

Analoginya seperti artis yang mempunyai sifat dan kemampuan yang

khusus dan berbeda dengan artis lainnya. (Hendi Hendratman ST. 2008)

I. Script Lingo

1. Pengertian Script Lingo

Lingo adalah bahasa pemrograman Director yang berguna untuk

menciptakan interaksi antara pemakai dengan movie yang istilah populernya

disebut movie interaktif. Lingo dapat digunakan untuk mengontrol movie agar

memberikan respon dari suatu kondisi dan kejadian tertentu. Sebagai contoh,

Lingo dapat membuat tombol navigasi untuk berpindah antar halaman

presentasi atau movie dengan mudah, menggerakkan objek, mengontrol

volume suara, dan masih banyak lagi.

Saat ini Director dan Lingo mulai banyak digunakan untuk

keperluan multimedia interaktif seperti membuat CD Pembelajaran, Tutorial,

game, presentasi produk, company profile sampai CD menu interaktif yang

ada dalam bonus majalah dan buku komputer. (Muhammad Adri. 2008)

2. Tipe Script Lingo

Script Lingo terbagi menjadi 4 tipe, yaitu behavior script, movie

script, parent script, dan yang terakhir adalah cast member script. Behavior,

movie, dan parent script akan tampil sebagai cast member yang ada di dalam


commit to user

19

Cast window. Berikut penjelasan singkat mengenai tipe script dari script

lingo.

a. Behavior script adalah script yang ditulis untuk mengontrol properties

dan gerakan sprite. Tipe script ini memudahkan pemrograman yang

berorientasi pada objek atau lebih dikenal dengan istilah OOP (Object

Oriented Programming).

b. Movie script adalah script yang tidak ditulis untuk sprite melainkan

untuk mengontrol movie. Tipe script ini dapat digunakan untuk

mengontrol berbagai aspek pada movie, khususnya ketika mulai dan akhir

dari sebuah movie. Tipe script ini juga dapat disesuaikan dengan script

lain untuk penggunaan handle pada instance.

c. Parent script adalah script yang digunakan untuk membuat atau

melahirkan sebuah objek ke dalam Global Variabel dengan perintah

“new”. Objek-objek ini nantinya dapat mengontrol sprite dan media

kontrol lainnya tanpa dihubungkan langsung dengan sprite menggunakan

script atau bahkan dapat digunakan untuk mengontrol data atau objek

yang tidak terlihat.

Untuk Behavior, Movie, dan Parent script, cast member script akan berdiri

sendiri.

d. Cast member script adalah script yang ditulis secara langsung pada cast

member di dalam Cast window tanpa membuat cast member baru seperti

tipe script lainnya. Ketika cast member ditempatkan pada stage dan

berubah menjadi sprite, saat itu pula script yang ada pada cast member

diaktifkan.

Cast member yang diberi script akan menampilkan ikon script di pojok

kiri bawah thumbnail cast member. (Muhammad Adri. 2008)


commit to user 20

BAB III

DESAIN DAN PERANCANGAN

A. Kebutuhan

Dalam pembuatan aplikasi dan penyusunan tugas akhir ini dibutuhkan

alat baik hardware maupun software.

1. Hardware

Hardware adalah perangkat keras yang dibutuhkan untuk

membangun aplikasi tugas akhir ini. Adapun hardware yang digunakan antara

lain :

a. Personal Computer (PC) dengan spesifikasi minimum:

Processor Intel® Pentium 4

Memory 512 MB

Harddisk 50 GB

b. Mouse

c. Headset

2. Software

Software adalah perangkat lunak yang digunakan untuk membangun

aplikasi tugas akhir ini. Adapun software yang digunakan antara lain:

a. Adobe Director 11

Merupakan perangkat lunak yang berfungsi sebagai sutradara,

digunakan untuk menggabungkan gambar, teks, animasi, objek tiga

dimensi, dan suara dalam pembangunan aplikasi multimedia. Aplikasi ini

juga digunakan untuk membuat multimedia interaktif dengan script lingo.

b. 3D Studio Max 7

Merupakan perangkat lunak yang digunakan untuk membuat

obyek 3 dimensi berupa interior ruang kamar virtual dan animasi tiga

dimensi.


commit to user

21

c. Adobe Photoshop CS 2

Perangkat lunak ini digunakan untuk membuat desain tampilan

dan button (tombol) serta mengedit gambar.

d. Adobe Flash CS 4

Perangkat lunak yang digunakan untuk membuat animasi dua

dimensi.

e. Sony Sound Forge 9.0

Merupakan perangkat lunak yang digunakan untuk mengedit

suara (audio).

B. Langkah Pengembangan Aplikasi

Langkah pengembangan aplikasi multimedia visualisasi tipe kamar hotel

virtual adalah sebagai berikut:

Gambar 3.1 Langkah Pengembangan Aplikasi

Konsep

Pengumpulan Bahan

Struktur Navigasi

Sketsa Layout

Desain dan Script

Testing

Hasil


commit to user

22

1. Merancang Konsep Aplikasi

Langkah awal dalam membangun aplikasi multimedia adalah

merancang konsep aplikasi. Pada langkah ini ditentukan bagaimana menjawab

rumusan masalah yang telah dibuat sebelumnya.

2. Mengumpulkan Bahan

Pengumpulan bahan dilakukan untuk menambah pengetahuan

mengenai segala sesuatu yang berhubungan dengan pengembangan aplikasi

yang dilakukan.

3. Membuat Struktur Navigasi Aplikasi

Struktur navigasi dirancang sebagai alur dari aplikasi yang akan

dibuat. Dengan adanya struktur navigasi ini akan mempermudah dalam

pengembangan aplikasi.

4. Membuat Sketsa Layout

Sketsa layout merupakan rancangan desain tampilan aplikasi yang

akan dibuat.

5. Desain dan Script

Pembuatan desain dan script merupakan pengimplementasian dari

konsep yang mengacu pada struktur navigasi dan sketsa layout yang telah

dibuat.

6. Testing

Pada langkah ini dilakukan uji coba aplikasi setelah diekspor. Jika

masih terdapat error, dilakukan perbaikan dan dilakukan testing lagi.

7. Hasil

Hasil adalah aplikasi multimedia yang siap digunakan.

C. Rancangan Aplikasi

1. Struktur Navigasi Aplikasi

Pembuatan aplikasi multimedia visualisasi tipe kamar hotel virtual

ini dibagi menjadi 4 menu navigasi, untuk masing-masing menu memiliki


commit to user

23

konten isi yang berbeda dalam hal tipe kamar virtual yang disertai dengan

interaksi. Struktur navigasi yang digunakan adalah struktur navigasi hirarki

(Hierarchical model).

Gambar 3.2 Struktur Navigasi

2. Interaksi Aplikasi

Pada setiap menu tipe kamar terdapat interaksi yang dapat dilakukan

pada tipe kamar hotel virtual, yaitu menjelajahi ruang virtual, menyalakan

lampu, menyalakan televisi, menyalakan AC, membuka keran air, dan

membuka lemari.

D. Rancangan Desain Aplikasi

Sebelum membuat aplikasi multimedia visualisasi tipe kamar virtual,

terlebih dahulu dibuat rancangan desain tampilannya. Rancangan desain tampilan

pada aplikasi ini terdiri dari halaman utama dan halaman tipe kamar. Berikut

rancangan halaman aplikasi multimedia visualisasi tipe kamar hotel virtual:

1. Rancangan Halaman Menu Utama

Rancangan halaman menu utama merupakan tampilan utama untuk

menampung isi dari aplikasi visualisasi tipe kamar virtual. Pada bagian kanan

terdapat animasi gambar yang sesuai dengan judul. Pada bagian kiri terdapat 4

Menu Utama

Standard

Room

Superior

Room

Deluxe

Room

Suite

Room


commit to user

24

button yang menunjukkan deskripsi dari menu utama, yaitu button standard

room, button superior room, button deluxe room, dan button suite room.

Gambar 3.3 Rancangan Halaman Menu Utama

2. Rancangan Halaman Tipe Kamar

Rancangan halaman tipe kamar merupakan tampilan dari definisi

tipe kamar hotel yang tersedia, yaitu standard room, superior room, deluxe

room, dan suite room. Pada bagian atas terdapat judul tipe kamar dan menu

navigasi untuk kembali ke menu utama. Pada bagian kiri terdapat ruang

virtual dari kamar tipe standard, serta pada bagian bawah kanan terdapat

tombol untuk melihat petunjuk navigasi. Sedangkan pada bagian kanan

terdapat gambar sketsa ruang, dan keterangan fasilitas dari setiap tipe kamar

hotel. Dan pada bagian bawah terdapat navigasi kontrol suara.

Gambar

Superior Room

Deluxe Room

Suite Room

Exit

Kredit Text

Standard Room

Judul


commit to user

25

Gambar 3.4 Rancangan Halaman Tipe Kamar

Menu

Utama

Volume Control

3D Room Guide

Sketsa Ruang

Fasilitas

Navigasi

Tipe Kamar


commit to user 26

BAB IV

IMPLEMENTASI DAN ANALISA

A. Detail Aplikasi

Aplikasi multimedia ini merupakan aplikasi yang berisi visualisasi tipe

kamar hotel virtual secara 3 dimensi yang dapat dijelajahi dan terdapat interaksi.

Pada aplikasi ini terdapat 4 tipe kamar hotel yang divisualisasikan, yaitu tipe

kamar standard, tipe kamar superior, tipe kamar deluxe, dan tipe kamar suite.

Aplikasi multimedia ini ditujukan kepada calon tamu hotel pada

khususnya dan masyarakat pada umumnya. Visualisasi ruang kamar dibuat secara

3 dimensi agar ruang kamar dapat terlihat lebih realistis. Pada penyampaian

visualisasi ruang kamar virtual ini juga dilengkapi dengan interaksi yang akan

menjadikan aplikasi ini semakin menarik.

B. Pembuatan Aplikasi

1. Pembuatan Obyek 3 Dimensi

a. Pembuatan Obyek Lemari

Gambar 4.1 Pembuatan Obyek Lemari

Pembuatan obyek lemari menggunakan obyek geometri box

untuk membuat balok sebagai bentuk dasar dari lemari. Untuk membuat


commit to user

27

bagian dalam lemari, obyek box diberi modifier editpoly agar dapat diubah

sisi dan rusuk dari obyek box tersebut. Kemudian menambahkan garis

(edge) pada balok dan pada sisi bagian depan diberikan modifier extrude

untuk membuat kedalaman di bagian depan lemari (seperti pada gambar

4.1).

b. Pembuatan Obyek Meja TV

Pembuatan obyek meja tv menggunakan obyek geometri box,

dan pada obyek box ditambahkan modifier editpoly untuk menambahkan

rusuk serta memberikan kedalaman pada box (seperti pada gambar 4.2).

Tutup meja dibuat dengan box, sedangkan handle pada tutup meja dibuat

dengan geometri Cylinder dan Sphere.

Gambar 4.2 Pembuatan Meja TV

c. Pembuatan Obyek TV

Untuk membuat obyek tv, pertama membuat balok dengan obyek

geometri box. Kemudian obyek box diberi modifier editpoly, dan dengan

editpoly ditambahkan garis pada bagian depan dan belakang sehingga

terbentuk sisi baru yang lebih kecil. Pada sisi bagian depan digeser ke

belakang, sehingga terbentuk bagian layar tv. Sedangkan pada sisi bagian

belakang digeser ke belakang dan ukuran dikecilkan (seperti pada gambar

4.3).


commit to user

28

Gambar 4.3 Pembuatan Obyek TV

d. Pembuatan Obyek Tempat Tidur

Gambar 4.4 Pembuatan Obyek Tempat Tidur

Untuk membuat tempat tidur, pertama membuat balok yang

tinggi sebagai kaki tempat tidur. Kemudian balok tersebut diclone menjadi

4 balok. Selanjutnya membuat balok yang pipih sebagai rangka bagian

samping, serta balok sebagai kasur. Dan balok-balok tersebut disusun

menjadi sebuah tempat tidur seperti pada gambar 4.4.

Pembuatan obyek bantal menggunakan obyek geometri box

dengan segmen panjang 10, segmen lebar 10, dan segmen tinggi 5 serta

diberi modifier editpoly. Pada parameter editpoly digeser rusuk-rusuknya


commit to user

29

hingga terbentuk seperti pada gambar 4.5. Dan untuk memberikan kesan

halus ditambahkan modifier smooth.

Gambar 4.5 Pembuatan Obyek Bantal

Gambar 4.6 Pembuatan Selimut

Obyek selimut dibuat dengan obyek geometri plane (segmen

panjang 15 dan segmen lebar 10) yang diberi modifier reactor cloth.

Kemudian pilih beberapa vertex (titik) pada modifier reactor cloth untuk

dikunci agar tidak dapat bergeser. Selanjutnya menambahkan tool create

cloth collection seperti pada gambar 4.6. Dan lihat animasi dengan

preview animation (seperti pada gambar 4.7) sampai mendapatkan bentuk


commit to user

30

yang diinginkan. Lalu update MAX untuk mendapatkan bentuk tersebut

pada obyek 3Ds Max.

Gambar 4.7 Pembuatan Efek pada Selimut

Gambar 4.8 Penyusunan Tempat Tidur

Obyek tempat tidur, selimut dan bantal dijadikan satu dan

disusun seperti pada gambar 4.8


commit to user

31

e. Pembuatan Obyek AC

Gambar 4.9 Pembuatan Obyek AC

Obyek AC dibuat dengan obyek geometri box yang diberi

modifier editpoly. Pada bagian rusuk balok diberi parameter chamfer

untuk membuat lengkungan yang halus pada balok. Kemudian

ditambahkan garis-garis pada bagian depan untuk membuat lubang angin

seperti pada gambar 4.9.

f. Pembuatan Obyek Sofa

Gambar 4.10 Pembuatan Obyek Sofa


commit to user

32

Obyek sofa dibuat dengan geometri box sebagai bagian bawah

sofa. Dan obyek box yang diberi modifier meshSmooth untuk membuat

obyek menjadi halus. Kemudian obyek balok tersebut disusun menjadi

sebuah sofa seperti pada gambar 4.10.

g. Pembuatan Obyek Ruang Kamar

Gambar 4.11 Pembuatan Obyek Ruang Kamar

Gambar 4.12 Penggabungan Obyek 3 Dimensi

Pembuatan obyek ruang kamar dengan menggunakan fasilitas

pada create geometry wall untuk membuat dinding yang dibentuk menjadi

sebuah ruang, doors untuk membuat pintu dan diletakkan pada wall,


commit to user

33

windows untuk membuat jendela, dan plane untuk membuat lantai (seperti

pada gambar 4.11). Setelah ruangan jadi, obyek interior yang telah dibuat

dijadikan satu dengan menu file, merge (lihat gambar 4.12). Dan diberikan

material pada setiap obyek agar terlihat lebih nyata.

Gambar 4.13 Export Shockwave 3D Scene

Selanjutnya Obyek ruang kamar yang sudah jadi diexport dengan

tipe Shockwave 3D Scene Export (*.w3d) agar dapat digunakan dalam

Adobe Director seperti pada gambar 4.13.

2. Pembuatan Background

Gambar 4.14 Pembuatan Background pada Photoshop


commit to user

34

Pembuatan background dalam aplikasi ini dilakukan secara manual

dengan memanfaatkan tools yang ada pada Adobe PhotoShop CS2. Ukuran

background dibuat sesuai dengan ukuran aplikasi yang ingin dibuat, yaitu 800

x 600 px. Fasilitas rectangle tool digunakan untuk menggambar persegi

sebagai warna dasar dari obyek shockwave 3D. Fasilitas rounded rectangle

tool digunakan untuk menggambar persegi dengan bagian siku melengkung

yang digunakan sebagai obyek dasar judul halaman (seperti gambar 4.14).

Pada dasar judul halaman ini ditambahkan style layer gradient

overlay, bevel and emboss dan outer glow (seperti pada gambar 4.15) agar

tampak lebih menarik. Pada layer background diberikan layer style gradient

overlay untuk memberikan gradasi beberapa warna. Dan ditambahkan efek

pada background dengan menggunakan fasilitas brush tool. Fasilitas text tool

digunakan untuk membuat tulisan. Setelah desain background jadi disimpan

dalam tipe jpeg untuk selanjutnya diimport ke dalam Director.

Gambar 4.15 Pembuatan Efek pada Background


commit to user

35

3. Pembuatan Tombol Navigasi

Gambar 4.16 Pembuatan Tombol Navigasi

Tombol navigasi ini berfungsi untuk menuju ke halaman tertentu.

Tombol navigasi dibuat dengan Adobe Photoshop CS2 secara manual dengan

memanfaatkan fasilitas tool yang disediakan. Fasilitas rounded rectangle tool

digunakan untuk membuat persegi dengan bagian siku melengkung. Fasilitas

Path tool digunakan untuk membuat bidang sebagai pancaran sinar dari button

(tombol) yang dibuat seperti pada gambar 4.16. Style layer gradient overlay

dan bevel and emboss digunakan untuk memberikan efek 3 dimensi pada

tombol. Animasi tombol dibuat dengan Adobe Director 11. Gambar tombol

yang telah dibuat diimpor ke dalam Adobe Director 11. File gambar yang

telah diimpor disusun dalam frame dan ditambahkan keyframe untuk

memberikan animasi (seperti pada gambar 4.17). Dan tombol ini disimpan

dalam director movie (*.dir).


commit to user

36

Gambar 4.17 Pembuatan Animasi Tombol

4. Pemrograman dengan Script Lingo

Script lingo digunakan untuk menjalankan aksi pada frame dan

obyek yang telah disusun pada frame. Untuk memberikan script lingo pada

obyek, yaitu dengan klik kanan obyek dan klik script. Script yang telah dibuat

secara otomatis akan menjadi cast member, sehingga dapat digunakan

berulang kali. Script lingo yang digunakan dalam aplikasi ini adalah sebagai

berikut:

a. Script menuju ke halaman standard

on mouseEnter me

sprite(2).member="buttonbar"

sprite(7).member="h-standard"

end

on mouseLeave me

sprite(2).member="buttonmainu"

sprite(7).member="home”

end

on mouseUp me

go to "Standard"

end


commit to user

37

Maksud dari script lingo di atas adalah saat cursor mouse berada pada area

obyek, member sprite 2 diganti dengan cast member “buttonbar” dan

member sprite 7 diganti dengan cast member “h-standard”. Saat mouse

meniggalkan obyek, member sprite 2 diganti dengan cast member

“buttonmainu” dan member sprite 7 diganti dengan cast member “home”.

Dan saat mouse diklik, menuju ke frame dengan nama “Standard”. Script

tersebut dipasang pada obyek tombol standard room.

b. Script quit

Script di atas dipasang pada obyek 3 dimensi huruf X pada halaman utama

sebagai tombol keluar. Maksud dari script lingo di atas adalah saat obyek

diklik, maka akan keluar dari aplikasi.

c. Script untuk menjelajahi ruang standard room

property world,scene,my,height

property x,y,z,r

property cam

property colRadius,px,py,rayHeight,rayAngle

on new me,args

world = args.world

scene = world.scene

-- tinggi karakter

height = 120

rayHeight = 4

rayAngle = pi/4

member("standard1").model("out").visibility=#non

e

on mouseUp me

halt

end


commit to user

38

-- membuat kamera dan menentukan posisi

koordinat

my = scene.camera[1]

my.fieldOfView = 60

x = 130

y = 50

z = 0

r = 0

px = 0

py = 0

colRadius = 20

return me

end

on enterframe me

-- mendeklarasikan tombol arrow pada keyboard

pUp = keyPressed(126)

pDown = keyPressed(125)

pLeft = keyPressed(123)

Pright = keyPressed(124)

-- aksi saat tombol arrow pada keyboard

ditekan

rotateAmount = (pRight-pLeft) * 0.03

moveAmount = (pUp-pDown) * 4

-- update posisi kamera

r = r + rotateAmount

xm = sin(r)*moveAmount

ym = cos(r)*moveAmount

x = x + xm

y = y + ym

me.doWallCollision()

my.transform.position = vector(x,y,height)

my.transform.rotation =

vector(90,0,toDegrees(r))

end

on toDegrees radianValue

return radianValue*(-180/pi)

end

--mengatur agar kamera tidak dapat menembus

tembok


commit to user

39

on doWallCollision me

if px=x and py=y then

return

else

motionAngle = atan(x-px,y-py)

end if

-- cek tembok

wallChecks = []

raySource = vector(x,y,z+rayHeight)

rayVectorLeft =

vector(sin(motionAngle+rayAngle),cos(motionAngle

+rayAngle),0)

rayVectorRight = vector(sin(motionAngle-

rayAngle),cos(motionAngle-rayAngle),0)

wallChecks.add(scene.modelsUnderRay(raySource,

rayVectorLeft,#detailed))

wallChecks.add(scene.modelsUnderRay(raySource,

rayVectorRight,#detailed))

repeat with wallResult in wallChecks

if wallResult.count>0 then

wall = wallResult[1]

if wall.distance<colRadius then

hitPoint = wall.isectPosition

penetrationDepth = colRadius-

wall.distance

wallNormal = wall.isectNormal

motionVector =

vector(sin(motionAngle),cos(motionAngle),0)

approachAngleFactor =

(wallNormal.angleBetween(motionVector)/180.0)

reduceJudder = 1-

(approachAngleFactor*approachAngleFactor*0.3)

resolveVector = wallNormal *

penetrationDepth * reduceJudder

x = x + resolveVector.x

y = y + resolveVector.y

end if

end if

end repeat


commit to user

40

-- update posisi kamera

px = x

py = y

end

Script di atas merupakan script untuk interaksi menjelajahi ruang

virtual. Pada awal script dideklarasikan variabel yang akan digunakan.

Height digunakan untuk menentukan tinggi dari karakter. Obyek “out”

disembunyikan dan membuat cahaya dengan nama “room light”. Lalu

membuat kamera pada posisi x 130 dan y 50. Pada method enterframe

dideklarasikan variabel jika tombol arrow ditekan, maka posisi kamera

akan berubah. Method doWallCollision digunakan untuk membuat kamera

agar tidak menembus obyek interior ruang virtual.

d. Script untuk membuka lemari

Interaksi membuka lemari menggunakan script behavior dari

Director, yaitu play animation, mouse left, mouse right, dan model

rollover cursor.

Gambar 4.18 Parameter Play Animation

Pada parameter play animation ditentukan model obyek yang diklik,

model yang bergerak, keyframe awal animasi, playback animasi, serta

nama behavior.


commit to user

41

Gambar 4.19 Parameter Mouse Left

Pada parameter mouse left ditentukan jika mouse kiri diklik, maka

animasi dari grup behavior lemari kanan dijalankan.

Gambar 4.20 Parameter Mouse Right

Pada parameter mouse right ditentukan jika mouse kanan diklik, maka

animasi dari grup behavior lemari kanan direset (dikembalikan pada

keadaan semula).

Gambar 4.21 Parameter Model Rollover Cursor

Pada parameter model rollover cursor ditentukan model yang akan diberi

aksi dan jenis kursor saat kursor berada pada model.

5. Pengeditan Sound

Sound digunakan sebagai musik background aplikasi dengan tipe

looping. Untuk mendapatkan file ekstensi wav dilakukan pengeditan sound

dengan software Sony Sound Forge 9.0. Fasilitas edit tools digunakan untuk

menyeleksi sound yang akan digunakan. Dan fasilitas trim/crop digunakan


commit to user

42

untuk memotong sound. Sound dipotong pada bagian tertentu hingga

didapatkan perulangan musik.

Gambar 4.22 Pengeditan Sound

C. Hasil Pengujian Aplikasi

1. Halaman Utama

Gambar 4.23 Halaman Utama


commit to user

43

Pada halaman utama ini terdapat 4 tombol navigasi untuk menuju ke

halaman Standard Room, Superior Room, Deluxe Room, dan Suite Room.

Selain tombol navigasi juga terdapat tombol keluar dari program yang terletak

pada bagian kanan atas. Pada gambar di sebelah kanan diberi animasi gambar

dari ruangan setiap tipe kamar. Animasi dibuat setengah dari gambar agar

gambar guide hotel yang sesuai dengan judul aplikasi tetap terlihat. Tulisan

“3D” pada judul aplikasi dibuat 3 dimensi dan diberi animasi berputar yang

memperkuat bahwa ini merupakan aplikasi yang menggunakan konsep 3

dimensi. Pada bagian bawah terdapat kredit text yang berisi tentang pembuat

aplikasi.

2. Halaman Standard Room

Gambar 4.24 Halaman Standard Room


commit to user

44

Halaman standard room berisi definisi dari fasilitas dan interior dari

tipe kamar standard. Interior kamar ditunjukkan secara 3 dimensi yang dapat

dijelajahi dan terdapat interaksi pada obyek interiornya. Ruang kamar virtual

3 dimensi tersebut terletak di bagian kiri. Pada bagian atas terdapat judul

halaman yang diberi efek kilauan cahaya dan tombol navigasi untuk menuju

ke halaman menu utama. Pada bagian kanan terdapat sketsa ruang kamar tipe

standard dan di bawahnya berisi fasilitas dari tipe kamar standard. Pada

bagian bawah terdapat tombol untuk mengaktifkan atau menonaktifkan lagu

dan volume control untuk mengatur volume musik. Pada ruang virtual

standard room terdapat 2 tempat tidur, kamar mandi, tv, AC, meja rias, dan

kursi.

3. Halaman Superior Room

Gambar 4.25 Halaman Superior Room


commit to user

45

Halaman superior room merupakan halaman untuk mendefinisikan

ruang kamar tipe superior. Interior ruang kamar dibuat virtual dalam 3

dimensi yang dapat dijelajahi dan user dapat berinteraksi dengan obyek di

dalam ruang virtual tersebut. Pada halaman ini terdapat tombol untuk kembali

ke menu utama, tombol untuk mengaktifkan/menonaktifkan sound, serta

terdapat volume control untuk mengatur volume musik. Pada ruang virtual

superior room terdapat 2 tempat tidur, kamar mandi, lemari kecil, tv, AC,

meja rias, dan kursi.

4. Halaman Deluxe Room

Gambar 4.26 Halaman Deluxe Room

Halaman deluxe room merupakan halaman untuk mendefinisikan

ruang kamar tipe deluxe. Interior ruang kamar dibuat virtual dalam 3 dimensi

yang dapat dijelajahi dan user dapat berinteraksi dengan obyek di dalam ruang

virtual tersebut. Pada halaman ini terdapat tombol untuk kembali ke menu


commit to user

46

utama, tombol untuk mengaktifkan/menonaktifkan sound, serta terdapat

volume control untuk mengatur volume musik. Pada ruang virtual deluxe

room terdapat tempat tidur, kamar mandi dengan bathtube, lemari, LCD TV,

AC, meja rias, dan sofa.

5. Halaman Suite Room

Halaman suite room merupakan halaman untuk mendefinisikan

ruang kamar tipe suite. Interior ruang kamar dibuat virtual dalam 3 dimensi

yang dapat dijelajahi dan user dapat berinteraksi dengan obyek di dalam ruang

virtual tersebut. Pada halaman ini terdapat tombol untuk kembali ke menu

utama, tombol untuk mengaktifkan/menonaktifkan sound, serta terdapat

volume control untuk mengatur volume musik. Pada ruang virtual suite room

terdapat kamar tidur (dengan fasilitas TV, AC, lemari, meja rias, dan sofa),

kamar tidur 2 (tempat tidur, lemari, kursi), kamar mandi dengan bathtube,

dan ruang tamu dengan sofa dan LCD TV.

Gambar 4.27 Halaman Suite Room


commit to user

47

D. Evaluasi Aplikasi

1. Kelebihan Aplikasi

Kelebihan dari aplikasi room guide untuk tipe kamar hotel yang

explorable berbasis 3 dimensi ini adalah:

a. Interior ruang kamar hotel ditunjukkan secara 3 dimensi, sehingga dapat

dilihat dari berbagai sisi.

b. Ruang kamar virtual pada aplikasi ini dapat dijelajahi dengan

menggunakan tombol arrow pada keyboard.

c. Pengguna dapat melakukan interaksi di dalam ruang kamar virtual untuk

menyalakan tv, AC, lampu, dan membuka lemari sehingga lebih menarik.

2. Kelemahan Aplikasi

Kelemahan dari aplikasi room guide untuk tipe kamar hotel yang

explorable berbasis 3 dimensi ini adalah:

a. Interior ruang kamar kurang terlihat nyata, yaitu cermin dan kaca tidak

dapat diimplementasikan.

b. Aplikasi ini dapat berjalan normal pada PC (personal computer) dengan

spesifikasi minimum Pentium 4.


commit to user 48

BAB V

PENUTUP

A. Kesimpulan

Kesimpulan yang dapat diperoleh dari pembuatan aplikasi multimedia

ini adalah :

a. Telah dibuat aplikasi room guide untuk tipe kamar hotel yang explorable

berbasis tiga dimensi.

b. Aplikasi ini memberikan informasi interior dan fasilitas kamar hotel untuk

tipe standard, superior, deluxe, dan suite room.

B. Saran

Saran yang dapat diperoleh dari pembuatan aplikasi multimedia ini

adalah :

a. Pengembangan interior pada fasilitas ruang hotel, seperti ruang lobby,

restoran, supermarket, tempat parkir, dan ruang fasilitas yang lainnya.

b. Penggunaan xml agar dapat mengubah obyek interior 3 dimensi dengan

mudah.


commit to user

49

Daftar Pustaka

Adri, Muhammad. 2008. Content Packaging – Director Lingo Basic.

IlmuKomputer.Com

Akib, Faisal. 2009. Virtual Reality dan Animasi. http://teknik-

informatika.com/virtual-reality-animasi/. Diakses pada 11 Januari

2011

Anggra. 2008. Memahami Teknik Dasar Pembuatan Game Berbasis Flash.

Yogyakarta: Gava Media. hal 11

Badan Pusat Statistik. 2009. Konsep dan Definisi Statistik Hotel dan Akomodasi

Lainnya di Indonesia. http://www.bps.go.id/. Diakses pada 19 Januari

2011

Hendratman ST, Hendi. 2008. The Magic of 3D Studio Max. Bandung: Penerbit

Informatika. Hal 414 – 415

Soeherman, Bonnie. 2007. Membuat Karikatur dengan Photoshop. Jakarta:

Elex Media Komputindo. Hal 13

Sutopo, Ariesto Hadi. 2003. Multimedia Interaktif Dengan Flash. Yogyakarta:

Graha Ilmu

Suprapto, Toto. 2009. Kenali dulu istilahnya sebelum memesan kamar hotel.

http://totosp.wordpress.com/2009/07/14/kenali-dulu-istilahnya-

sebelum-memesan-kamar-hotel/. Diakses pada 19 Januari 2011

Varatrip. Inna Garuda Yogyakarta. www.varatrip.com/hoteldetail.asp?id=

34116. Diakses pada 19 Januari 2011

Wartmann, Carsten. 2004. Panduan Lengkap Menggunakan Blender. Jakarta:

Elex Media Komputindo. Hal 10 - 22

room guide untuk tipe kamar hotel yang …/room... · comfortable in enjoying information that is...

Documents