MATA KULIAH AUGMENTED REALITY

Dosen Raden Wirawan, SE., M.Kom Tahun

Ajaran 2022/2023

TUTORIAL MEMBUAT PROJECT AR PADA UNITY

Versi 2021

Nama Proyek : AR GEDUNG ISTANA RI

Nama Mahasiswa : Kelompok 2B

- MUH ALWI SYAHRIR (2019011014)

- HERMAN (2019011008)

I. Membuka Aplikasi Unity

1. Buka aplikasi unity

2. Klik New untuk membuat project baru

3. Berikan nama project sesuai keinginan anda, Disini kami
menggunakan nama project “Pemerintahan”.

4. Lembar kerja telah terbuka

5. Pastikan JDK dan SDKnya sudah terinstal dan berjalan. Dengan

cara klik Edit-Preferences
 Sesuaikan lokasi file JDK dan SDKnya

II. Buat scene untuk tampilan menu utama

1. Buat Canvas, dengan cara klik kanan pada Heirarky, kemudian pilih
UI => Canvas. (Agar kita dapat mendesain pada bagian tampilan,
anda dapat klik pada tampilan 2D)

2. Buat Folder Background, dengan cara klik kanan pada Assets =>
Create => Folder => Rename “Background”
 Drag background yang diinginkan ke dalam folder yang
sebelumnya telah dibuat, kemudian ubah texture tipe background
menjadi Sprite (2D and UI).

3. Buat Panel dengan cara klik kanan pada Canvas => UI => Panel.

Setelah panel muncul selanjutnya drag background ke Source

Image.
Kemudian klik Color kemudian Drag Color A sampai ke angka 255.

4. Buat Button dengan cara klik kanan pada Canva => UI => Button.

5. Buat Folder untuk desain button yang akan digunakan dengan cara
klik kanan pada Assets kemudian klik Create => Folder (Rename
“Button”)
6. Drag Desain Button yang akan digunakan ke Folder yang telah dibuat
kemudian ubah texture tipenya menjadi Sprite (2D and UI).
7. Rapikan button dengan cara blok semua Button Menu kemudian
Perhatikan Inspector => Rect Transform => Anchor Present =>
pilih Mode Center.

lakukan hal yang sama untuk button lainnya

8. Tambahkah text untuk Info/Keterangan Project
 Ketik Apapun sesuai Panduan/Keterangan yang diinginkan pada
text, kemudian ubah ukuran font Size menjadi 17.

III. Buat Scene untuk AR Camera (Project yang akan menampilkan

desain 3D)
1. Buat scane baru “AR Camera” dengan cara buka folder Scene
kemudian klik kanan Create => Scene => kemudian rename jadi
AR Camera.
2. Hapus saja main cameranya kemudian ganti dengan AR Camera
dengan cara klik kanan pada Hierarky => Vuforia Engine => AR
Camera.

3. Aktifkan android terlebih dahulu (karena disini kita akan membuat

aplikasi android)
Klik File => Build Setting => Android => Swtich Plattfom
4. Masukkan licensy vuforia(Sesuai dengan database yang telah
dimasukkan) dengan cara Klik Window => Vuforia
configuration => Paste License di App License Key

5. Tambahkan Image Target dengan cara klik kanan pada Hierarky

=> Vuforia Engine => Image.
6. Import database marker yang sebelumnya sudah didownload pada
website vuforia caranya yaitu dengan drag file database anda dan
lepaskan pada hierarky, maka secara otomatis akan menampilkan
jendela seperti dibawah ini, kemudian klik import.

7. Import object 3D dengan ekstensi file .dae kedalam Unity.

 Drag kedalam folder Object 3D yang telah kita buat sebelumnya.

8. Drag Object 3D kedalam Image Target kemudian sesuaikan

ukuran objectnya sehingga nampak berada di atas marker.

IV. Buat Script untuk menjalankan button

1. Buat Folder untuk Script dengan cara klik kanan pada Assets =>
Folder => Rename “Script”. Selanjutnya dalam folder Script
kita buat C# Script => Rename “Menu”.

2. Buatlah script seperti berikut untuk menjalankan fungsi-fungsi dari

tiap tombol yang ada.
3. Untuk memasukkan script tersebut kedalam Button, klik Button
yang ada pada canvas kemudian atur pada bagian on Click.

4. Ubah pada bagian no function => Pindah Scene=> LoadToScene()

Lakukan Hal yang untuk semua button pada program anda.

5. Selanjutnya jika semua Menu dan Scene telah dibuat dan
diintegrasikan selanjutnya kita tinggal build dalam bentuk APK.
Dengan Cara klik File => Build Settings => Add Open Scenes
=> Build APK.
 Aplikasi siap dipasang pada Handphone Android.
6. Tampilan Aplikasi yang telah dipasang pada Hp Android -
Menu Utama
- AR Camera
 - Info/Keterangan

Listing Program Aplikasi (linsting Untuk Pidah Scene)

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.SceneManagement;

public class pindahscene : MonoBehaviour

{
public void LoadToscene(string sceneName)
{
SceneManager.LoadScene(sceneName);
}
}

Listing Program Aplikasi (linsting Untuk Keluar Apk)

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class keluar : MonoBehaviour

{
public void Keluar()
{
Application.Quit();
}
}