Jumat, 23 September 2016

Sabtu, 17 September 2016

Tutorial Cara Membuat Aplikasi Simple Augmented Reality (AR) di Android Menggunakan Unity dan Vuforia


Tutorial Cara Membuat Aplikasi Simple Augmented Reality (AR) di Android Menggunakan Unity dan Vuforia

By the way, skripsi saya juga bertemakan AR, judulnya aplikasinya tuh “Learn Shalat”. Aplikasi tersebut menampilkan manfaat-manfaat dari gerakan shalat bagi kesehatan tubuh manusia. Untuk menggambarkan gerakan shalat dan agar konten aplikasi tersebut menarik, model 3D pun dibuat beranimasi yang kemudian dibuat AR scenenya dengan Unity3D. Berikut gambar-gambar dari aplikasi tersebut :

Gambar 1. Gerakan Shalat Pada Aplikasi 

Jumat, 16 September 2016

Tutorial Cara Membuat Aplikasi Augmented Reality (AR) Marker dan Markerless di Android Menggunakan Unity dan Vuforia SDK

Tutorial Cara Membuat Aplikasi Augmented Reality (AR) Marker dan Markerless di Android Menggunakan Unity dan Vuforia SDK


Langkah-langkah memulai :
1.Setelah alat tempur diatas disiapkan jalankan aplikasi Unity3D dan buat project baru dengan cara klik "File->New Project" disini saya membuat project dengan nama "Marlboro". Jangan lupa di save (CTRL+S) terserah berinama apa aja untuk Scene. disini saya berinama "Test1".


Cara Membuat Simple Augmented Reality


Membuat Simple Augmented Reality Berbasis Android Menggunakan Unity 5.1.1 dan Vuforia 5.0.5

Langkah 1 : Buka Unity dan buat project baru

Blank project unity
Blank project unity

Langkah 2 : Ubah project ke Android

Ubah project unity ke android
Ubah project unity ke android

Jangan lupa untuk melakukan pengaturan pada player setting

Pengaturan player
Pengaturan player

Atur nama company dan nama aplikasi

Atur nama company dan nama aplikasi
Atur nama company dan nama aplikasi

Dan juga pengaturan bundle identifier

Atur bundle Identifier
Atur bundle Identifier

Langkah 3 : Import Vuforia SDK dengan double klik

Double click Vuforia SDK
Double click Vuforia SDK


Centang semua elemen import

Centang semua untuk import Vuforia SDK
Centang semua untuk import Vuforia SDK


Langkah 4 : Masukkan ARCamera dan ImageTarget ke dalam scene, delete Main Camera.

Masukkan ARCamera dan ImageTarget ke dalam scene
Masukkan ARCamera dan ImageTarget ke dalam scene


Vuforia mensuport debugging di PC menggunakan camera webcam. Tapi jika hardware belum di support Vuforia Anda dapat menonaktifkan fitur ini.

Disable 'Don't use play mode' jika error
Disable 'Don't use play mode' jika error


Jangan lupa save scene dengan Ctrl + S setiap melakukan perubahan untuk menghindari hal yang tidak diinginkan


Langkah 5 : Definisikan marker dengan klik ImageTarget kemudian klik 'No targets defined. Press here for target creation !'


Definisikan marker untuk target
Definisikan marker untuk target
Anda akan diarahkan ke website Vuforia. Login untuk masuk ke akun Anda. Pertama klik 'Add License Key' pada 'License Manager' untuk membuat lisensi. Lisensi ini nantinya berkaitan dengan harga yang harus Anda bayar. Tenang saja, untuk tutorial kali ini Anda dapat menggunakan license free.


License manager pada Vuforia
License manager pada Vuforia

Pada lisensi ada kode yang harus Anda letakkan di code Anda. Copy semua kode tadi kemudian masukkan di ARCamera pada project Anda

Lisensi Vuforia
Lisensi Vuforia

Masukkan ke ARCamera

Masukkan license ke ARCamera
Masukkan license ke ARCamera


Kemudian definisikan marker pada image target. Pada bagian 'Target Manager' klik 'Add Database'.

Tambahkan database
Tambahkan database


Masukkan nama database, kemudian upload marker. Marker yang Anda Upload akan ditampilkan dan diberi rating

Marker yang di upload di Vuforia
Marker yang di upload di Vuforia

Kali ini saya menggunakan marker berikut, Anda dapat menggunakan marker lain.

Marker
Marker
Setelah selesai download datasetnya, pilih 'Unity Editor'. Kemudian Anda akan mendapatkan file dengan ekstensi .unitypackage.

File .unitypackage berisi dataset marker
File .unitypackage berisi dataset marker


Langkah 6 : Import file dataset dengan double click file dataset dengan ekstensi .unitypackage yang Anda dapatkan dari Vuforia. Kemudian tentukan dataset yang digunakan pada ImageTarget

Tentukan dataset pada Image Target
Tentukan dataset pada Image Target

Taruh object yang akan dimunculkan pada AR di atas Image Target. Buat object tersebut menjadi child dari ImageTarget. Pada contoh ini saya memakai object cube dengan klik GameObject >> 3D Object >> Cube

Menletakkan object AR
Menletakkan object AR




Konfigurasi ARCamera untuk me load dataset

Konfigurasi ARCamera untuk me-load dataset
Konfigurasi ARCamera untuk me-load dataset


Langkah 7 : Jalankan project dengan klik File >> Build Settings >> Build. Copy file .apk ke device Android Anda dan jalankan aplikasinya

Preview aplikasi Augmented Reality Unity + Vuforia
Preview aplikasi Augmented Reality Unity + Vuforia

Preview aplikasi Augmented Reality Unity + Vuforia

Tutorial Cara Pembuatan Animasi (AR) dan Membuat Aplikasinya Menggunakan Unity dan Vuforia SDK

Tutorial Cara Pembuatan Animasi Augmented Reality (AR) dan Membuat Aplikasinya Menggunakan Unity dan Vuforia SDK


Langkah-langkah memulai :

  1. Setelah alat tempur diatas disiapkan jalankan aplikasi Unity3D dan buat project baru dengan cara klik "File->New Project" disini saya membuat project dengan nama "New Unity Project 7". Jangan lupa di save (CTRL+S) terserah berinama apa aja untuk Scene. disini saya berinama "New Unity Project 7".
  2. Lalu klik kanan pada bagian Assets. Import Package->Costum Package,
  3. Import Package SDK Vuforia yang kalian download tadi,
  4. Delete Main Camera pada Unity,
  5. Lalu drag ARCamera dan ImagetArget,
  6. Klik kanan pada Assets, pilih Create > Folder dan beri nama Model,
  7. Selanjutnya adalah tahap penyisipan Marker, yaitu dengan cara klik kanan pada Assets > Import Package > Costum Package > pilih marker (Semporna) > Open,
  8. Setelah disisipkan, load marker, klik ImageTarget pilih Marker disini namanya Sempoerna
    ,
  9. Pada ARCamera beri ceklis,
  10. Atur posisi camera menjadi X=0 Y=0 Z=0,
  11. Setelah mengatur posisi ARCamera, sekarang atur Posisi ImageTarget X=0 Y=0 Z=0,
  12. Klik Folder Model dan klik Objek dari blender yang sudah di import, dan tab Model atur Scale Factor=1, Tab Rig atur Animation Type=1, dan beri ceklis pada Generate Colliders, Tab Animations atur Wrap Model=Loop, Ceklis Add Loop Frame, pada Warp Mode=Loop, biar animasinya bergerak berulang atau berjalan terus,
  13. Drag objeknya ke dalam ImageTarget,
  14. Maka hasilnya seperti ini,
  15. Atur semua posisi, rotasi, scale pada objek, ARCamera, dan ImageTarget,
  16. Maka hasilnya kurang lebih seperti ini,
  17. Sampai sini, sebenarnya animasi sudah bisa di lihat hasilnya, kirimkan gambar Marker yang di buat Web vuforia ke smartphone, kemudian buka gambar tersebut di smartphone anda, dan klik play, dan akan muncul kamera dan letakkan posisi smartphone anda tepat depan kamera,

  18. Maka hasilnya seperti ini,
  19. Selanjutnya adalah Tahap Mengcompile atau merubah menjadi file APK untuk Android agar bisa jalankan di perangkat ponsel Android kalian, Sebenarnya ada dua cara untuk penginstalan, namu disini saya hanya mnjelaskan penginstalan menggunkan file *APK yaitu dengan cara Klik File->Building Setting atau CTRL+Shift+B. pada bagian Platform pilih Android lalu klik Switch Platform jangan lupa untuk Add Current untuk menambah Scene yang kita save tadi. Klik player Setting dan atur sperti gambar di bawah, Untuk seting lainnya seperti Spesifikasi Android kalian bisa atur sesuai dengan OS android yang kalian gunakan pada Other Setting. Setelah itu kalian tinggal klik Build . tunggu hingga proses selesai. 
  20. Setealah menjadi file *APK Instal aplikasi di Android kesayangan kalian, lalu jalankan,
  21. Maka hasilnya akan seperti ini,