Implementasi Augmented Reality Berbasis Web Sebagai Strategi Pemasaran Penjualan Mobil dengan Metode Occlusion Based Detection

Transkripsi

1 Implementasi Augmented Reality Berbasis Web Sebagai Strategi Pemasaran Penjualan Mobil dengan Metode Occlusion Based Detection Diajukan Untuk Memenuhi Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang Riski Tobuhu JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG 2013 i

2 LEMBAR PERSETUJUAN IMPLEMENTASI AUGMENTED REALITY BERBASIS WEB SEBAGAI STRATEGI PEMASARAN PRODUK PENJUALAN MOBIL DENGAN METODE OCCLUSION BASED DETECTION TUGAS AKHIR Sebagai Persyaratan Guna Meraih Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang Menyetujui, Pembimbing I Pembimbing II Eko Budi Cahyono, S.Kom.,M.T Hardianto Wibowo, S.Kom NIP : NIDN : Mengetahui, Ketua Jurusan Teknik Informatika Eko Budi Cahyono, S.Kom.,MT NIP ii

3 LEMBAR PENGESAHAN IMPLEMENTASI AUGMENTED REALITY BERBASIS WEB SEBAGAI STRATEGI PEMASARAN PRODUK PENJUALAN MOBIL DENGAN METODE OCCLUSION BASED DETECTION TUGAS AKHIR Sebagai Persyaratan Guna Meraih Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang Disusun Oleh: Riski Tobuhu Tugas Akhir ini telah diuji dan dinyatakan lulus melalui sidang majelis penguji pada tanggal 23 Januari 2013 Penguji I Menyetujui, Penguji II Wahyu Andhyka, S.Kom Nur Hayatin, SST NIDN : NIP : Mengetahui, Ketua Jurusan Teknik Informatika Eko Budi Cahyono, S.Kom.,MT. NIP iii

4 SURAT PERNYATAAN Yang bertanda tangan di bawah ini: Nama : Riski Tobuhu Tempat,Tanggal/Lahir : Gorontalo, 25 Maret 1988 NIM : Fakultas/Jurusan : Teknik/Informatika Menyatakan bahwa karya ilmiah/skripsi/tugas akhir penulis yang berjudul: Implementasi Augmented Reality Berbasis Web Sebagai Strategi Pemasaran Produk Penjualan Mobil dengan Metode Occlusion Based Detection Adalah bukan merupakan karya tulis orang lain, baik sebagian maupun keseluruhan, kecuali dalam bentuk kutipan yang telah kami sebutkan sumbernya. Demikian surat pernyataan ini kami buat dengan sebenar-benarnya dan apabila pernyataan ini tidak benar, kami siap mendapatkan sanksi akademis. Malang, Januari 2013 Yang Menyatakan Riski Tobuhu Mengetahui, Pembimbing I Pembimbing II Eko Budi Cahyono, S.Kom.,MT. Hardianto Wibowo, S.Kom NIP NIDN : iv

5 LEMBAR PERSEMBAHAN Dalam kesempatan ini, ijinkanlah penulis menyampaikan rasa terima kasih kepada: 1. Allah SWT yang telah melimpahkan rahmat serta hidayah-nya. 2. Kedua orang tua, mama dan papa, yang memberikan dukungan moril maupun materil. Pengorbanan dan kasih sayang serta doa beliau berdua tidak dapat dinilai dengan apapun juga. 3. Bpk. Eko Budi Cahyono, S.Kom.,MT selaku Ketua Jurusan Teknik Informatika Universitas Muhammadiyah Malang, dan selaku pembimbing I, terima kasih telah memberikan bimbingan, saran, semangat serta nasehat. 4. Bpk. Hardianto, S.Kom selaku pembimbing II, terima kasih telah memberikan bimbingan, saran, masukan, semangat serta nasehat sehingga Tugas Akhir ini terselesaikan dengan baik. 5. Teman-teman jurusan Teknik Informatika angkatan 2007 senasib dan seperjuangan yang memberi bantuan secara langsung maupun tidak langsung ( Rino, Yulia, Muhib ). 6. Teman-teman forum A.R.T ( Augmented Reality Team ) yang memberikan masukan, ide, serta solusi dalam menyelesaikan Tugas Akhir saya. Terima kasih yang sebesar-besarnya Mas Fathah atas bimbingan projectnya. 7. Teman-teman HPMIG ( Himpunan Mahasiswa Indonesia Gorontalo ), terima kasih atas canda tawa selama ini. 8. Specially for Vika Djula, yang tidak berhenti memberi semangat dan selalu sabar mendengar keluh kesahku. 9. Serta semua pihak yang tidak bisa penulis sebutkan satu persatu, terima kasih atas bantuan serta semangat yang selalu diberikan. v

6 KATA PENGANTAR Dengan mengucapkan puji syukur kehadirat Allah SWT yang telah memberikan rahmat dan hidayah selama pembuatan Tugas Akhir ini, sehingga Tugas Akhir yang berjudul: IMPLEMENTASI AUGMENTED REALITY BERBASIS WEB SEBAGAI STRATEGI PEMASARAN PRODUK PENJUALAN MOBIL DENGAN METODE OCCLUSION BASED DETECTION Pembuatan dan penulisan Tugas Akhir ini sebagai salah satu persyaratan untuk menyelesaikan studi di Universitas Muhammadiyah Malang Jurusan Teknik Informatika. Selama penyusunan Tugas Akhir ini, banyak hambatan yang ditemui oleh penulis. Dengan rahmat Allah SWT dan bimbingan dari dosen pembimbing serta kemauan yang keras sehingga semua hambatan dan permasalahan dapat teratasi. Penulis menyadari dalam pembuatan buku Proyek Akhir ini masih banyak kekurangan pada proses pengerjaan. Penulis berharap semoga buku Proyek Akhir ini menjadi sesuatu yang bermanfaat bagi pembaca. Penulis berharap saran dan kritik yang membangun dari pembaca. Malang, Januari 2013 Penulis, Riski Tobuhu vi

7 DAFTAR ISI LEMBAR PERSETUJUAN... i LEMBAR PENGESAHAN... ii LEMBAR PERSEMBAHAN... iii SURAT PERNYATAAN... iv ABSTRAK... v ABSTRACT... vi KATA PENGANTAR... vii DAFTAR ISI... viii DAFTAR GAMBAR... xi DAFTAR TABEL... xiii BAB I PENDAHULUAN 1.1 Latar Belakang Masalah Rumusan Masalah Tujuan Masalah Batasan Masalah Metodologi Penelitian Sistematika Penulisan... 3 BAB II DASAR TEORI 2.1 Augmented reality Teknik Display Augmented reality Penggunaan Augmented reality Pemodelan Tiga Dimensi (3D) Definisi Obyek 3 Dimensi Konsep Dasar Pemodelan 3 Dimensi Aplikasi Berbasis Web Flash Develop Adobe Flex Action Script Occlusion vii

8 2.4 Library Augmented Reality pada Flash FLARToolKit Away3D FLARManager DAE Format Marker Lingkungan Multi-Marker BAB III ANALISA DAN PERANCANGAN SISTEM 3.1 Analisa Masalah Alur Perancangan Tugas Akhir Inisialisasi Inisialisasi Model 3D Inisialisasi FLARManager Inisialisasi Engine 3D Tracking Marker Rendering Obyek 3D Kebutuhan Fungsional Perancangan Sistem Desain Interaksi Multi-Marker dan Occlusion Desain Interface Web Perancangan dan Pembuatan Marker Desain Interface Multi-Marker BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Pembuatan Obyek Marker Pembuatan Obyek Tiga Dimensi (3D) Pembuatan Antarmuka Aplikasi Pembuatan Desain Web Implementasi Aplikasi Augmented Reality Interaksi Multi-Marker Augmented Reality Kemiringan Marker Terhadap Kamera viii

9 4.2 Pengujian Lingkungan Uji Coba Uji Coba Sistem Hasil Analisis Multi-Marker dengan Occlusion Detection BAB V KESIMPULAN DAN SARAN 5.1 Kesimpulan Saran DAFTAR PUSTAKA DAFTAR LAMPIRAN BIOGRAFI PENULIS ix

10 DAFTAR GAMBAR Gambar 2.1 : Pembentukan citra untuk display augmneted reality... 6 Gambar 2.2 : Contoh see-through HMD, dibuat oleh Hughes Electronics... 7 Gambar 2.3 : Contoh Augmneted Reality dengan handphone... 8 Gambar 2.4 : Koordinat 3 dimensi Gambar 2.5 : Occlusion yang terjadi karena interaksi antar obyek (a) None (b) Proximity (c) Intersection (d) Containment. 15 Gambar 2.6 : (a) Terjadi Event (b) Tidak terjadi Event Gambar 2.7 : Pipeline FLARToolkit Gambar 2.8 : Perbandingan antara image ideal dan image yang disebabkan oleh faktor distorsi Gambar 2.9 : Hubungan antara koordinat marker dengan koordinat kamera 20 Gambar 3.1 : Alur perancangan sistem Gambar 3.2 : Proses interaksi multi-marker dan occlusion Gambar 3.3 : Use Case sistem Gambar 3.4 : Diagram Activity tanpa occlusion Gambar 3.5 : Diagram Activity dengan occlusion Gambar 3.6 : Diagram Sequence dengan occlusion Gambar 3.7 : Desain interface web Gambar 3.8 : Diagram interaksi user pada web AR Gambar 3.9 : Proses kompilasi pada web AR Gambar 3.10 : Contoh marker Gambar 3.11 : Contoh marker yang kurang baik i) simetris horizontal, vertical, diagonal. ii) simetris diagonal. iii) simetris horizontal dan vertical x

11 Gambar 3.12 : Interface Muli-Marker Gambar 4.1 : Desain marker pada aplikasi corel draw Gambar 4.2 : Kart marker Gambar 4.3 : Capture marker / Tracking gambar Gambar 4.4 : Penyimpanan file pattern dan JPEG Gambar 4.5 : Pemodelan mobil menggunakan 3DS MAX Gambar 4.6 : Proses export.3ds ke *.fbx Gambar 4.7 : Proses export.fbx ke *.DAE Gambar 4.8 : Perancangan Antarmuka awal Aplikasi Gambar 4.9 : Menu Utama Web AR Gambar 4.10 : Menu Panduan AR Gambar 4.11 : Menu Kategori Mobil Gambar 4.12 : Menu Profil Gambar 4.13 : Sistem koordinat lingkungan AR Gambar 4.14 : Marker pada Jarak Terdekat Gambar 4.15 : Marker pada Jarak Jauh Gambar 4.16 : Marker pada cahaya yang gelap Gambar 4.17 : Marker pada cahaya yang sedang Gambar 4.18 : Marker pada cahaya terang Gambar 4.19 : Marker pada cahaya yang terlalu terang Gambar 4.20 : Tampilan obyek dan warna pertama Gambar 4.21 : Tampilan obyek dan warna kedua Gambar 4.22 : Tampilan obyek dan warna ketiga Gambar 4.23 : Tampilan obyek dan warna keempat xi

12 DAFTAR TABEL Tabel 4.1: Pengujian kemiringan Tabel 4.2: Pengujian kemiringan Tabel 4.3: Pengujian kemiringan Tabel 4.4: Pengujian kemiringan Tabel 4.5: Pengujian kemiringan Tabel 4.6: Pengujian kemiringan xii

13 DAFTAR PUSTAKA [1] Danto, Walesa Analisis Metode Occlusion Based pada Augmented Reality. Institut Teknologi Telkom, Bandung. [2] Andriyadi, Anggi Tutorial Memasukkan Tekstur Objek 3D di Augmented Reality [3] Gorbala, Brega. Hariadi, Mochamad Aplikasi Augmented Reality Untuk Katalog Penjualan Rumah [4] Rino, Anwar Desain Rumah Interaktif Virtual 3 Dimensi Menggunakan Teknologi Multi Touch Marker Augmented reality [5] Darussalam, Muhammad Deteksi Berbasis Marker untuk Mengambil (Capture) Gambar. [6] Zulkarnaen, Risky Perancangan Aplikasi Viewer Model 3D Interaktif Berbasis Web dengan Teknologi Augmented Reality. Universitas Sumatra Utara, Medan. [7] Mohammad, Fathah. Facebook Interview. November [8] di akses November [9] di akses November [10] di akses Oktober [11] di akses November [12] di akses November [13] di akses Oktober xxix