Anda di halaman 1dari 33

2019

Basic AR Module With


Vuforia And Unity
SIMPLE BASIC AUGMENT REALITY
CREATED BY : RIO ANDRIYAT RIO ANDRIYAT KRISDIAWAN
Created By : Rio Andriyat Rio Andriyat Krisdiawan
BASIC AR MODULE WITH VUFORIA AND UNITY

DAFTAR ISI

Contents
DAFTAR ISI .................................................................................................................... 1

A. DASAR TEORI......................................................................................................... 2

1. Marker / Penanda................................................................................................... 2

2. Augment Reality (AR) ............................................................................................ 2

3. Vuforia ................................................................................................................... 2

B. MEMBUAT MARKER ............................................................................................ 4

1. Persiapan................................................................................................................ 4

2. Mempersiapkan Objek Untuk Marker ................................................................... 4

a. Register Vuforia ................................................................................................. 4

b. Membuat License Manager Vuforia .................................................................. 5

c. Membuat Database Marker dan Mendaftarkan Marker ..................................... 7

C. MEMBUAT AUGMENT REALITY ..................................................................... 13

1. Persiapan.............................................................................................................. 13

2. Membuat Project di Unity ................................................................................... 13

3. Setting Vuforia Egine di Unity ............................................................................ 16

4. Memasukan Image 3D untuk AR yang ditampilkan ........................................... 22

5. Pengujian AR Versi Play Mode Unity ................................................................ 25

D. SETTING APLIKASI AR UNITY3D UNTUK ANDROID ................................. 27

1. Persiapan.............................................................................................................. 27

2. Setting Project...................................................................................................... 27

3. Menjalankan Aplikasi AR (APK) di Android ..................................................... 31

E. DAFTAR PUSTKA ................................................................................................ 32

Page 1 of 32
https://staff.uniku.ac.id/rioandriyat

https://www.youtube.com/channel/UCqhJjbgpBuvhPVUpb-jo-kQ
Created By : Rio Andriyat Rio Andriyat Krisdiawan
BASIC AR MODULE WITH VUFORIA AND UNITY

A. DASAR TEORI
Augmented Reality (AR) merupakan sebuah cara dunia digital menambahkan
realitas ke dalam dunia nyata. Hal ini
dimungkinkan melalui perkembangan teknologi informasi. Salah satu teknologi
yang digunakan adalah computer vision. Melalui computer vision, dunia nyata
dapat dikenali, baik melalui marker atau markerless, sehingga dapat disematkan
informasi dari dunia digital. Unity3D merupakan CASE tool yang dapat
membangun aset 3 dimensi interaktif yang umumnya dipakai untuk membuat game.
Dengan menggunakan Vuforia, dapat ditingkatkan untuk menyajikan AR
menggunakan aset 3 dimensi dan data lainnya. Tutorial ini menunjukkan potensi
dari penggunaan Unity3D dan Vuforia dalam membangun aplikasi AR.

1. Marker / Penanda
Merupakan sebuah penanda yang di dalamnya terdiri dari kumpulan titik acuan
untuk memudahkan tracking atau memudahkan kamera dalam membaca
penanda agar dikenali oleh aplikasi dan menampilkan objek yang diinginkan.

2. Augment Reality (AR)


Merupakan sebuah teknologi yang menggabungkan benda maya dua dimensi
dan ataupun tiga dimensi ke dalam lingkungan nyata kemudian
memproyeksikan benda maya tersebut secara real-time.

3. Vuforia
Vuforia adalah sebuah Egine Augmented Reality Software Development Kit
untuk untuk membuat sebuah aplikasi Augmented Reality dengan dukungan
multi platform seperti iOS, Android, dan UWP serta dapat digunakan di Unity
Egine.

Vuforia Engine adalah platform yang digunakan untuk pengembangan AR,


dengan dukungan untuk ponsel, tablet, dan Eyewear. Pengembang dapat
dengan mudah menambahkan fungsionalitas visi komputer canggih ke aplikasi

Page 2 of 32
https://staff.uniku.ac.id/rioandriyat

https://www.youtube.com/channel/UCqhJjbgpBuvhPVUpb-jo-kQ
Created By : Rio Andriyat Rio Andriyat Krisdiawan
BASIC AR MODULE WITH VUFORIA AND UNITY

Android, iOS, dan UWP, untuk menciptakan pengalaman AR yang secara


realistis berinteraksi dengan objek dan lingkungan.

Vuforia Engine Library berisi dokumentasi teknis untuk membantu


pengembang dengan SDK untuk membuat aplikasi AR. Vuforia Engine
mendukung Unity Engine serta tiga platform asli utama: iOS, Android, dan
UWP.

Perpustakaan Mesin Vuforia juga dikelola oleh kategori fitur utama. Kategori
fitur utama adalah Gambar, Objek, dan Lingkungan.

Vuforia Engine API mencakup Bahasa pemrograman C # API untuk Unity, C


++ APIs untuk iOS, dan UWP dan Java untuk Android.

4. Unity
Unity adalah lintas platform game engine yang dikembangkan oleh Unity
Technologies. Unity pertama kali diumumkan dan dirilis pada Juni 2005 di
World Wide Developers Conference milik Apple Inc, sebagai game engine
eksklusif OS X. Pada 2018, mesin telah diperluas untuk mendukung 27 platform.
Mesin ini dapat digunakan untuk membuat game 3D dan 2D serta simulasi untuk
Berbagai platform. Unity telah diadopsi oleh industri di luar permainan video,
seperti film , otomotif, arsitektur , teknik dan konstruksi . Beberapa versi utama
Unity telah dirilis sejak diluncurkan, dengan versi stabil terbaru
adalah 2019.2.12, dirilis pada November 2019.

Unity memberi pengguna kemampuan untuk membuat game dalam 2D dan 3D,
dan engine menawarkan API skrip yang ditulis dalam C #, untuk editor Unity
dalam bentuk plugin, dan game itu sendiri, serta fungsionalitas
fitur drag and drop. Sebelum C # menjadi bahasa pemrograman utama yang
digunakan ,sebelumnya mendukung Boo, yang telah dihapus dalam rilis Unity 5 ,
dan versi JavaScript yang disebut UnityScript, yang dihentikan pada Agustus
2017 setelah rilis Unity 2017.1 mendukung C #.

Page 3 of 32
https://staff.uniku.ac.id/rioandriyat

https://www.youtube.com/channel/UCqhJjbgpBuvhPVUpb-jo-kQ
Created By : Rio Andriyat Rio Andriyat Krisdiawan
BASIC AR MODULE WITH VUFORIA AND UNITY

B. MEMBUAT MARKER
1. Persiapan
Hal yang perlu dipersiapkan dalam pembuatan marker adalah :

a. Objek yang akan dijadikan Marker.


Spesifikasi Objek yang akan dijadikan Target
(https://developer.vuforia.com/support)
b. Akun Vuforia

2. Mempersiapkan Objek Untuk Marker


AR yang akan dibangun pada project kali ini adalah sebuah objek marker berupa
image yang dibuat sendiri dengan memodifikasi menggunakan Aplikasi pengolah
Vektor CorelDraw. Marker yang telah dibuat, selanjutnya akan didaftarkan ke
Database Egine Vuforia, dan mendownload Package Marker dari database egine
Vuforia.

a. Register Vuforia

1. Register acount Vuforia di https://developer.vuforia.com/

Page 4 of 32
https://staff.uniku.ac.id/rioandriyat

https://www.youtube.com/channel/UCqhJjbgpBuvhPVUpb-jo-kQ
Created By : Rio Andriyat Rio Andriyat Krisdiawan
BASIC AR MODULE WITH VUFORIA AND UNITY

2. Login ke Vuforia.

3. Setujui Vuforia Developer Agreement. Klik tombol “I Agree”.

b. Membuat License Manager Vuforia


License Manager digunakan untuk mendaftarkan dan mendapatkan
Development Key yang nantinya dijadikan sebagai penghubung antara
aplikasi AR dengan Egine Vuforia sebagai database markernya.

1. Pada tab License Manager, klik tombol Get Development Key.

Page 5 of 32
https://staff.uniku.ac.id/rioandriyat

https://www.youtube.com/channel/UCqhJjbgpBuvhPVUpb-jo-kQ
Created By : Rio Andriyat Rio Andriyat Krisdiawan
BASIC AR MODULE WITH VUFORIA AND UNITY

2. Berikan nama lisensi pada License Name. Ceklist setuju. Klik tombol
Confirm.

3. Lisensi yang baru dibuat akan muncul pada daftar License Manager. Klik
pada nama lisensi.

Page 6 of 32
https://staff.uniku.ac.id/rioandriyat

https://www.youtube.com/channel/UCqhJjbgpBuvhPVUpb-jo-kQ
Created By : Rio Andriyat Rio Andriyat Krisdiawan
BASIC AR MODULE WITH VUFORIA AND UNITY

4. License Key ini yang nantinya digunakan untuk menghubungkan dengan


Egine Unity.

c. Membuat Database Marker dan Mendaftarkan Marker


Pembuatan database ini sangat penting, karena disinilah marker yang
didaftarkan, dibuat dan akan mengalami proses augmentasi dengan algoritma
yang ada pada egine Vuforia.

Page 7 of 32
https://staff.uniku.ac.id/rioandriyat

https://www.youtube.com/channel/UCqhJjbgpBuvhPVUpb-jo-kQ
Created By : Rio Andriyat Rio Andriyat Krisdiawan
BASIC AR MODULE WITH VUFORIA AND UNITY

1. Klik tab Target Manager, klik tombol Add Database.

2. Beri nama pada Database Name, pilih Device, dan klik tombol Create.

3. Setelah dibuat, database akan muncul pada daftar Target Manager. Klik
nama database untuk menambahkan target marker pada database.

4. Pilih Single Image dan Browse berkas gambar/marker yang akan dipakai
untuk target. Berikan nama untuk target dan klik Add Target.

Page 8 of 32
https://staff.uniku.ac.id/rioandriyat

https://www.youtube.com/channel/UCqhJjbgpBuvhPVUpb-jo-kQ
Created By : Rio Andriyat Rio Andriyat Krisdiawan
BASIC AR MODULE WITH VUFORIA AND UNITY

Jika terjadi kesalahan pada add target, berarti marker yang didaftarkan
tidak sesuai/belum memenuhi syarat minimum gambar yang seharusnya.

Karena pada proses ini, Ada tiga aturan utama yang harus dipenuhi oleh
suatu ImageTarget:

• Harus kaya dalam perinciannya.


• Harus memiliki kontras yang bagus, dengan area terang dan gelap.
• Tidak boleh ada pola berulang.

5. Target yang ditambahkan akan muncul pada daftar.

Page 9 of 32
https://staff.uniku.ac.id/rioandriyat

https://www.youtube.com/channel/UCqhJjbgpBuvhPVUpb-jo-kQ
Created By : Rio Andriyat Rio Andriyat Krisdiawan
BASIC AR MODULE WITH VUFORIA AND UNITY

6. Klik nama target untuk melihat rinciannya.


7. Target akan ditampilkan dan kualitas target dapat dilihat pada
Augmentable dengan maksimal 5 bintang. Target dapat diganti dengan
klik Update Target dan dapat dilihat Feature dengan klik Show Features.

8. Show Features akan menampilkan feature yang menjadi penanda pada


target. Feature yang baik memungkinkan target marker dideteksi
walaupun berwarna hitam putih.

Page 10 of 32
https://staff.uniku.ac.id/rioandriyat

https://www.youtube.com/channel/UCqhJjbgpBuvhPVUpb-jo-kQ
Created By : Rio Andriyat Rio Andriyat Krisdiawan
BASIC AR MODULE WITH VUFORIA AND UNITY

9. Download database, Untuk menggunakannya di Unity3D.

10. Pilih Unity Editor untuk menggunakan Database Target pada Unity3D,
kemudian klik tombol Download.
Page 11 of 32
https://staff.uniku.ac.id/rioandriyat

https://www.youtube.com/channel/UCqhJjbgpBuvhPVUpb-jo-kQ
Created By : Rio Andriyat Rio Andriyat Krisdiawan
BASIC AR MODULE WITH VUFORIA AND UNITY

11. Tunggu Compiling Database sampai dengan selesai.

12. Simpan berkas .unitypackage pada tempat yang diinginkan, bahwa berkas
tersebut akan diimport ke dalam Unity3D.

Page 12 of 32
https://staff.uniku.ac.id/rioandriyat

https://www.youtube.com/channel/UCqhJjbgpBuvhPVUpb-jo-kQ
Created By : Rio Andriyat Rio Andriyat Krisdiawan
BASIC AR MODULE WITH VUFORIA AND UNITY

C. MEMBUAT AUGMENT REALITY


1. Persiapan
Hal yang perlu dipersiapkan dalam pembuatan AR di Unity adalah :

a. Egine Unity
b. Vuforia-package unity SDK
(https://developer.vuforia.com/downloads/sdk)

2. Membuat Project di Unity

1. Buatlah project baru 3D di unity. (Unity 2019.2)


2. Pada tab Projects, klik tombol NEW.
3. Pilih 3D, beri nama pada Project Name, dan tentukan lokasi
penyimpanan. Klik tombol CREATE untuk membuat proyek.

4. Setelah Unity Editor terbuka, pilih menu Assets → Import Package →


Custom Package.

Page 13 of 32
https://staff.uniku.ac.id/rioandriyat

https://www.youtube.com/channel/UCqhJjbgpBuvhPVUpb-jo-kQ
Created By : Rio Andriyat Rio Andriyat Krisdiawan
BASIC AR MODULE WITH VUFORIA AND UNITY

5. Pilih berkas database target yang telah diunduh dari Vuforia dan klik
tombol Open.

6. Pada gambar di bawah, terdapat 2 target pada database VuforiaARdevice.


Klik tombol Import untuk melakukan import.

Page 14 of 32
https://staff.uniku.ac.id/rioandriyat

https://www.youtube.com/channel/UCqhJjbgpBuvhPVUpb-jo-kQ
Created By : Rio Andriyat Rio Andriyat Krisdiawan
BASIC AR MODULE WITH VUFORIA AND UNITY

7. Asset Vuforia dapat dilihat pada tab Project pada direktori Assets.

Page 15 of 32
https://staff.uniku.ac.id/rioandriyat

https://www.youtube.com/channel/UCqhJjbgpBuvhPVUpb-jo-kQ
Created By : Rio Andriyat Rio Andriyat Krisdiawan
BASIC AR MODULE WITH VUFORIA AND UNITY

3. Setting Vuforia Egine di Unity


Hal yang harus di perhatikan adalah Unity Egine sudah memiliki
support file Vuforia SDK/Library Vuvoria SDK. Apabila belum terinstall,
dapat di download di link https://developer.vuforia.com/downloads/sdk.
Download dan Install.

Apabila sudah terinstall, langkah selanjutnya adalah setting Project


Vuforia Egine di Unity sebagai berikut :

1. Untuk mengaktifkan Vuforia, perlu dilakukan pengaktifan pada menu


Edit → Project Settings.
2. Pada Project Settings → Player, Ceklist Vuforia Augmented Reality
Supported. Close windows untuk mengakhiri.

Page 16 of 32
https://staff.uniku.ac.id/rioandriyat

https://www.youtube.com/channel/UCqhJjbgpBuvhPVUpb-jo-kQ
Created By : Rio Andriyat Rio Andriyat Krisdiawan
BASIC AR MODULE WITH VUFORIA AND UNITY

3. Selanjutnya untuk setting Vuforia License Key, Klik Folder Resources


pada Tab Project, Pilih VoforiaConfiguration pada Tab Asset Project.

4. Perhatikan Tab Inspector, Masukan App License Key yang sudah pernah
dibuat sebelumnya. Masukan pada kolom tersebut. Perhatikan Gambar
Dibawah.

Page 17 of 32
https://staff.uniku.ac.id/rioandriyat

https://www.youtube.com/channel/UCqhJjbgpBuvhPVUpb-jo-kQ
Created By : Rio Andriyat Rio Andriyat Krisdiawan
BASIC AR MODULE WITH VUFORIA AND UNITY

Page 18 of 32
https://staff.uniku.ac.id/rioandriyat

https://www.youtube.com/channel/UCqhJjbgpBuvhPVUpb-jo-kQ
Created By : Rio Andriyat Rio Andriyat Krisdiawan
BASIC AR MODULE WITH VUFORIA AND UNITY

5. Selanjutnya adalah memasukan AR Camera pada hierarchy project. Klik


kanan pada Hirarchy Project → Pilih Vuforia Egine → AR Camera.

Page 19 of 32
https://staff.uniku.ac.id/rioandriyat

https://www.youtube.com/channel/UCqhJjbgpBuvhPVUpb-jo-kQ
Created By : Rio Andriyat Rio Andriyat Krisdiawan
BASIC AR MODULE WITH VUFORIA AND UNITY

6. Jika ada permintaan untuk impor Vuforia Engine Assets, klik tombol
Import.

7. Selanjutnya, Tambahkan image target untuk marker. Klik kanan pada AR


Camera dan pilih Vuforia Engine → Image.

Page 20 of 32
https://staff.uniku.ac.id/rioandriyat

https://www.youtube.com/channel/UCqhJjbgpBuvhPVUpb-jo-kQ
Created By : Rio Andriyat Rio Andriyat Krisdiawan
BASIC AR MODULE WITH VUFORIA AND UNITY

8. Pilih Image Target pada Hirarchy, Perhatikan Tab Inspector. Pilih property
database dan tentukan Image Target yang diasosiasikan. Preview dari
target marker dapat dilihat pada panel Scene.

Page 21 of 32
https://staff.uniku.ac.id/rioandriyat

https://www.youtube.com/channel/UCqhJjbgpBuvhPVUpb-jo-kQ
Created By : Rio Andriyat Rio Andriyat Krisdiawan
BASIC AR MODULE WITH VUFORIA AND UNITY

4. Memasukan Image 3D untuk AR yang ditampilkan

1. Asset 3D yang akan dipakai, pada tutorial ini, diambil dari Unity Asset
Store. (BodyGuards).
2. Import Unity Package Space BodyGuards. Pastikan package yang akan
diimpor benar. Klik tombol Import untuk melakukan import.

Page 22 of 32
https://staff.uniku.ac.id/rioandriyat

https://www.youtube.com/channel/UCqhJjbgpBuvhPVUpb-jo-kQ
Created By : Rio Andriyat Rio Andriyat Krisdiawan
BASIC AR MODULE WITH VUFORIA AND UNITY

3. Asset yang telah di import dapat dilihat pada panel Project → Assets.
Buka Assets → BodyGuards→ lalu Pilih Objek.

4. Geser dan letakkan Object yang dipilih ke Image Target pada panel
Hierarchy.

Page 23 of 32
https://staff.uniku.ac.id/rioandriyat

https://www.youtube.com/channel/UCqhJjbgpBuvhPVUpb-jo-kQ
Created By : Rio Andriyat Rio Andriyat Krisdiawan
BASIC AR MODULE WITH VUFORIA AND UNITY

5. Pastikan bahwa pada Inspector AR Camera → tab Vuforia Behaviour →


World Center Mode adalah SPECIFIC_TARGET dan World Center
adalah None. Hal ini penting agar target marker menjadi pusat dari
kamera.

Page 24 of 32
https://staff.uniku.ac.id/rioandriyat

https://www.youtube.com/channel/UCqhJjbgpBuvhPVUpb-jo-kQ
Created By : Rio Andriyat Rio Andriyat Krisdiawan
BASIC AR MODULE WITH VUFORIA AND UNITY

5. Pengujian AR Versi Play Mode Unity

1. Klik tombol Play untuk menjalankan aplikasi.

2. Lakukan Scan Marker

Page 25 of 32
https://staff.uniku.ac.id/rioandriyat

https://www.youtube.com/channel/UCqhJjbgpBuvhPVUpb-jo-kQ
Created By : Rio Andriyat Rio Andriyat Krisdiawan
BASIC AR MODULE WITH VUFORIA AND UNITY

3. Jika marker terdeteksi, obyek akan tampil dan di bagian bawah kiri ada
keterangan bahwa marker terdeteksi.
4. Jika marker tidak terdeteksi, dibawah kiri ada keterangan bahwa marker
hilang (lost).

Page 26 of 32
https://staff.uniku.ac.id/rioandriyat

https://www.youtube.com/channel/UCqhJjbgpBuvhPVUpb-jo-kQ
Created By : Rio Andriyat Rio Andriyat Krisdiawan
BASIC AR MODULE WITH VUFORIA AND UNITY

D. SETTING APLIKASI AR UNITY3D UNTUK ANDROID


1. Persiapan
1. Untuk Build AR tersebut ke Berbasis Mobile Android ada beberapa
software/library pendukung, diantaranya :
• JDK (Java Development Kit)
• SDK (Software Development Kit)
2. Selanjutnya masuk ke menu Edit → Preference
3. Tentukan penempatan lokasi JDK dan SDK, close apabila sudah.

2. Setting Project

1. Pilih File → Build Settings.


2. Klik tombol Add Open Scenes. Pilih Platform Android. Klik Player Settings.

Page 27 of 32
https://staff.uniku.ac.id/rioandriyat

https://www.youtube.com/channel/UCqhJjbgpBuvhPVUpb-jo-kQ
Created By : Rio Andriyat Rio Andriyat Krisdiawan
BASIC AR MODULE WITH VUFORIA AND UNITY

3. Isi Company Name, Product Name, dan Version.


4. Masukan Default Icon (untuk aplikasi pada homescreen), bisa ditambahkan.
Jika ada Default Cursor pada saat memindai marker.

5. Jika diperlukan, mungkin harus menghapus Vulkan pada Other Settings,


karena Android build tidak bisa dibuat jika ada Graphic API Vulkan.

Page 28 of 32
https://staff.uniku.ac.id/rioandriyat

https://www.youtube.com/channel/UCqhJjbgpBuvhPVUpb-jo-kQ
Created By : Rio Andriyat Rio Andriyat Krisdiawan
BASIC AR MODULE WITH VUFORIA AND UNITY

6. Pastikan pada XR Settings, Vuforia Augmented Reality Supported


dicontreng.

7. Klik tombol Build untuk membangun APK.


Page 29 of 32
https://staff.uniku.ac.id/rioandriyat

https://www.youtube.com/channel/UCqhJjbgpBuvhPVUpb-jo-kQ
Created By : Rio Andriyat Rio Andriyat Krisdiawan
BASIC AR MODULE WITH VUFORIA AND UNITY

8. Pilih direktori tempat meletakkan APK hasil build aplikasi.

9. Berkas apk yang berhasil dibuat dapat dilihat pada direktori.

Page 30 of 32
https://staff.uniku.ac.id/rioandriyat

https://www.youtube.com/channel/UCqhJjbgpBuvhPVUpb-jo-kQ
Created By : Rio Andriyat Rio Andriyat Krisdiawan
BASIC AR MODULE WITH VUFORIA AND UNITY

3. Menjalankan Aplikasi AR (APK) di Android


Untuk menguji aplikasi, diperlukan target marker. Karena image target marker
yang digunakan, gambar target dapat dicetak.

Page 31 of 32
https://staff.uniku.ac.id/rioandriyat

https://www.youtube.com/channel/UCqhJjbgpBuvhPVUpb-jo-kQ
Created By : Rio Andriyat Rio Andriyat Krisdiawan
BASIC AR MODULE WITH VUFORIA AND UNITY

E. DAFTAR PUSTKA
[1]. https://docs.unity3d.com/Manual/vuforia-sdk-overview.html
[2]. https://docs.unity3d.com/Manual/vuforia_get_started_project_setup.html
[3]. https://unity3d.com/get-unity/update
[4]. https://developer.vuforia.com/
[5]. https://www.codepolitan.com

Page 32 of 32
https://staff.uniku.ac.id/rioandriyat

https://www.youtube.com/channel/UCqhJjbgpBuvhPVUpb-jo-kQ

Anda mungkin juga menyukai