Tutorial Augmented Reality – Unity 3D dan Vuforia.

Download dan siapkan kebutuhan untuk membuat Augmented Reality

A. Marker .Anda dapat membuat marker sendiri di Vuforia Developer. Silahkan anda kunjungi situs
[Link]
B. Unity3D ( Versi yang digunakan dalam tutorial ini 4.7.0 ) Download dan instal di laptop/PC anda.
C. Vuforia Unity Package ( Versi yang digunakan dalam tutorial ini vuforia-unity-mobile-android-ios-
4-0-105), atau download versi barunya di [Link]
D. Android SDK. Download dan Extract di leptop/PC anda. Download versi barunya di
[Link]
E. Java JDK. (Versi yang digunakan dalam tutorial ini adalah jdk-8u40-windows-x64). Download versi
terbarunya di [Link]
F. File 3D model atau animasi dalam format *.fbx.
G. Smartphone Android.

A. Membuat marker menggunakan Vuforia.

1. Tentukan marker berupa file gambar (disarankan file gambar ber-format .jpg / .png).
2. Buka web [Link] kemudian lakukan Log In atau Register terlebih dahulu.

3. Setelah Register/Log In, pilih menu Develop dan pilih menu Lisence Manager kemudian klik
tombol Add License Key.
4. Link akan mengarahkan ke halaman seperti dibawah ini. Kemudian pada kolom Application Name
isilah dengan nama aplikasi anda. Kolom Device anda pilih Mobile, dan pada kolom License Key
dapat anda pilih Starter – No Charge. Kemudian klik Next untuk menuju langkah selanjutnya.

5. Langkah selanjutnya adalah halaman konfirmasi, pilihlah tanda centang tanda konfirmasi
kemudian klik tombol Confirm.
6. Setelah menekan tombol konfirmasi, Licensi anda sudah aktif dan dapat digunakan. Anda dapat
melihat kode License anda dengan meng-Klik link nama aplikasi pada kolom Name pada link
License Manager.

Kode license yang tampak pada gambar di atas adalah kode License untuk Vuforia SDK 5,
sedangkan apabila anda menggunakan Vuforia 4 seperti pada contoh tutorial ini, anda dapat
melihatnya dengan meng-Klik link View Vuforia 4 license key. Maka akan muncul pop up seperti
berikut :

Kode license ini nantinya akan di Copy/Paste kedalam project Augmented Reality pada tahap
pembuatan di Unity 3D.
7. Langkah selanjutnya adalah membuat Marker menggunakan Target Manager, Silahkan anda klik
link Target Manager, kemudian klik tombol Add Database.
8. Kemudian akan muncul Pop Up Create Database, lalu isikan nama database pada kolom Name
sesuai dengan keinginan anda, kemudian pada kolom Type pilihlah menu Device. Kemudian klik
tombol Create.

9. Kemudian klik link nama database pada kolom Database pada halaman Target Manager,
selanjutnya akan masuk ke halaman database (pada contoh ini nama database adalah TestAR).
Kemudian klik tombol Add Target untuk menambahkan target baru yang akan dijadikan sebagai
Marker pada project pembuatan Augmented Reality.

Kemudian akan muncul pop up sebagai berikut :

Setelah muncul pop up Add Target, pada kolom
Type, silahkan anda pilih Single Image, kemudian
pada kolom File, klik tombol Browse untuk
memilih gambar dengan format .jpg / .png yang
akan anda jadikan sebagai marker (pada contoh
ini, digunakan gambar berformat .jpg) dengan
maksimal File Size adalah 2Mb. Setelah itu, pada
kolom Width, silahkan anda isi dengan angka
maksimal 500, width ini adalah lebar marker yang
akan terdeteksi oleh Vuforia. Selanjutnya pada
kolom Name, silahkan anda isi sesuai keinginan
anda (pada sample ini digunakan nama “holistic”)
untuk mempermudah penamaan target/marker.
Kemudian setelah semua komponen sudah terisi
dengan benar, selanjutnya adalah klik tombol
Add untuk menuju langkah selanjutnya.
10. Setelah itu, anda akan kembali ke halaman database TestAR yang saat ini sudah terisi dengan data
Target yang sudah anda buat, sehingga tampak seperti gambar di bawah ini.

Kemudian klik kolom centang pada kolom Target Name, pada contoh ini, target yang dipilih
adalah “holistic” karena hanya ada satu target. Pada tahap ini anda dapat membuat lebih dari
satu target/dataset dengan meng-klik tombol Add Target kemudian lakukan sesuai dengan
langkah 9. Setelah itu klik tombol Download Dataset (All), lalu akan muncul pop up sebagai
berikut :

Pilih Unity Editor pada kolom Select a development platform. Kemudian klik tombol Download
untuk mengunduh/men-download image target/marker. Sehingga hasil download adalah file
dengan format .unitypackage (dalam contoh ini adalah [Link]).

11. Setelah itu, komponen yang kita butuhkan untuk proses di Unity 3D sudah terpenuhi yaitu : Unity
3D Installer, Vuforia SDK, dan Marker dengan format .unitypackage.
B. Membuat project baru menggunakan Unity 3D
1. Install Unity 3D pada Laptop/PC anda.
2. Buka Unity kemudian buatlah project baru dengan meng-klik tab Create New Project,
kemudian pada Project Location, tentukan lokasi penyimpanan project yang mudah anda
ingat dengan meng-klik tombol Browse, selanjutnya centang semua menu yang tersedia pada
kolom Import the following package, kemudian klik tombol Create.

3. Tunggu prosesnya hingga muncul tampilan penuh Workspace Unity 3D seperti berikut :
4. Langkah selanjutnya adalah meng-import package unity yang telah kita buat dan download
sebelumnya : (Vuforia SDK dan Target Manager). Caranya adalah dengan meng-klik menu
Asset >> Import Package >> Custom Package...

Kemudian pilih Vuforia SDK (pada contoh ini adalah “vuforia-unity-mobile-android-ios-4-0-

105”) kemudian klik tombol Open.

Setelah muncul halaman Importing Package klik tombol All kemudian klik tombol Import.
5. Lakukan seperti langkah 4 untuk memasukkan/meng-import file target manager, pada contoh
ini adalah [Link].
6. Hapus Main Camera pada tab Hierarchy.

7. Kemudian pada tab Project, klik folder Asset >> Qualcom Augmented Reality >> Prefabs.
Setelah itu akan muncul icon kubus seperti di bawah ini. Yang akan kita gunakan adalah
ARCamera dan ImageTarget.

8. Setelah itu, klik/ drag ARCamera dan ImageTarget dari tab Project ke tab Hierarchy.
9. Klik ImageTarget pada tab Hierarchy kemudian lihat pada tab Inspektor di sebelah kanan.
Kemudian klik pada kolom Data Set lalu pilih Image Target yang sudah kita buat sebelumnya
(pada contoh ini, data set bernama TestAR). Kemudian padakolom Image Target pilihlah
gambar yang akan anda jadikan sebagai marker.

10. Klik ARCamera pada tab Hierarchy kemudian lihat pada tab Inspektor di sebelah kanan.
Kemudian pada kolom App License Key, silahkan anda masukkan license key yang sudah
dibuat sebelumnya di website vuforia, pada contoh ini, license key adalah
“3c408262fb0f403e9081a60992cb3104” karena pada sampel ini menggunakan
Vuforia 4. Setelah itu pada kolom Data Set Load Behaviour, klik tanda centang pada Load
Data Set dan Activated.
11. Selanjutnya adalah, tambahkan object ke dalam ImageTarget. Caranya adalah klik Create
pada kolom Hierarchy kemudian pilih 3D Object >> Cube. (dalam sample ini menggunakan
Object kubus). Akan tetapi anda dapat menambahkan file 3D dari luar dengan format .fbx

12. Selanjutnya akan muncul tampilan sebagai berikut :

Kemudian klik Cube pada tab Hierarchy, lalu atur ukuran (Scale) pada tab Inspector. Atau
anda dapat menggunakan icon scale yang terletak pada pojok kiri atas tampilan program
Unity 3D, lalu tarik ujung kotak kecil berwarn merah/hijau/biru untuk mengatur ukuran
berdasarkan sumbu (x,y,z).

Kemudian jangan lupa untuk menyimpan project/hasil kerja dengan menekan tombol Ctrl+S
pada keyboard. Simpan scene dengan nama yang mudah anda ingat (pada sample ini, scene
disimpan dengan nama [Link])
 13. Selanjutnya adalah menjalankan testing Augmented Reality yang sudah kita buat, pertama
klik tombol Play yang terletak di tengah atas aplikasi Unity 3D. Kemudian tunggu beberapa
saat hingga muncul kamera. Kemudian arahkan gambar marker yang sudah kita cetak.

14. Selamat, anda sudah berhasil menampilkan sebuah object Augmented Reality.

C. Compile / Build .apk

1. Install terlebih dahulu Java JDK dan download SDK Android.
2. Klik File >> Build Setting...

Selanjutnya akan muncul jendela Build Setting, pilih menu Android kemudian klik tombol Add
Current untuk menambahkan scene yang telah kita buat sebelumnya, kemudian klik tombol
Player Setting untuk merubah setting/pengaturan sebelum proses build.
3. Kemudian pada tab inspector, anda dapat mengatur keluaran/output aplikasi seperti : icon,
resolusi, splash screen dan publish setting.

4. Setelah selesai pada setting Inspector, selanjutnya tekan tombol Build pada jendela build
setting, kemudian tunggu proses beberapa saat, secara otomatis sistem akan meminta lokasi
root android SDK, arahkan ke folder android SDK yang telah kita download sebelumnya.
5. Setelah meminta lokasi Root Android SDK, sistem akan kembali meminta lokasi folder
JDK/Java yang telah kita install. (dalam sample ini lokasi JDK berada di C:\Program
Files\Java\jdk1.8.0_40).

6. Setelah proses selesai, secara otomatis akan muncul jendela windows explorer yang
menampilkan hasil build .apk dari aplikasi yang kita buat. Setelah itu, copy ke Smartphone
android anda, lalu jalankan.. Selamat Mencoba.
7. Hasil