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.
APLIKASI MAKET DIGITAL 3D
UNIVERSITAS MULTIMEDIA NUSANTARA
Ditulis sebagai salah satu syarat untuk memperoleh gelar Sarjana Seni (S.Sn)Laporan Tugas Akhir
Nama : Khairunissa Sisthapawitra NIM : 08120210076
Program Studi : Desain Komunikasi Visual Fakultas : Seni & Desain
UNIVERSITAS MULTIMEDIA NUSANTARA
TANGERANG
HALAMAN PENGESAHAN TUGAS AKHIR
APLIKASI MAKET DIGITAL 3D UNIVERSITAS MULTIMEDIA NUSANTARA
Oleh
Nama : Khairunissa Sisthapawitra NIM : 08120210076
Program Studi : Desain Komunikasi Visual Fakultas : Seni & Desain
Tangerang, 22 Februari 2013 Pembimbing
Yusup Martyastiadi, S.T., M.Inf.Tech
Penguji
Edwin Hartono Sutiono, M.A.
Ketua Sidang
Desi Dwi Kristanto, M.Ds.
Ketua Program Studi
PERNYATAAN
Dengan ini saya menyatakan bahwa Tugas Akhir ini adalah karya ilmiah saya sendiri, bukan plagiat dari karya ilmiah yang ditulis oleh orang lain atau lembaga lain, dan semua karya ilmiah orang lain atau lembaga lain yang dirujuk dalam skripsi ini telah disebutkan sumber kutipannya serta dicantumkan di Daftar Pustaka.
Tangerang, 22 Februari 2013
KATA PENGANTAR
Tugas akhir ini merupakan bagian dari studi penulis di Universitas Multimedia Nusantara dan juga sebagai pengaplikasian ilmu pengetahuan yang penulis dapatkan sebagai mahasiswa Desain Komunikasi Visual.
Segala puji dipanjatkan bagi Allah S.W.T atas segala berkat yang berlimpah dan kekuatan yang diberikan dalam masa yang tidak mudah ini. Tanpa kehendak-Nya, penulis tidak akan dapat menyelesaikan tugas akhir ini. Dalam pengerjaannya, tentunya penulis bekerja dalam dukungan dari sejumlah pihak sehingga tugas akhir ini menjadi layak dan merupakan sebuah kebanggaan bagi penulis pada kesempatan ini untuk mengucapkan terimakasih kepada:
1. Desi Dwi Kristanto, M.Ds., selaku Ketua Program Studi Desain Komunikasi Visual yang telah memberikan masukan-masukan untuk kesempurnaan tugas akhir ini.
2. Yusup Martyastiadi, S.T, M.Inf.Tech, selaku dosen pembimbing yang telah bersedia membimbing dari tahap yang sangat awal penyusunan tugas akhir, juga memberikan kritik dan sarannya, serta ilmu dalam perkuliahan. Diatas semua yang dibutuhkan, terima kasih atas penyertaan, pengertian dan kesabarannya dalam membimbing penulis.
3. Edwin Hartono Sutiono dan M. S. Gumelar, M.A, atas ilmunya yang deberikan pada beberapa mata kuliah selama penulis melaksanakan studi.
4. Istiyowati dan Djurianto, kedua orang tua penulis atas doa, perjuangan dan dukungan yang tiada putusnya. Terima kasih telah mempercayakan penulis untuk mengambil studi sesuai dengan keinginan penulis.
3. Kakak dan kedua adik penulis: Hadian Anindito, Khairani Kusumaningtyas, Khalisa Gina I., terimakasih atas perhatian, semangat dalam canda dan kegembiraan selama penyusunan tugas akhir.
5. Keluarga dari penulis yang memberi dukungan materi sehingga penulis dapat memenuhi persyaratan perkuliahan.
6. Monica Sabrina J., Jessica A. Prayanthy, dan Daniel Franco C. yang selalu ada untuk keluh kesah penulis. Terimakasih atas perhatian dan dukungan yang begitu banyak khususnya selama masa penyusunan tugas akhir ini.
7. Theresia Agustina, atas masukan, bantuan dan waktunya untuk membantu pengerjaan karya penulis.
8. Nur Humaira Albar, Permata Karina Sembiring, Reca M. Johani, Chendy Jeane Beatrix, Bernadet Yovita, Satria Halim, Panji Wijaya, Fatimah Susan, Priladitya Suis Chandra, Ricky Siahaan, selaku teman-teman penulis. Terimakasih atas
pengalamannya yang sangat berkesan ditengah-tengah aktivitas bersama penulis sedari waktu yang sangat awal hingga akhir masa perkuliahan.
9. Pihak-pihak yang tidak bisa disebutkan satu persatu yang secara tidak langsung membantu proses berjalannya tugas akhir ini.
Penulis menyadari bahwa tugas akhir ini jauh dari kesempurnaan, namun penulis berharap semoga laporan tugas akhir ini bermanfaat bagi yang membacanya. Demikian kata pengantar dari penulis, mohon maaf atas kekurangannya.
Tangerang, 22 Februari 2013
ABSTRAKSI
Tugas akhir ini merupakan representasikan maket yang dikemas dalam bentuk digital tiga dimensi (3D) untuk Universitas Multimedia Nusantara (UMN). Maket digital 3D ini dapat digunakan sebagai media untuk mencari informasi tentang gedung UMN Nusantara tanpa harus datang secara langsung untuk mengunjungi lokasi. Pada dasarnya tugas akhir ini merupakan pengaplikasian model virtual 3D menjadi interaktif. User diberi kebebasan untuk menjelajahi gedung UMN pada bentuk replikanya dalam first-person view. Perlu diketahui bahwa UMN saat ini memiliki tiga gedung yaitu Gedung Multimedia, Gedung Rektorat, dan Gedung New Media Tower. Hanya saja yang menjadi objek pada tugas akhir ini adalah Gedung Multimedia saja.
ABSTRACT
This Final Project is represent as UMN Building Mock-up in the form of Digital Three-Dimensional (3D). 3D Digital Mock-Ups can be used as a medium to find information about UMN Building without the needs to physically go to the building site. Basically, this thesis is the application of an interactive 3D Virtual Model. The Users are given the freedom to explore UMN Site on its Mock-ups Replica in First-Person View. Please note that UMN are currently has three buildings, namely Multimedia Building, Rectorate Building, and New Media Tower Building. The Objective of this Final Project is to only cover the Multimedia Building.
DAFTAR ISI
HALAMAN PENGESAHAN TUGAS AKHIR ... i
PERNYATAAN ... iii
KATA PENGANTAR ... iii
ABSTRAKSI ... vii
ABSTRACT ... vii
DAFTAR ISI ...viii
DAFTAR GAMBAR ...xii
BAB I PENDAHULUAN ... 1
1.1. Latar Belakang ... 1
1.2. Rumusan Masalah ... 2
1.3. Batasan Masalah ... 2
1.4. Tujuan tugas Akhir ... 3
1.5. Manfaat Tugas Akhir ... 3
1.6. Sistematika Penulisan ... 3
BAB II TELAAH LITERATUR ... 5
2.1. Universitas Multimedia Nusantara ... 5
2.2. Tata Letak Kampus ... 6
2.3. Maket Digital ... 9 2.4. Media Interaktif ... 13 2.4.1. Human-Computer Interaction ... 14 2.4.1.1. Interface ... 18 2.5. Interaktivitas... 24 2.6. Modeling ... 26
2.8. Game Engine ... 36
2.8.1. Unity ... 39
BAB III METODOLOGI TUGAS AKHIR... 41
3.1. Gambaran Umum ... 41 3.2. Prapoduksi ... 42 3.2.1. Penyusunan Konsep ... 42 3.2.1.1 Alur Interaktivitas ... 44 3.2.1.2. Desain Layout ... 47 3.2.2. Pengumpulan Data ... 49 3.2.2.1. Data Ruangan ... 49
3.2.2.2. Wawancara Staf ME & BM ... 51
3.2.2.3. Denah ... 52
3.2.3. Analisis Ruangan dan Environment ... 55
3.2.4. Studi Pustaka ... 57
3.3. Produksi ... 57
3.3.1. Denah dengan Adobe Illustrator ... 58
3.3.2. Modeling... 62
3.3.3. UV Mapping dan Texturing ... 65
3.4. Pascaproduksi ... 70
BAB IV ANALISIS DAN PEMBAHASAN ... 71
4.1. Denah Universitas Multimedia Nusantara ... 71
4.2. Visualisasi Umum Kampus ... 73
4.3. Interior Universitas Multimedia Nusantara ... 76
4.3.1. Pintu Kelas ... 76
4.3.2. Langit-langit ... 80
BAB V PENUTUP ... 86 5.1. Kesimpulan ... 86 5.2. Saran ... 86 DAFTAR PUSTAKA ... 88 LAMPIRAN A ... 90 LAMPIRAN B ... 91 LAMPIRAN C ... 93 LAMPIRAN D ... 97
DAFTAR GAMBAR
Gambar 2.1. Gedung Kampus UMN ……… 6
Gambar 2.2. Denah Gedung Lantai 2 ……… 8
Gambar 2.3. Denah Gedung Kampus Lantai 5 ………. 8
Gambar 2.4. Maket Fisik Sebuah Skate Park Di California ………. 9
Gambar 2.5. Desain Maket Digital Untuk Weaving Ironbound Cultural Center .. 10
Gambar 2.6. Desain Maket Digital Untuk Weaving Ironbound Cultural Center .. 11
Gambar 2.7. Proses Pembuatan Prototipe atau Maket Fisik ………. 13
Gambar 2.8. Contoh Menu Yang Aman (Kiri) Dan Yang Tidak Aman (Kanan) ……… 16
Gambar 2.9. Dialog Box Pada Windows ……….. 16
Gambar 2.10. User „Berinteraksi‟ Dengan Komputer Melalui Interface ……….. 18
Gambar 2.11. Macam-Macam Interface, Dibagi Kedalam 3 Dekade Terakhir…. 20 Gambar 2.12. Tampilan Generasi Pertama Dari GUI yang Boxy ………. 22
Gambar 2.13. Ilustrasi Perkembangan Komputer Dari Masa ke Masa …………. 23
Gambar 2.14. Nodal Plot ……….. 25
Gambar 2.15. Modulated Plot ……….. 25
Gambar 2.16. Open Plot ……… 26
Gambar 2.17. Contoh Modeling Dengan Teknik Box Modeling ………. 27
Gambar 2.18. Modeling Dengan Teknik Edge Extend ………. 28
Gambar 2.19. Modeling Gelas dari Membentuk Garis Setengah Bentuk Gelas Dengan Spline …………..……….. 29
Gambar 2.20. Spline Modeling ………. 30
Gambar 2.21. “Pennywise” salah satu karya dari Maxence Fleuret dengan ZBrush ……… 30
Gambar 2.24. Contoh Unwrapping Building ……… 34
Gambar 2.25. Dialog Box Yang Muncul Untuk Normal Mapping ……….. 35
Gambar 2.26. Unfold mapping ………. 36
Gambar 2.27. Logo Unity ………. 39
Gambar 3.1. Flowchart Proses Pengerjaan Tugas Akhir ………. 42
Gambar 3.2. Konsep Interaktivitas Maket Digital 3D UMN ……… 44
Gambar 3.3. Alur Interaktivitas Maket Digital 3D UMN ………. 46
Gambar 3.4. Sketsa Untuk Layout Menu Awal ……… 47
Gambar 3.5. Sketsa Layout Pada Scene Lantai ……… 48
Gambar 3.6. Sketsa Layout Pilih Lantai ……… 48
Gambar 3.7. Denah Lantai 1 ………. 53
Gambar 3.8. Denah Lantai 2 ………. 53
Gambar 3.9. Denah Lantai 3 ………. 54
Gambar 3.10. Denah Lantai 5 ……… 54
Gambar 3.11. Foto Interior UMN Lantai 1……… 55
Gambar 3.12. Lobby Lantai 1 ……… 56
Gambar 3.13. Langit Lantai 3 ……… 56
Gambar 3.14. Data CAD Lantai 3 Setelah diimport pada 3DS Max ……… 58
Gambar 3.15. Denah Lantai 3 Yang Sudah Disederhanakan Dengan Adobe Illustrator ……….. 59
Gambar 3.16. Denah Lantai 3 Yang Sudah Disederhanakan Setelah Diimport Ke 3DS Max ……….. 59
Gambar 3.17. Denah Sederhana Lantai 1 ………. 60
Gambar 3.18. Denah Sederhana Lantai 2 ………. 60
Gambar 3.19. Denah Sederhana Lantai 5 ……….. 61
Gambar 3.20. Denah Sederhana Lantai 6 ……….. 61
Gambar 3.23. Scene Visualisasi Umum Lantai 3 ………. 63
Gambar 3.24. Scene Visualisasi Umum Lantai 5 ……….. 64
Gambar 3.25. Scene Visualisasi Umum Lantai 5 ……….. 64
Gambar 3.26. Modeling Environment ………. 65
Gambar 3.27. Foto Hydrant ……….. 66
Gambar 3.28. Foto Hydrant Setelah diedit ……… 67
Gambar 3.29. Pola UV Mapping Hydrant ………. 67
Gambar 3.30. Objek 3D Hydrant Setelah Diberi Texture ……… 68
Gambar 3.31. Scene Lantai 2 Setelah Diberi Texture ………..………… 68
Gambar 3.32. Lift ……….. 69
Gambar 3.33. Scene Lantai 5 ………. 69
Gambar 4.1. Denah Lantai 6 ………. 72
Gambar 4.2. Denah Lantai 5 dan Letak Perbedaannya Dengan Lantai 6 ………. 73
Gambar 4.3. Spline di-extrude ………. 74
Gambar 4.4. Setting Pada Spline ………... 75
Gambar 4.5. Dinding Yang Sudah Ditambahkan Outline ………. 76
Gambar 4.6. Tekstur Pintu Kelas ……….. 77
Gambar 4.7. UV Tekstur Untuk Unwrap Nomor Pintu Kelas ………. 78
Gambar 4.8. UV Tekstur Untuk Unwrap Pintu Kelas Dan Nomornya …………. 78
Gambar 4.9. Pengaturan Face Nomor Pintu Pada Edit Parameter Unwrap UVW ……….. 79
Gambar 4.10. Hasil Akhir Pintu Kelas ……….. 80
Gambar 4.11. Foto Langit Lantai 3 ……… 80
Gambar 4.12. Gambar AC Dan Lampu Setelah di-Crop ………. 81
Gambar 4.13. Tekstur UVW Langit Lantai 2 ……… 82
Gambar 4.14. Tekstur Langit-Langit Pecah Pada Objek ... 82
