perpustakaan.uns.ac.id
digilib.uns.ac.id
TUGAS AKHIR OTOMOTIF PLAY APLIKASI DISPLAY 3 DIMENSI SPAREPART MOBIL MENGGUNAKAN KINECT Disusun Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya Program DIII Teknik Informatika
Disusun oleh: AISSA SABRINA M3112006
PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET SURAKARTA 2015
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
commit to user
iii
perpustakaan.uns.ac.id
digilib.uns.ac.id
commit to user
iv
perpustakaan.uns.ac.id
digilib.uns.ac.id
commit to user
v
perpustakaan.uns.ac.id
digilib.uns.ac.id
ABSTRAK AISSA SABRINA,2015. “OTOMOTIF PLAY APLIKASI DISPLAY 3 DIMENSI SPAREPART MOBIL MENGGUNAKAN KINECT”. Program Diploma III Teknik InformatikaFakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta. Augmented Reality (AR) adalah teknologi yang menggabungkan obyek virtual 3D ke dalam lingkungan nyata secara realtime. Augmented Reality sangat populer
dan
dapat
diaplikasikan
ke
dalam
berbagai
bidang
seperti
teknologi,pendidikan, seni, dan pemasaran. Salah satunya dalam bidang pemasaran yaitu aplikasi interaktif sebagai solusi marketing untuk menarik pelanggan lebih banyak dengan menggunakan perangkat keras Kinect untuk menampilkan animasi sparepart secara 3D. Identifikasi gerakan tubuh (motion capture) merupakan suatu cara yang digunakan agar tampilan pada Kinect dapat berinteraksi dengan dunia nyata. Dalam tugas akhir ini akan dibuat suatu aplikasi yang interaktif tentang sparepart mobil, sehingga pelanggan lebih tertarik untuk melihat apa yang ada didalam toko tersebut melalui aplikasi tersebut. Pembuatan aplikasi ini menggunakan software antara lain yaitu Visual Studio untuk membuat augmented reality, Autodesk 3ds Max 2011 untuk pembuatan objek 3D produk sparepart. Hasil dari penelitian ini adalah seperangkat
Otomotif Play Aplikasi
Display 3 Dimensi Sparepart Mobil Menggunakan Kinect dan Augmented Reality dan dapat disimpulkan bahwa dalam pembuatan aplikasi ini dengan majunya teknologi multimedia saat ini, ide untuk pemanfaatan kinect untuk media pemasaran dengan teknologi hands free, sehingga Kinect dapat dimanfaatkan untuk perangkat media promosi seperti aplikasi dengan efek-efek 3D, dengan perkembangan medianya, dengan kamera digital, promosi jadi lebih mudah dan lebih menarik. Membuat minat pelanggan lebih akan dapat ditarik dengan ketertarikan mereka terhadap teknlogi ini.
to user Kata Kunci : Augmented Reality, commit Kinect,Sparepart,3D, motion capture
vi
perpustakaan.uns.ac.id
digilib.uns.ac.id
ABSTRACT AISSA SABRINA,2015. “PLAY AUTOMOTIVE APPLICATIONS 3DIMENSIONAL DISPLAY USING KINECT SPAREPART MOBIL AND CONCEPT AUGMENTED REALITY”. Diploma III Program of Informatics Engineering Department, Faculty of Mathematics and Natural Science Sebelas Maret University Surakarta. Augmented Reality (AR) is a technology that combines virtual 3D objects into the real environment in realtime. Augmented Reality is very popular and can be applied in various fields such as technology, education, art, and marketing. One of them in the field of marketing is an interactive application as a marketing solution to attract more customers by using the Kinect hardware to display in 3D animation spare parts. Identification of the body movement (motion capture) is a means used in order to look at the Kinect can interact with the real world. In this final task will be created an interactive application on mobil spare parts, so that customers are more interested to see what's inside the store via the app. Making these applications using the software, among others, namely Visual Studio to create augmented reality, Autodesk 3ds Max 2011 for the manufacture of spare parts product 3D objects. Results from this study are set Automotive Display Applications 3 Dimensions Play Sparepart Mobil Using Kinect and Augmented Reality and it can be concluded that in making this application with the advanced multimedia technology today, the idea to use kinect for marketing media with hands-free technology, so that Kinect can be used for the promotion of media devices such as application with 3D effects, with the development of the media, with digital cameras, promotion easier and more attractive. Create more customer interest will be drawn by their interest in this technology.
commit to user Key words : Augmented Reality, Kinect,Sparepart,3D, motion capture
vii
perpustakaan.uns.ac.id
digilib.uns.ac.id
HALAMAN MOTTO
“Cita-cita itu seperti impian bertanggal ,menyusun sedikit demi sedikit urutan langkah untuk mencapai tanggal itu,semakin tanggal itu tertunda, semakin tanggal itu terdorong jauh dan semakin cita-cita itu tidak berarti ” Aissa Sabrina
commit to user
viii
perpustakaan.uns.ac.id
digilib.uns.ac.id
HALAMAN PERSEMBAHAN Sebuah karya tulisan ini kupersembahkan untuk : 1.
Allah SWT, semua rahmat dan nikmat yang telah diberikan.
2.
Bapak Ibu yang tak letih memberi dukungan dan semangat yang tak pernah berhenti mendoakakanku.
3.
Dosen dan Staf Pengajar Program D3 Teknik Informatika UNS khususnya pembimbing,
terimakasih
selalu
mendukung,
membimbing
dan
memberikan ilmu yang berguna. 4.
Teman-teman D3 Teknik Informatika UNS, khususnya kelas Teknik Informatika A (TI-A) 2012.
5.
Untuk Sahabat dan Teman Hidupku suatu saat nanti Achmad Ichwan Yasir terimakasih untuk selalu mendukung, memberi semangat, dan selalu ada setiap saat.
6.
Penghuni Kos Bunda Lantai 2 terimakasih selalu mendukung , memberi semangat dan selalu memberikan kegembiraan yang tak pernah tergantikan oleh apapun.
commit to user
ix
perpustakaan.uns.ac.id
digilib.uns.ac.id
KATA PENGANTAR Puji syukur kehadirat Tuhan Yang Maha Esa yang telah melimpahkan rahmat dan barokah-Nya sehingga penulis dapat menyelesaikan Tugas Akhir dengan judul “Otomotif Play Aplikasi Display 3 Dimensi Sparepart Mobil Menggunakan Kinect”. Laporan Tugas Akhir ini disusun untuk memenuhi salah satu syarat dalam memperoleh gelar Ahlimadya (A.Md.) pada Program Diploma III Teknik Informatika Universitas Sebelas Maret. Dalam melakukan penelitian dan penyusunan laporan Tugas Akhir ini penulis telah mendapatkan banyak dukungan dan bantuan dari berbagai pihak. Penulis mengucapkan terima kasih yang tak terhingga kepada : 1.
Tuhan Yang Maha Esa yang senantiasa memberikan rahmat serta hidayah-Nya, sehingga penulis dapat meyusun dan menyelesaikan laporan ini.
2.
Prof. Ir. Ari Handono Ramelan, M.Sc.(Hons)., Ph.D., Pimpinan FMIPA UNS yang memberikan izin kepada penulis untuk belajar.
3.
Abdul Aziz,S.Kom., M.Cs Ketua Program Diploma III
Teknik
Informatika UNS yang telah berkenan memberikan izin untuk mengikuti ujian Tugas Akhir. 4.
Ibu Hartatik, M.Si., Dosen pembimbing yang telah memberikan ilmu dan bimbingan terbaik kepada penulis.
5.
Para Dosen D3TI yang telah memberikan bekal ilmu kepada penulis.
6.
Teman-teman seperjuangan D3 Teknik Informatika A angkatan 2012.
7.
Dan semua pihak yang telah membantu penulis menyelesaikan laporan Tugas Akhir ini yang tidak bisa penulis sebutkan satu persatu. Akhir kata, semoga tulisan ini dapat memberikan manfaat dan memberikan
wawasan tambahan bagi para pembaca dan khususnya bagi penulis sendiri.
Surakarta,
commit to user
x
Juni 2015
perpustakaan.uns.ac.id
digilib.uns.ac.id
AISSA SABRINA DAFTAR ISI HALAMAN PERSETUJUAN ............................... Error! Bookmark not defined. HALAMAN PENGESAHAN ............................... Error! Bookmark not defined. ABSTRAK..............................................................................................................v ABSTRACT.............................................................................................................v ii HALAMAN MOTTO .......................................................................................... viii HALAMAN PERSEMBAHAN ............................................................................ ix KATA PENGANTAR ............................................................................................ x DAFTAR ISI...........................................................................................................xi DAFTAR GAMBAR ............................................................................................ xv DAFTAR TABEL............................................................................................... ..xviii BAB I
PENDAHULUAN ........................................................................... 1
1.1
Latar Belakang................................................................................. 1
1.2
Perumusan Masalah ......................................................................... 2
1.3
Batasan Masalah Penelitian ............................................................. 2
1.4
Tujuan Penelitian ............................................................................. 3
1.5
Manfaat Penelitian ........................................................................... 3
1.6
Metodologi Penelitian ..................................................................... 4
1.7
Sistematika Penulisan ...................................................................... 5
BAB II
LANDASAN TEORI ...................................................................... 7
2.1
commit to user Sparepart Mobil ............................................................................... 7
xi
perpustakaan.uns.ac.id
digilib.uns.ac.id
2.2
Augmented Reality(AR) .................................................................. 7
2.3
Marker ............................................................................................. 8
2.4
Visual Studio ................................................................................... 9
2.5
Kinect Xbox 360........................................................................... 10
2.6
Sensor Kinect................................................................................. 10
2.7
Kinect Software Development Kit (SDK) ..................................... 11
2.8
Bahasa Pemrograman C# .............................................................. 12
2.9
3D Studio Max .............................................................................. 12
2.10
Adobe Photoshop X6 ..................................................................... 13
2.11
CorelDraw X5 ............................................................................... 14
2.12
Adobe After Effect ........................................................................ 14
BAB III
ANALISIS KEBUTUHAN DAN PERANCANGAN .................. 16
3.1
Konsep Dasar Pengembangan Augmented Reality ....................... 16 3.1.1
Konsep Dasar Augmented Reality ..................................................... 16
3.1.2
Proposal.................................................................................................. 17
3.1.3
Target Pengguna................................................................................... 17
3.1.4
Dukungan Platform, Teknologi dan Multiplayer ............................. 17
3.2
Manajemen Proyek Pengembangan Augmented Reality .............. 17 3.2.1
Kebutuhan dan Peran / Tugas Tim Pengembang Augmented Reality .................................................................................................... 17
3.2.3
Kebutuhan Hardware(Perangkat Keras) dan Software (Perangkat Lunak) dalam Pengembangan Augmented Reality ........................... 19
3.2.3.1 Hardware ..................................................................................... 19 3.2.3.2 Software....................................................................................... 19
commit to user
xii
perpustakaan.uns.ac.id
3.2.4
digilib.uns.ac.id
Kebutuhan Hardware (Perangkat Keras) dan Software (Perangkat Lunak) dalam Implementasi Augmented Reality .............................. 20
3.2.4.1 Hardware ..................................................................................... 21 3.2.4.2 Software....................................................................................... 21 3.3
Perancangan Augmented Reality .................................................. 21 3.3.1
Perancangan Interaktif (Interactive Design) ..................................... 21
3.3.2
Perancangan Antarmuka (Interface Design) .................................... 23
3.3.2
Audio dan Video ................................................................................... 28
3.3.3
Perancangan Navigasi (Navigation Design) ..................................... 28
3.3.4
Konten Tekstual (Tekstual Content) .................................................. 29
3.3.5
Flowcharts ............................................................................................. 33
3.3.6
Storyboards ............................................................................................ 34
BAB IV
IMPLEMENTASI DAN EVALUASI ........................................... 39
4.1
Produksi ......................................................................................... 39 4.1.1
Pembuatan Antarmuka (Interface Design) ........................................ 39
4.1.2
Pembuatan Elemen Desain Grafis (Graphic Design) ...................... 52
4.1.2.1Pembuatan Objek 2 Dimensi........................................................... 52 4.1.2.2 Pembuatan Objek 3 Dimensi ....................................................... 53 4.1.3
Pembuatan Video .................................................................................. 57
4.1.4
Authoring dan Pemrograman (Authoring and Programming) ....... 57
4.1.4.1 Code Map .................................................................................... 57 4.1.4.2 Kinect Sensor .............................................................................. 60 4.1.4.3 Model View Control (MVC) ....................................................... 62 4.1.4.4 Content Management .................................................................. 83 4.1.5
userPackaging) ................................... 84 Label dan Kemasancommit (Labelstoand
xiii
perpustakaan.uns.ac.id
4.2
digilib.uns.ac.id
Implementasi ................................................................................. 84 4.2.1
Implementasi Interaktif (Interactive Design).................................... 84
4.2.2
Implementasi Antarmuka(Interface Design) .................................... 85
4.2.3
Implementasi Elemen Grafis ............................................................... 91
4.2.4
Implementasi Navigasi (Navigation Design) .................................... 91
4.3
Pengujian ....................................................................................... 93
BAB V
PENUTUP ..................................................................................... 99
5.1
Kesimpulan .................................................................................... 99
5.2
Saran .............................................................................................. 99
DAFTAR PUSTAKA ......................................................................................... 100
commit to user
xiv
perpustakaan.uns.ac.id
digilib.uns.ac.id
DAFTAR GAMBAR Gambar 1.1
Metodologi Pembangunan Perangkat Lunak SDLC ............... 4
Gambar 2.1
Perangkat Keras sensor kinect ................................................. 11
Gambar 3.1
Perancangan Aplikasi Halaman Attrack Screen ...................... 22
Gambar 3.2
Perancangan Aplikasi Halaman Menu Utama ......................... 22
Gambar 3.3
Perancangan antarmuka Attrack screen .................................. 23
Gambar 3.4
Antarmuka menu utama........................................................... 24
Gambar 3.5
Antarmuka play Gambar 1 ...................................................... 24
Gambar 3.6
Antarmuka halaman play Gambar 2 ........................................ 25
Gambar 3.7
Antarmuka halaman model gambar ......................................... 26
Gambar 3.8
Antarmuka halaman model 3D ................................................ 26
Gambar 3.9
Antarmuka halaman model video ............................................ 27
Gambar 3.10
Antarmuka Halaman Help ...................................................... 27
Gambar 3.11
Antarmuka halaman about...................................................... 28
Gambar 3.12
Perancangan struktur navigasi ................................................ 29
Gambar 3.13
Flowcharts .............................................................................. 34
Gambar 4.1
Pembuatan Page Main Windows ............................................ 40
Gambar 4.2
Pembuatan Background Transparant Main Windows ............ 40
Gambar 4.3
Pembuatan Stack Panel Main Windows ................................. 40 commit to user Pembuatan Border Area dan Grid Main Windows ................ 41
Gambar 4.4
xv
perpustakaan.uns.ac.id
digilib.uns.ac.id
Gambar 4.5
Stack Panel ............................................................................. 41
Gambar 4.6
Pembuatan Page Home Screen ............................................... 42
Gambar 4.7
Pembuatan Area Control Home Screen .................................. 42
Gambar 4.8
Pembuatan Area Navigasi Home Screen ................................ 43
Gambar 4.9
Pembuatan Area Content Home Screen ................................. 43
Gambar 4.10
Pembuatan tempat untuk content Home Screen ..................... 43
Gambar 4.11
Pembuatan StackButton Home Screen ................................... 43
Gambar 4.12
Pembuatan Isi Control Home Screen ..................................... 44
Gambar 4.13
Pembuatan Page Begin Home Screen .................................... 44
Gambar 4.14
Pembuatan Area Control Begin Home Screen ....................... 45
Gambar 4.15
Pembuatan Area Navigasi Begin Home Screen ..................... 45
Gambar 4.16
Pembuatan Area Content Begin Home Screen ....................... 45
Gambar 4.17
Pembuatan tempat untuk content Begin Home Screen .......... 46
Gambar 4.18
Pembuatan Page Content ........................................................ 46
Gambar 4.19
Pembuatan Area Control Content........................................... 47
Gambar 4.20
Pembuatan Area Navigasi Content......................................... 47
Gambar 4.21
Pembuatan Area Content ........................................................ 48
Gambar 4.22
Pembuatan tempat untuk content ........................................... 48
Gambar 4.23
Pembuatan Grid Margin Content ........................................... 48
Gambar 4.24
Pembuatan Kotak Text Judul Content .................................... 48
Gambar 4.25
Pembuatan Pengaturan Scroll Content ................................... 49
Gambar 4.26
Pembuatan Pengaturan Margin Content ................................. 49
Gambar 4.27
Pembuatan Pengaturan Transisi Content ................................ 49
Gambar 4.28
Pembuatan Transisi FadeIn Content....................................... 49
Gambar 4.29
commit to userContent .................................... 50 Pembuatan Transisi FadeOut
xvi
perpustakaan.uns.ac.id
digilib.uns.ac.id
Gambar 4.30
Pembuatan Attrack Screen ..................................................... 50
Gambar 4.31
Pembuatan Area Control Attract Screen ................................ 51
Gambar 4.32
Pembuatan Animasi Attract Screen ........................................ 51
Gambar 4.33
Pembuatan Content Attract Screen......................................... 52
Gambar 4.34
Pembuatan Logo Aplikasi ...................................................... 52
Gambar 4.35
Pembuatan button aplikasi...................................................... 53
Gambar 4.36
Pembuatan model objek 3D wheel ......................................... 54
Gambar 4.37
Pembuatan model objek 3D gear............................................ 55
Gambar 4.38
Pembuatan model objek 3D brake.......................................... 55
Gambar 4.39
Pembuatan model objek 3D shock ......................................... 56
Gambar 4.40
Pembuatan model objek 3D knalpot ...................................... 57
Gambar 4.41
Code Map Antar Object ......................................................... 57
Gambar 4.42
Code map antar namespace .................................................... 58
Gambar 4.43
Pembuatan Controller ............................................................. 76
Gambar 4.44
Pembuatan Controller 3d Port ................................................ 80
Gambar 4.45
Label Cover Compact Disk .................................................... 84
Gambar 4.46
Implementasi halaman Attrack Screen ................................... 85
Gambar 4.47
Implementasi menu utama...................................................... 85
Gambar 4.48
Antarmuka Attrack screen ...................................................... 86
Gambar 4.49
Antarmuka menu utama ......................................................... 86
Gambar 4.50
Antarmuka play Gambar 1 ..................................................... 87
Gambar 4.51
Antarmuka play Gambar 2 .................................................... 88
Gambar 4.52
Antarmuka model gambar ...................................................... 88
Gambar 4.53
Antarmuka model 3 dimensi .................................................. 89
Gambar 4.54
commit to ......................................................... user Antarmuka model video 89
xvii
perpustakaan.uns.ac.id
digilib.uns.ac.id
Gambar 4.55
Antarmuka help ...................................................................... 90
Gambar 4.56
Button yang digunakan dalam aplikasi .................................. 91
Gambar 4.57
Hasil implementasi navigasi menu utama .............................. 92
Gambar 4.58
Hasil implementasi navigasi Start .......................................... 92
Gambar 4.59
Hasil implementasi navigasi model video .............................. 93
DAFTAR TABEL Tabel 3.1
Jobdesk Penulis ............................................................................. 18
Tabel 3.2
Jobdesk Augmented Reality Artist ................................................ 18
Tabel 3.3
Jobdesk Pembuatan Aplikasi Augmented Reality......................... 19
Tabel 3.4
Konten Tekstual Navigasi ............................................................. 29
Tabel 3.5
Konten Tekstual Keterangan Objek .............................................. 35
Tabel 4.1
Keterangan Model ......................................................................... 63
Tabel 4.2
Keterangan Content untuk Page Begin Home Screen ................... 64
Tabel 4.3
Keterangan Content untuk Page Content Screen........................... 65
Tabel 4.4
Keterangan Content untuk Page Attract Screen ............................ 66
Tabel 4.5
Black-box Testing Objek ............................................................... 94
commit to user
xviii
