lisensi ini mengizinkan setiap orang untuk menggubah, … · 2020. 3. 1. · vi abstraksi dalam...

15
Team project ©2017 Dony Pratidana S. Hum | Bima Agus Setyawan S. IIP Hak cipta dan penggunaan kembali: Lisensi ini mengizinkan setiap orang untuk menggubah, memperbaiki, dan membuat ciptaan turunan bukan untuk kepentingan komersial, selama anda mencantumkan nama penulis dan melisensikan ciptaan turunan dengan syarat yang serupa dengan ciptaan asli. Copyright and reuse: This license lets you remix, tweak, and build upon work non-commercially, as long as you credit the origin creator and license it on your new creations under the identical terms. brought to you by CORE View metadata, citation and similar papers at core.ac.uk provided by UMN Knowledge Center

Upload: others

Post on 30-Mar-2021

7 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Lisensi ini mengizinkan setiap orang untuk menggubah, … · 2020. 3. 1. · vi ABSTRAKSI Dalam perkembangan teknologi yang sudah semakin pesat, sekarang sudah dikenal teknik 3D

Team project ©2017 Dony Pratidana S. Hum | Bima Agus Setyawan S. IIP 

 

 

 

 

 

Hak cipta dan penggunaan kembali:

Lisensi ini mengizinkan setiap orang untuk menggubah, memperbaiki, dan membuat ciptaan turunan bukan untuk kepentingan komersial, selama anda mencantumkan nama penulis dan melisensikan ciptaan turunan dengan syarat yang serupa dengan ciptaan asli.

Copyright and reuse:

This license lets you remix, tweak, and build upon work non-commercially, as long as you credit the origin creator and license it on your new creations under the identical terms.

brought to you by COREView metadata, citation and similar papers at core.ac.uk

provided by UMN Knowledge Center

Page 2: Lisensi ini mengizinkan setiap orang untuk menggubah, … · 2020. 3. 1. · vi ABSTRAKSI Dalam perkembangan teknologi yang sudah semakin pesat, sekarang sudah dikenal teknik 3D

APLIKASI INTERAKTIF 3D UNTUK PROMOSI

PERUMAHAN Ditulis sebagai salah satu syarat untuk memperoleh gelar Sarjana Seni (S.Sn)

Laporan Tugas Akhir

Nama : Devi Novianti

NIM : 09120210089

Fakultas : Seni dan Desain

Program Studi : Desain Komunikasi Visual

UNIVERSITAS MULTIMEDIA NUSANTARA

TANGERANG

2013

Aplikasi Interaktif..., Devi Novianti, FDS UMN, 2013

Page 3: Lisensi ini mengizinkan setiap orang untuk menggubah, … · 2020. 3. 1. · vi ABSTRAKSI Dalam perkembangan teknologi yang sudah semakin pesat, sekarang sudah dikenal teknik 3D

ii

Aplikasi Interaktif..., Devi Novianti, FDS UMN, 2013

Page 4: Lisensi ini mengizinkan setiap orang untuk menggubah, … · 2020. 3. 1. · vi ABSTRAKSI Dalam perkembangan teknologi yang sudah semakin pesat, sekarang sudah dikenal teknik 3D

iii

LEMBAR PERNYATAAN

Yang bertanda tangan dibawah ini :

Nama : Devi Novianti

NIM : 09120210089

Program Studi : Desain Komunikasi Visual

Judul Laporan Tugas Akhir : Aplikasi Interaktif 3D untuk Promosi Perumahan

Dengan sebenarnya penulis menyatakan bahwa laporan tugas akhir ini disusun

tanpa mengambil bahan hasil penelitian baik untuk satu gelar atau diploma yang

sudah ada di suatu universitas maupun hasil penelitian lain. Sejauh yang penulis

ketahui, laporan tugas akhir ini juga tidak mengambil bahan atau rujuakan dari

orang lain, kecuali disebutkan dalam daftar pustaka. Saya bersedia menerima

sanksi jika terbukti melakukan penjiplakan. Pernyataan ini saya tulis dalam

keadaan sadar dan tidak ada paksaan dari pihak manapun.

Devi Novianti

Aplikasi Interaktif..., Devi Novianti, FDS UMN, 2013

Page 5: Lisensi ini mengizinkan setiap orang untuk menggubah, … · 2020. 3. 1. · vi ABSTRAKSI Dalam perkembangan teknologi yang sudah semakin pesat, sekarang sudah dikenal teknik 3D

iv

KATA PENGANTAR

Puji syukur kehadirat Tuhan Yang Maha Esa atas segala kelimpahan

rahmatNya sehingga penulis dapat menyelesaikan Tugas Akhir yang berjudul

Aplikasi Interaktif 3D untuk Promosi Perumahan. Tugas Akhir ini dibuat sesuai

dengan ruang lingkup Fakultas Seni dan desain dengan tetap mengacu pada

kaidah-kaidah penulisan penelitian.

Selama persiapan dan penyusunan Tugas Akhir ini, penulis menerima

banyak bantuan bimbingan dan dorongan moril dari berbagai pihak. Kepada

semua pihak yang ikut berpartisipasi secara langsung maupun tidak langsung

demi terwujudnya Tugas Akhir ini, penulis ingin mengucapkan terima kasih. Oleh

karena itu, pada kesempatan kali ini, penulis ingin mengucapkan terima kasih

kepada:

1. Bapak Desi Dwi Kristanto, M. Ds. selaku Kaprodi Desain Komunikasi

Visual dan Dosen Pembimbing yang telah banyak memberikan

pengarahan dan bimbingan yang berguna bagi penulis selama penyusunan

Tugas Akhir ini,

2. Bapak Yusup Sigit Martyastiadi, S.T., M.Inf.Tech., selaku Sekertaris

Program Studi Desain Komunikasi Visual dan dosen Universitas

Multimedia Nusantara atas bimbingan dan masukannya mengenai format

penulisan laporan Tugas Akhir ini,

3. Bapak Fachrul Fadly S.Ked. selaku Dosen di Universitas Multimedia

Nusantara yang telah membimbing dalam hal teknis pembuatan Tugas

Akhir ini,

Aplikasi Interaktif..., Devi Novianti, FDS UMN, 2013

Page 6: Lisensi ini mengizinkan setiap orang untuk menggubah, … · 2020. 3. 1. · vi ABSTRAKSI Dalam perkembangan teknologi yang sudah semakin pesat, sekarang sudah dikenal teknik 3D

v

4. Paramount Serpong yang telah memberikan data-data yang diperlukan

untuk penyusunan Tugas Akhir ini,

5. Seluruh Staf dan Dosen di Universitas Multimedia Nusantara yang telah

mendidik dan membimbing penulis selama masa perkuliahan,

6. Orang tua dan kakak yang telah memberikan perhatian, dorongan dan

dukungan moril kepada penulis,

7. Teman-teman Animasi Angkatan Tahun 2009 khususnya Melisa, Nurul

Meuthia, Wulan Agustias Iskandar, Lalita Ghashani, Anita Nurmala

Surya, Della Roulina, dan Raisa Theodosia yang saling memberi informasi

yang berkaitan dengan tugas akhir, semangat dan dukungan moril yang

diberikan antar sesama mahasiswa.

Akhir kata, penulis berharap Tugas Akhir ini dapat bermanfaat bagi pihak-

pihak yang membutuhkan.

Tangerang, 20 Februari 2013

Penulis

Aplikasi Interaktif..., Devi Novianti, FDS UMN, 2013

Page 7: Lisensi ini mengizinkan setiap orang untuk menggubah, … · 2020. 3. 1. · vi ABSTRAKSI Dalam perkembangan teknologi yang sudah semakin pesat, sekarang sudah dikenal teknik 3D

vi

ABSTRAKSI

Dalam perkembangan teknologi yang sudah semakin pesat, sekarang sudah dikenal teknik 3D. Dengan teknik 3D ini keseluruhan obyek bisa diperlihatkan secara 3 dimensi, sehingga obyek tersebut terlihat hidup, nyata, sesuai dengan obyek dan basisnya.

Oleh karena itu, sekarang ini banyak sekali media seperti iklan, games, dan film layar lebar yang menggunakan teknik 3D. Hal serupa juga terjadi dalam mempromosikan pemukiman perumahan yang sekarang sedang naik daun. Banyak sekali kita melihat pembangunan-pembangunan perumahan baru. Namun, iklan-iklan atau media promosi yang disajikan itu tidak berinteraksi dengan para calon pembeli.

Dalam makalah ini penulis akan membahas tahap-tahap perancangan rumah menjadi penampakan visual 3D dalam bentuk aplikasi yang interaktif sebagai media promosi.

Kata kunci: 3D, pemukiman perumahan, media promosi, aplikasi, interaktif

Aplikasi Interaktif..., Devi Novianti, FDS UMN, 2013

Page 8: Lisensi ini mengizinkan setiap orang untuk menggubah, … · 2020. 3. 1. · vi ABSTRAKSI Dalam perkembangan teknologi yang sudah semakin pesat, sekarang sudah dikenal teknik 3D

vii

ABSTRACT

In the development of technologies that have been growing rapidly, At the present knows as 3D techniques. With this technique the entire 3D object can be displayed in three dimensions, so that the object was seen alive, real, in accordance with the object and its base.

Therefor at the present is a lot of media such as advertising, games and movies that use 3D techniques. It is also common in the promotion of residential housing that are coming rise. We can see many a lot of new housing developments. However, advertisements or promotional media presented did not interact with potential buyers.

In this paper the authors will discuss the stages of the design into a 3D visual appearance in the form of interactive applications as media campaigns.

Keywords: 3D, residential housing, marketing, applications, interactive

Aplikasi Interaktif..., Devi Novianti, FDS UMN, 2013

Page 9: Lisensi ini mengizinkan setiap orang untuk menggubah, … · 2020. 3. 1. · vi ABSTRAKSI Dalam perkembangan teknologi yang sudah semakin pesat, sekarang sudah dikenal teknik 3D

viii

DAFTAR ISI

HALAMAN PENGESAHAN TUGAS AKHIR ..................................................... ii

LEMBAR PERNYATAAN ................................................................................... iii

KATA PENGANTAR ........................................................................................... iv

ABSTRAKSI ......................................................................................................... vi

ABSTRACT .......................................................................................................... vii

DAFTAR ISI ........................................................................................................ viii

DAFTAR GAMBAR ............................................................................................. xi

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

1.1 Latar Belakang ........................................................................................... 1

1.2 Rumusan Masalah ...................................................................................... 2

1.3 Batasan Masalah ........................................................................................ 2

1.4 Tujuan Tugas Akhir ................................................................................... 2

1.5 Manfaat Tugas Akhir ................................................................................. 2

1.6 Sistematika Penulisan ................................................................................ 2

BAB II TINJAUAN PUSTAKA ............................................................................. 4

2.1 Definisi Multimedia ................................................................................... 4

2.2 Media Interaktif ......................................................................................... 5

2.3 Karakteristik Multimedia Interaktif ........................................................... 6

2.4 Interaktifitas ............................................................................................... 7

2.5 Pola Interaksi ............................................................................................. 8

2.6 GUI .......................................................................................................... 10

2.7 Fitur GUI .................................................................................................. 11

2.8 Prinsip Desain User Interface .................................................................. 12

2.9 Camera View pada Unity ......................................................................... 16

2.10 Media Promosi ......................................................................................... 20

2.11 Property Marketing Mix .......................................................................... 21

2.12 Karakteristik Produk Properti perumahan ............................................... 23

Aplikasi Interaktif..., Devi Novianti, FDS UMN, 2013

Page 10: Lisensi ini mengizinkan setiap orang untuk menggubah, … · 2020. 3. 1. · vi ABSTRAKSI Dalam perkembangan teknologi yang sudah semakin pesat, sekarang sudah dikenal teknik 3D

ix

2.12.1 Lokasi ................................................................................................. 23

2.12.2 Product Design ................................................................................... 24

2.12.3 Product Price ..................................................................................... 25

2.13 Aplikasi .................................................................................................... 25

2.14 Maket Digital ........................................................................................... 26

2.15 Presentasi Arsitektual............................................................................... 27

2.15.1 Mengintegrasikan Produk Autodesk ke dalam Alur Kerja ................ 30

2.15.2 Pendekatan Umum Modeling dan Rendering dengan Linked File ..... 31

2.16 Architectural Modeling ............................................................................ 32

Modeling Arsitektur dapat dilakukan dengan dua cara: ...................................... 32

2.17 Material dan Texturing ............................................................................ 34

2.17.1 Diffuse Map ........................................................................................ 36

2.17.2 Bump Map .......................................................................................... 36

2.17.3 Specular Map ..................................................................................... 37

2.17.4 Normal Map ....................................................................................... 38

2.17.5 Alpha Map .......................................................................................... 38

2.18 UV map .................................................................................................... 40

BAB III HASIL PENELITIAN ............................................................................ 41

3.1 Gambaran Umum ..................................................................................... 41

3.1.1 Deskripsi Proyek ................................................................................ 41

3.1.2 Tahapan Kerja .................................................................................... 42

3.1.3 Layout GUI ......................................................................................... 51

3.1.4 Interactive Display Machine .............................................................. 60

3.1.5 Floor Plan Design .............................................................................. 61

3.1.6 Import File.......................................................................................... 63

3.1.7 Modeling............................................................................................. 64

3.1.8 Material dan Texturing...................................................................... 75

BAB IV ANALISIS .............................................................................................. 86

4.1 Desain Interaktif....................................................................................... 86

4.1.1 Pola Interaksi ...................................................................................... 86

4.2 Layout dan konten GUI (Graphic User Interface) .................................. 89

Aplikasi Interaktif..., Devi Novianti, FDS UMN, 2013

Page 11: Lisensi ini mengizinkan setiap orang untuk menggubah, … · 2020. 3. 1. · vi ABSTRAKSI Dalam perkembangan teknologi yang sudah semakin pesat, sekarang sudah dikenal teknik 3D

x

4.3 Penempatan Produk ............................................................................... 100

4.4 Kasus-kasus pada aplikasi interaktif ...................................................... 102

4.4.1 Desain layout GUI ............................................................................ 102

4.4.2 Menghubungkan interaksi pada software yang berbeda .................. 102

BAB V PENUTUP .............................................................................................. 103

5.1 Kesimpulan ............................................................................................ 103

5.2 Saran ...................................................................................................... 103

DAFTAR PUSTAKA ............................................................................................ xv

LAMPIRAN 1 .................................................................................................... xviii

LAMPIRAN 2 ........................................................................................................ xx

Aplikasi Interaktif..., Devi Novianti, FDS UMN, 2013

Page 12: Lisensi ini mengizinkan setiap orang untuk menggubah, … · 2020. 3. 1. · vi ABSTRAKSI Dalam perkembangan teknologi yang sudah semakin pesat, sekarang sudah dikenal teknik 3D

xi

DAFTAR GAMBAR

Gambar 2.1 Nodal Plot ............................................................................................ 8Gambar 2.2 Modulated Plot .................................................................................... 9Gambar 2.3 Open Plot ............................................................................................. 9Gambar 2.4 Contoh Fitur GUI .............................................................................. 12Gambar 2.5 Contoh Desain Kesederhanaan User Interface ................................. 13Gambar 2.6 Contoh Desain Struktur User Interface ............................................. 14Gambar 2.7 Contoh Menu Pilihan Tidak Tersedia ............................................... 16Gambar 2.8 Contoh First Person Camera ............................................................ 17Gambar 2.9 Contoh Third Person Camera ........................................................... 18Gambar 2.10 Contoh Isometric Camera ............................................................... 19Gambar 2.11 Contoh Top Down Camera ............................................................. 20Gambar 2.12 Contoh Maket Digital ...................................................................... 26Gambar 2.13 Contoh Point Of View ..................................................................... 27Gambar 2.14 Contoh Kejelasan ............................................................................ 28Gambar 2.15 Contoh Kesatuan ............................................................................. 28Gambar 2.16 Contoh Kontinuitas ......................................................................... 29Gambar 2.17 Contoh Cara 1 .................................................................................. 33Gambar 2.18 Contoh Cara 2 .................................................................................. 34Gambar 2.19 Contoh Pemberian Texture .............................................................. 35Gambar 2.20 Gambar Contoh Pemberian Texture ................................................ 35Gambar 2.21 Contoh Diffuse Map ........................................................................ 36Gambar 2.22 Contoh Bump Map .......................................................................... 37Gambar 2.23 Contoh Specular Map ...................................................................... 37Gambar 2.24 Contoh Normal Map ........................................................................ 38Gambar 2.25 Contoh Alpha Map .......................................................................... 39Gambar 2.26 Contoh Jenis Tekstur ....................................................................... 39Gambar 2.27 Gambar Contoh Penggabungan Jenis Tekstur ................................ 40

Gambar 3. 1 Denah L7 .......................................................................................... 42Gambar 3. 2 Denah L8 .......................................................................................... 43Gambar 3. 3 Denah L9 .......................................................................................... 43Gambar 3. 4 Denah L10 ........................................................................................ 44Gambar 3. 5 Rumah Tipe L7 ................................................................................. 44Gambar 3. 6 Rumah Tipe L8 ................................................................................. 45Gambar 3. 7 Rumah Tipe L9 ................................................................................. 45Gambar 3. 8 Rumah Tipe L10 ............................................................................... 46Gambar 3. 9 Site Plan Cluster Trimezia ............................................................... 46

Aplikasi Interaktif..., Devi Novianti, FDS UMN, 2013

Page 13: Lisensi ini mengizinkan setiap orang untuk menggubah, … · 2020. 3. 1. · vi ABSTRAKSI Dalam perkembangan teknologi yang sudah semakin pesat, sekarang sudah dikenal teknik 3D

xii

Gambar 3. 10 Fasilitas Rumah .............................................................................. 47Gambar 3. 11 Lokasi Rumah ................................................................................ 47Gambar 3. 12 Spesifikasi Rumah .......................................................................... 48Gambar 3. 13 Alamat, Nomor Telepon, Website Developer ................................ 48Gambar 3. 14 Rumah Contoh L8 .......................................................................... 49Gambar 3. 15 Rumah contoh L8 ........................................................................... 50Gambar 3. 16 Rumah contoh L9 ........................................................................... 51Gambar 3. 17 Referensi Layout ............................................................................ 52Gambar 3. 18 Referensi Layout ............................................................................ 53Gambar 3. 19 Referensi Layout ............................................................................ 53Gambar 3. 20 Referensi GUI ................................................................................ 54Gambar 3. 21 Referensi GUI ................................................................................ 55Gambar 3. 22 Saat Tampilan Awal dan Home dibuka .......................................... 56Gambar 3. 23 Saat klik tombol About ................................................................... 56Gambar 3. 24 Saat klik tombol Type ..................................................................... 57Gambar 3. 25 Saat klik tombol 1st Floor/2nd Floor ............................................... 57Gambar 3. 26 Saat Klik Tombol Walkthrough ..................................................... 58Gambar 3. 27 Saat Klik Tombol Site Plan ............................................................ 58Gambar 3. 28 Saat Klik Tombol Contact Us ........................................................ 59Gambar 3. 29 Modulated Plot ............................................................................... 59Gambar 3. 30 Contoh Display Machine ................................................................ 60Gambar 3. 31 Denah Tipe L7 ................................................................................ 62Gambar 3. 32 Import file dari AutoCad ke 3ds Max ............................................. 63Gambar 3. 33 Denah yang telah Diextrude ........................................................... 64Gambar 3. 34 Modeling Pintu ............................................................................... 64Gambar 3. 35 Modeling Pintu ............................................................................... 65Gambar 3. 36 Modeling Jendela ............................................................................ 66Gambar 3. 37 Referensi Ruang Makan ................................................................. 66Gambar 3. 38 Modeling Ruang Makan ................................................................. 67Gambar 3. 39 Referensi Sofa ................................................................................ 68Gambar 3. 40 Modeling Ruang Tamu ................................................................... 68Gambar 3. 41 Referensi Ruangan Kamar ............................................................. 69Gambar 3. 42 Modeling Ruangan Kamar ............................................................. 69Gambar 3. 43 Modeling Ruangan Kamar ............................................................. 70Gambar 3. 44 Modeling Ruang kamar tipe 1 ........................................................ 71Gambar 3. 45 Modeling Lemari dan Laci ............................................................. 71Gambar 3. 46 Referensi Ruangan Kamar Tipe 2 .................................................. 72Gambar 3. 47 Modeling Ruang Kamar Tipe 2 ...................................................... 72Gambar 3. 48 Referensi kompor ........................................................................... 73Gambar 3. 49 Modeling kompor ........................................................................... 73

Aplikasi Interaktif..., Devi Novianti, FDS UMN, 2013

Page 14: Lisensi ini mengizinkan setiap orang untuk menggubah, … · 2020. 3. 1. · vi ABSTRAKSI Dalam perkembangan teknologi yang sudah semakin pesat, sekarang sudah dikenal teknik 3D

xiii

Gambar 3. 50 Tampak Perspektif .......................................................................... 74Gambar 3. 51 Tampak Atas .................................................................................. 74Gambar 3. 52 Interior rumah L7 ........................................................................... 74Gambar 3. 53 Gambar untuk foto kamar .............................................................. 75Gambar 3. 54. Gambar untuk kamar ..................................................................... 75Gambar 3. 55 Gambar untuk Atap ........................................................................ 76Gambar 3. 56 Gambar untuk Karpet ..................................................................... 76Gambar 3. 57 Gambar untuk Bantal ..................................................................... 76Gambar 3. 58 Gambar dari Autodesk ................................................................... 76Gambar 3. 59 Gambar yang Dimodifikasi ............................................................ 77Gambar 3. 60 Gambar dari Autodesk ................................................................... 77Gambar 3. 61 Pembuatan Material dan Tekstur .................................................... 77Gambar 3. 62 Unwrap pada Tangga ..................................................................... 78Gambar 3. 63 Penempatan Material Bump Map pada Lantai ............................... 78Gambar 3. 64 Penempatan Material pada buku .................................................... 79Gambar 3. 65 Material dan Texturing pada Kamar Anak Remaja ........................ 79Gambar 3. 66 Material dan Texturing pada Kamar Mandi Pembantu .................. 80Gambar 3. 67 Material dan Texturing pada Dapur ............................................... 80Gambar 3. 68 Material dan Texturing pada Kamar Lantai 1 ................................ 81Gambar 3. 69 Material dan Texturing pada Ruang Makan ................................... 81Gambar 3. 70 Material dan Texturing pada Ruang Keluarga ............................... 82Gambar 3. 71 Material dan Texturing pada Ruang Tamu ..................................... 82Gambar 3. 72 Material dan Texturing pada tangga ............................................... 83Gambar 3. 73 Material dan Texturing pada halaman belakang ............................ 83Gambar 3. 74 Material dan Texturing pada Toilet ................................................ 84Gambar 3. 75 Material dan Texturing pada Rumah .............................................. 84Gambar 3. 76 High poly Gambar 3. 77 Low poly ............................................ 85

Gambar 4. 1 Modulated Plot ................................................................................. 86Gambar 4. 2 Flow Chart Interaktivitas Menu ....................................................... 87Gambar 4. 3 Flow Chart Interaktivitas Menu Type .............................................. 88Gambar 4. 4 Rancangan Cover & Quit ................................................................. 92Gambar 4. 5 Rancangan Home, About, Facility, Specification, Site Plan, Contact

Us ................................................................................................................... 92Gambar 4. 6 Rancangan Type ............................................................................... 93Gambar 4. 7 Rancangan Tour 3D House .............................................................. 93Gambar 4. 8 Rancangan 360o Video ..................................................................... 94Gambar 4. 9 Tampilan Cover Depan .................................................................... 94Gambar 4. 10 Tampilan Cover Depan Berubah .................................................... 95Gambar 4. 11 Tampilan Home .............................................................................. 95

Aplikasi Interaktif..., Devi Novianti, FDS UMN, 2013

Page 15: Lisensi ini mengizinkan setiap orang untuk menggubah, … · 2020. 3. 1. · vi ABSTRAKSI Dalam perkembangan teknologi yang sudah semakin pesat, sekarang sudah dikenal teknik 3D

xiv

Gambar 4. 12 Tampilan About .............................................................................. 96Gambar 4. 13 Tampilan Facility ........................................................................... 96Gambar 4. 14 Tampilan Type ................................................................................ 97Gambar 4. 15 Tampilan Specification ................................................................... 99Gambar 4. 16 Tampilan Site plan ......................................................................... 99Gambar 4. 17 Tampilan Contact Us ................................................................... 100Gambar 4. 18 Tampilan Layout GUI Sebelumnya .............................................. 102

Aplikasi Interaktif..., Devi Novianti, FDS UMN, 2013