Anda di halaman 1dari 104

Tim Penyusun

Desain Cover:
Ahmad Wisnu Mulyadi
Konten:
Achmad Purnomo Wijaya
Bayu Prasetyo
Erly Arsitama Febrianti
Feby Yuliantini
Ilyas Syachbana
Novitri Alifia Zettira
Salsabila Zahra Safira
Editor:
Achmad Purnomo Wijaya

i
Daftar Isi
Tim Penyusun ............................................................................................................................... i

Daftar Isi ...................................................................................................................................... ii

BAB 1 Pengenalan Augmented Reality .......................................................................................... 1

Sejarah Augmented Reality................................................................................................................. 1

Pengenalan Augmented Reality .......................................................................................................... 1

Manfaat Augmented Reality ............................................................................................................... 2

Proses Developing AR ......................................................................................................................... 3

BAB 2 3D Modeling Menggunakan Blender ................................................................................... 6

Pengenalan Blender ............................................................................................................................ 6

Fitur dan Kelebihan Blender ............................................................................................................... 7

Modeling 3D Sederhana dengan Blender ........................................................................................... 7

Basic Modeling Membuat Meja .......................................................................................................... 9

Material, Texturing dan Node Editor ................................................................................................ 16

Texturing pada Cycle Render dan Node Editor ................................................................................. 22

Rigging dan Animasi .......................................................................................................................... 28

BAB 3 Vuvoria Augmented Reality Engine ................................................................................... 39

Pengenalan Vuvoria .......................................................................................................................... 39

Langkah Pembuatan Akun Vuforia: .................................................................................................. 39

Pengenalan Image Target ................................................................................................................. 40

BAB 4 Unity ............................................................................................................................... 44

Pengenalan Unity .............................................................................................................................. 44

Scene ................................................................................................................................................. 45

Project Window ................................................................................................................................ 46

Hierarchy ........................................................................................................................................... 47

ii
Inspector ........................................................................................................................................... 48

Game View ........................................................................................................................................ 48

Augmanted Reality dengan Multiple Target ..................................................................................... 52

Menambahkan Konten Augmented Reality...................................................................................... 57

Export dan import object dan texture dari Blender ke Unity 3D:..................................................... 58

Hasil Akhir ......................................................................................................................................... 68

Mengatur Platform ke Android ......................................................................................................... 69

Menambahkan file script pendukung Vuforia CameraFokusControler.cs ........................................ 72

Menambahkan Vuvoria ke Project ................................................................................................... 73

Build Project ke Android ................................................................................................................... 74

BAB 5 Referensi Projek Augmented Reality ................................................................................. 75

Daftar Pustaka ........................................................................................................................... 97

Lampiran ................................................................................................................................... 98

iii
BAB 1
Pengenalan
Augmented Reality
Sejarah Augmented Reality
Sejarah Augmented Reality dimulai dari tahun 1957-1962, ketika seorang penemu yang
bernama Morton Heilig, seorang sinematografer, menciptakan dan mempatenkan sebuah simulator
yang disebut Sensorama dengan visual, getaran dan bau. Pada tahun 1966, Ivan Sutherland
menemukan head-mounted display yang diclaimnya adalah, jendela ke dunia virtual.
Tahun 1975 seorang ilmuwan bernama Myron Krueger menemukan Videoplace yang
memungkinkan pengguna, dapat berinteraksi dengan objek virtual untuk pertama kalinya. Tahun
1989, Jaron Lanier, memeperkenalkan virtual reality dan menciptakan bisnis komersial pertama kali
di dunia maya, Tahun 1992 mengembangkan Augmented Reality untuk melakukan perbaikan pada
pesawat boeing, dan pada tahun yang sama, L.B. Rosenberg mengembangkan salah satu fungsi
sistem AR, yang disebut virtual fixtures, yang digunakan di Angkatan Udara AS Armstrong Labs, dan
menunjukan manfaatnya pada manusia, dan pada tahun 1992 juga, Steven Feiner, Blair Maclntyre
dan dorée Seligmann, memperkenalkan untuk pertama kalinya Major Paper untuk perkembangan
prototype Augmented Reality.
Pada tahun 1999, Hirokazu Kato, mengembangkan ArToolkit di HITLab dan didemonstrasikan
di SIGGRAPH, pada tahun 2000, Bruce. H. Thomas, mengembangkan ARQuake, sebuah Mobile Game
AR yang ditunjukan di International Symposium on Wearable Computers
Pada tahun 2008, Wikitude AR Travel Guide, memperkenalkan Android G1 Telephone yang
berteknologi AR. tahun 2009, Saqoosha memperkenalkan FLARToolkit yang merupakan
perkembangan dari ArToolkit. FLARToolkit memungkinkan kita memasang teknologi AR di sebuah
website, karena output yang dihasilkan FLARToolkit berbentuk Flash. Ditahun yang sama, Wikitude
Drive meluncurkan sistem navigasi berteknologi AR di Platform Android. Tahun 2010, Acrossair
menggunakan teknologi AR pada iPhone 3Gs.

Pengenalan Augmented Reality


Augmented Reality adalah teknologi yang memperbolehkan penggabungan secara real-time
terhadap digital content yang dibuat oleh komputer dengan dunia nyata. Augmented Reality

1
memperbolehkan pengguna melihat objek maya dua dimensi atau tiga dimensi yang diproyeksikan
terhadap dunia nyata.
Teknologi AR ini dapat menyisipkan suatu informasi tertentu ke dalam dunia maya dan
menampilkannya di dunia nyata dengan bantuan perlengkapan seperti webcam, komputer, HP
Android, maupun kacamata khusus. Pengguna didalam dunia nyata tidak dapat melihat objek maya
dengan mata telanjang, untuk mengidentifikasi objek dibutuhkan perantara berupa komputer dan
kamera yang nantinya akan menyisipkan objek maya ke dalam dunia nyata.
Metode yang dikembangkan pada Augmented Reality saat ini terbagi menjadi dua metode,
yaitu Marker Based Tracking dan Markless Augmented Reality.
1. Marker Augmented Reality (Marker Based Tracking)
Marker biasanya merupakan ilustrasi hitam dan putih persegi dengan batas hitam tebal dan
latar belakang putih, marker dapat berupa gambar apapun yang dapat dengan mudah
dikenali atau dideteksi oleh sistem. Komputer akan mengenali posisi dan orientasi marker
dan menciptakan dunia virtual 3D yaitu titik (0,0,0) dan tiga sumbu yaitu X, Y, dan Z.
2. Markerless Augmented Reality
Salah satu metode Augmented Reality yang saat ini sedang berkembang adalah metode
“Markerless Augmented Reality”, dengan metode ini pengguna tidak perlu lagi
menggunakan sebuah marker untuk menampilkan elemen-elemen digital. (Efendi, 2018)

Manfaat Augmented Reality


Adapun manfaat dan penggunaan Augmented Reality (AR) yaitu:
1. Hiburan
Dunia hiburan membutuhkan AR
sebagai penunjang efek-efek yang akan
dihasilkan oleh hiburan tersebut.
Sebagai contoh ketika seorang
wartawan cuaca memperkirakan
ramalan cuaca dia berdiri didepan layar
hijau atau biru, kemudian dengan
teknologi AR, layar hijau atau biru tersebut berubah menjadi gambar animasi tentang cuaca
tersebut, sehingga seolah-olah wartawan tersebut, masuk ke dalam animasi tersebut.

2
2. Engineering Design
Seorang engineering design
membutuhkan AR untuk menampilkan
hasil design mereka secara nyata
terhadap klien akan tahu, tentang
spesifikasi yang lebih detail tentang
desain mereka.

Proses Developing AR
Buku ini akan membahas proses pembuatan atau developing Augmented Reality dengan
menggunakan metode Marker Augmented Reality (Marker Based Tracking). Gambar dibawah ini
menunjukkan tahapan proses dalam developing Augmented Reality dengan menggunakan marker.

Mengubah
projek Unity ke
aplikasi
Pembuatan AR
Android
dan tampilan
menu
Pembuatan
menggunakan
Image Target
Unity

Pembuatan
3D model
menggunakan
Blender

3
Berikut adalah software yang digunakan:
1. Blender
Blender adalah aplikasi grafis 3D yang dirilis sebagai perangkat lunak bebas (open
source) di bawah GNU General Public License. Blender dapat digunakan untuk modeling, UV
unwrapping, texturing, rigging, water simulations, skinning, animating, rendering, particle,
dan simulations, non-linear editing, compositing, dan membuat interactive 3D applications,
termasuk games. Blender dapat didownload pada tautan berikut.

https://www.blender.org/download/

Spesifikasi minimum untuk komputer yang digunakan untuk menjalankan Blender


sebagai berikut:
• Processor Dual Core
• Microsoft® Windows® XP with Service Pack 3, Windows Vista, Windows 7, or Window 8.
• 1GB of RAM.
• Screen display 1024×768 (1280×800 recomender)

2. Unity
Unity 3D adalah sebuah game engine yang berbasis cross-platform. Unity dapat
digunakan untuk membuat sebuah game yang bisa digunakan pada perangkat komputer,
ponsel pintar android, iPhone, PS3, dan bahkan X-BOX. Untuk dapat mengunduh Unity dapat
didownload pada tautan berikut.

https://unity3d.com/get-unity/download/archive

Berbeda dengan Blender yang dapat berjalan pada komputer dengan spesifikasi
tidak terlalu tinggi, Unity membutuhkan komputer/laptop dengan spesifikasi sebagai
berikut:
• Microsoft® Windows® 7/8/10 (32- or 64-bit)
• Minimum 4 GB RAM , 8 GB RAM recomended
• 16 GB of available disk space minimum, 32 GB recommended

4
3. Android SDK
Android SDK adalah software yang digunakan untuk mengubah projek Unity menjadi
format APK agar dapat dijalankan pada smartphone dengan Operating Sistem Android.
Android SDK dapat didownload pada tautan berikut

http://dl-ssl.google.com/android/repository/tools_r25.2.5-windows.zip

4. Java JRE
Java JRE adalah software tambahan yang digunakan untuk menjalankan program
Android SDK, karena Android SDK berjalan pada komputer dengan menggunakan sistem
JAVA. Java JRE dapat didownload pada tautan berikut

http://www.oracle.com/technetwork/java/javase/downloads
/jre8-downloads-2133155.html

5
BAB 2
3D Modeling
Menggunakan Blender
Augmented Reality dapat menampilkan berbagai macam konten seperti video, audio, dan
3D model. Pada bab ini akan membahas proses 3D modeling menggunakan Blender sebagai konten
Augmented Reality.

Pengenalan Blender
Blender adalah aplikasi grafis 3D yang dirilis sebagai perangkat lunak bebas (open source) di
bawah GNU General Public License. Blender dapat digunakan untuk modeling, UV unwrapping,
texturing, rigging, water simulations, skinning, animating, rendering, particle, dan simulations, non-
linear editing, compositing, dan membuat interactive 3D applications, termasuk games. Blender juga
mendukung untuk sejumlah Operating System (OS) Linux, Mac OS X, dan Microsof Windows.
Fitur yang termasuk dalam software Blender ini di antaranya Photorealistic Rendering,
Modelling, Realistic Materials, Rigging, Animation, Sculpting, UV Unwrapping, Compositor,
Simulations, Game Creation, Camera and Object Tracking, Library of Extensions, Flexible Interface,
File Formats
Berikut adalah tampilan awal Blender

6
Fitur dan Kelebihan Blender
Blender memiliki fitur shortcut key atau jalan pintas untuk mempercepat proses 3D
modeling. Seperti ditunjukkan pada gambar dibawah, tangan kiri berada di keyboard untuk menekan
tombol shortcut key dan tangan kanan berada pada mouse untuk menggerakkan kursor. Dengan
menggunakan shortcut key, dapat menngurangi kerja tangan kanan untuk menekan tombol mouse
dan mempercepat pemodelan.

Sebagai contoh, ketika ingin mengganti tampilan kamera menjadi Top View, Front View, Side
View, atau yang lainnya cukup menekan tombol shortcut key yang ada pada keyboard. Berbeda jika
menggunakan mouse, user harus mengarahkan kursor ke View dan mengganti tampilan kamera dan
memilih view yang akan digunakan.
Menggunakan Shortcut Key Tanpa Shortcut Key

Dalam buku ini telah terlampir berbagai macam shortcut key. Beberapa fungsi mudah diingat,
sebagai contoh “R” untuk rotate (memutar objek), “S” untuk scale (untuk mengganti ukuran
objek), dan “G” untuk grab (untuk memindahkan objek).

Modeling 3D Sederhana dengan Blender


Modellling adalah suatu proses pembuatan objek 3D yang berasal dari ide yang akan di
komunikasikan. Seperti tampilan pada sebuah video iklan untuk menyampaikan produknya maka
dibutuhkan sebuah sebuah rekayasa yang langsung bisa dilihat. Tetapi jika belum dapat di
realisasikan atau dibuat lebih nyata maka diperlukan sebuah visualisasi berupa objek 2D ataupun 3D.
Dasar pembuatan atau basic modeling

7
Objek 3D yang dibuat harus memiliki bentuk yang sama dengan refrensi, ide ataupu
permintaan seseorang karena objek 3D berfungsi sebagai bahan ilustrasi produk tersebut, jika tidak
adanya refrensi yang akan kita buat maka anda bisa saja kebingungan, sebelum itu juga pastikan
bahwa anda telah belajar tentang Basic Blender.
Yang paling penting dalam sebuah modeling 3D yaitu Edit Mode, vertex (sudut), edges (garis)
dan face (sisi).
Edge Select
Vertex Select

Face Select
Dibawah ini adalah gambar objek cube pada saat Edit Mode
Vertex Select Edge Select Face Select

Dan berikut adalah tampilan layar pengerjaan pada blender disaat awal membuka blender
Lamp

Camera
Snap Cursor

Cube

Keterangan:
a. Camera: berfungsi sebagai output gambar hasil gambar render ataupun video

8
b. Lamp: mengatur intesitas cahaya untuk penerangan objek yang sangat berpengaruh pada
gelap atau terangnya hasil akhir pekerjaan
c. Snap Cursor: berfungsi sebagai keluarnya atau munculnya objek pada layar pengerjaan
d. Cube: awal dari modeling suatu objek

Basic Modeling Membuat Meja


1. Bukalah aplikasi Blender.
2. Ganti kamera dari posisi User Perspective ke User Ortho menggunakan shortcut Numpad 5.

3. Kemudian ganti view User ke Front dengan shortcut Numpad 1.

4. Tekan S (scale) kemudian Z maka objek akan mengecil pada sumbu Z dan menjadi pipih.

5. Lalu lebarkan objek dengan menekan S kemudian X agar melebar pada sumbu X.

9
6. Ganti ke Bottom Ortho tekan CTRL+NUMPAD 7 lalu pindah ke Edit Mode dengan menekan
shortcut TAB*. *tombol TAB adalah salah satu shortcut key untuk mengganti dari Object
Mode ke Edit Mode.

7. Tekan CTRL+R* maka akan muncul garis berwarna ungu dengan mengarahkan cursor ke
objek. *CTRL+R adalah shortcut key untuk Loop Cut and Slide.

8. Klik, maka garis berubah mejadi warna orange lalu geser ke kanan dan klik kembali untuk
meletakkan.

9. Kemudian tekan CTRL+R kembali dan buat garis hingga seperti gambar dibawah ini.

10. Bagi layar menjadi dua bagian dengan menarik View Port ke kiri. Atur kamera layar ke dua
menjadi Front Ortho.

10
11. Ganti Edges Select menjadi Face Select.

12. Setelah itu pilih 4 sisi pada sudut meja dengan menekan Shift + Klik Kanan dilayar pertama.

13. Lalu tekan E* tarik kebawah untuk membuat kaki meja hingga seperti gambar dibawah ini.
*E adalah salah satu shortcut untuk Extrude

11
14. Tekan CTRL + R letakkan pada 4 kaki meja seperti gambar dibawah ini.

15. Pilih garis yang berhadapan dengan menekan tombol Shift + Klik Kanan.

16. Lalu tekan CTRL + E lalu pilih Bridge Edge Loops.

12
17. Lakukan pada kaki meja lainnya hingga seperti gambar dibawah ini.

18. Arahkan cursor ke garis tengah dan menekan Klik Kanan lalu Join Area area dan pilih layar
mana yang akan dihapus.

19. Beralih ke Object Mode lalu pilih Add Modifier.

20. Pilih Bevel untuk menumpulkan sudut meja lalu select object tekan H untuk
menyembunyikan meja.

13
21. Tambahkan Text dengan menekan Shift + A lalu pilih Text.

22. Rotate text dengan menekan R + X lalu 90 maka object akan bergerak 90 derajat.

23. Beralih ke Edit Mode, kemudian hapus tulisan dan anda dapat menggantinya sesuai
keinginan.

14
24. Beralih ke Object Mode lalu pilih Add Modifier.

25. Kemudian pilih Solidify dan ubah angka menjadi 0.01 untuk menebalkan huruf.

26. Kemudian tekan Alt + H untuk mengembalikan meja dan letakkan tulisan diatas meja.

27. Selesai

15
Material, Texturing dan Node Editor
Setelah mempraktikan membuat objek meja, selanjutnya dapat mempelajari tentang material
dan texturing. Pada dasarnya, semua objek pada blender memiliki warna dasar putih. Dengan
adannya material dan texturing ini dapat membuat objek terlihat lebih nyata dengan adanya
bermacam fitur yang tersedia.
Untuk texturing objek 3D, anda dapat mencari gambar melalui google atau web yang sudah
disediakan khusus berbagai macam persediaan texture. Di dalam texturing, juga harus mempelajari
tentang node editor. Node editor berfungsi untuk merealisasikan texture yang telah dipilih. Semakin
baik campuran dari node editor maka semakin realistis juga texture yang diaplikasikan kepada objek
tersebut.
Pada pengerjaan material dan texturing, ada salah satu bagian bernama UV Image Editor yang
berfungsi untuk merapikan texture/material yang telah diterapkan pada objek. Metode yang dapat
digunakan yaitu UV mapping. UV mapping berguna untuk memberikan texture. Caranya yaitu
dengan menekan huruf U makan menu unwrap akan muncul. Anda dapat menggunakan smart UV
project, maka texture akan otomatis tertata rapi.
Material
Material adalah sebuah karakteristik pada objek 3D. Untuk mengaplikasikan material, anda
dapat mengerjakan dalam tampilan Edit Mode. Jika mengaplikasikan material pada object mode,
anda tidak dapat memberikan warna yang berbeda pada setiap bagian-bagiannya.
Praktik untuk pemberian warna pada objek:
1. Gunakan objek meja, duplicate terlebih dahulu tekan dengan menekan Shift + D lalu klik
kanan dan tarik ke sumbu X atau sumbu lain.

2. Pilih material pada menu sebelah kanan, jika tidak terlihat tarik menu ke sebelah kiri dengan
cara arahkan cursor ke garis sebelah kanan menu lalu tarik.

16
3. Lalu klik tanda (+) pada sebelah kanan lalu klik New.

4. Pindah ke Edit Mode dan pastikan dalam keadaan Faces Select.

5. Pilih Diffuse lalu pilih warna sesuai keinginan (pada buku ini menggunakan material satu
untuk menjelaskan bahwa objek akan memiliki satu warna).

17
6. Setelah memilih warna, objek akan terlihat memiliki warna yang sama pada setiap sisinya.

7. Selanjutnya gunakan objek meja yang kedua dengan menggunakan material dua dan
seterusnya. Lakukan hal yang sama pada meja pertama hingga bentuk menu material seperti
gambar dibawah ini.

8. Setelah tampilan menyerupai gambar nomor 6 pilih tanda (+) dan klik new (pastikan dalam
keadaan Edit Mode dan Face Select).

18
9. Pilih sisi yang akan diberi warna dengan menekan Shift+Klik Kanan lalu klik assign.

10. Jika anda ingin menambahkan warna baru lagi, cukup klik tanda (+) lalu new dan lakukan hal
yang sama kemudian pilih face yang ingin diberi warna lalu klik assign.

11. Anda juda dapat merubah warna dasar material menjadi bentuk texture. Hanya saja texture
tidak terlihat detail. Caranya yaitu, anda harus mencari texture yang diinginkan terlebih
dahulu lalu simpan pada file anda. Kemudian ganti warna coklat material 002 menjadi
texture kayu pilihan anda. Anda dapat mengubah nama menjadi “texture kayu” (optional)
agar mudah diingat.

12. Pilih menu texture lalu klik new dan ubah preview yang mulanya texture menjadi material.

19
13. Setelah itu klik lalu cari gambar texture yang telah anda download.

14. Klik dua kali texture yang telah anda pilih. Lalu anda dapat beralih ke menu material lagi.
Maka akan terlihat texture kayu pada preview.

15. Kemudian bagi layar menjadi tiga.

16. Atur 3D view layar pertama tetap dalam keadaan Solid.

20
17. Ubah layar kedua menjadi Material

18. Ubah layar ketiga menjadi UV Image Editor.

19. Pilih ikon foto dilayar ke tiga dan pilih objek.

20. Pilih sisi yang akan diberi texture tekan huruf U kemudian pilih Smart UV Project.

21. Lalu klik assign pada menu material untuk menerapkan texture pada sisi tersebut.

21
22. Meja dengan material texture kayu telah jadi.

Texturing pada Cycle Render dan Node Editor


Selanjutnya pada texturing cycle render cara yang digunakan tidak beda jauh dengan
pemberian warna pada Blender Render. Penggunaan material 001 tidak digunakan karena pada
texturing kita tetap membutuhkan kerapian pada objek yang akan ditexture. Adapula compositing
dalam cycle render. Pada software belnder juga telah menyediakan layar pengerjaan khusus untuk
texturing dan compositing.
Dalam compositing anda dapat mencampur semuah bahan
texturing dengan node editor. Jika pada bagian blender
render anda langsung mengarah pada UV mapping, namun
disini anda dapat mengatur kedetailan texture sesuai
keinginan. Jika anda tidak menggunakan node editor pada
cycle render maka hasil texturing akan sama saja seperti Blender render.
Untuk cara mudah anda dapat mengganti layar compositing pada bagian information
window pada tampilan blender. Disana tertera tulisan “default” yang dapat anda gani menjadi
“compositing”. Hal ini berfungsi untuk mempercepat texturing selama pengerjaan.
Pada layar compositing akan terbagi menjadi 3 bagian yaitu:
1. Pertama yaitu letak untuk UV Image Editor
2. Kedua untuk Kamera
3. Ketiga layar untuk pengaturan Node Editor

22
Pada awal pemberian texture, dalam layar pengerjaan compositing akan tercantum node
yang digunakan sementara seperti Image Texture, Diffuse, dan Material Output. Kemudian dari tiga
node itu anda dapat memulai mencampur dengan komposisi lainnya seperti Normal Map, yaitu
merupakan node awal yang telah. Lalu ada Bump Map untuk membuat kedetailan pada celah
texture dengan cara mengurangi kecerahan gambar. Terakhir ada Reflection Map untuk
menambahkan texture terang dengan menambah kecerahan pada gambar texture tersebut.
Dari tiga komposisi diatas anda hanya membutuhkan
satu gambar texture. Namun anda juga akan
membutuhkan software lain seperti photoshop, photo
scape, dll yang berfungsi untuk merubah kecerahan
gambar texture yang akan dibuat.
Untuk membuat texturing dasar dengan benar anda
membutuhkan beberapa node seperti Mix Shader,
Glossy dan Bump.

Praktik pembuatan texturing dan compositing pada cycle render :


1. Ganti layar Default menjadi Compositing pada information window.

2. Ganti Blender Render ke Cycle Render pada information window .

3. Ganti Lamp menjadi Hemi dengan cara pilih Lamp lalu cari Data.

23
4. Cari menu material dengan letak yang sama.

5. Gunakan material ke dua lalu beri nama.

6. Pilih ikon berbentuk titik pada bagian color. Lalu pilih image texture.

7. Kemudian pilih open pada bawah color lalu cari file gambar anda.

8. Klik dua kali gambar anda, ganti node type Compositing ke Shader.

24
9. Beralih ke Edit Mode lalu pilih Face Select.

10. Cari gambar yang telah kita pilih pada layar UV Image Editor.

11. Tekan huruf U untuk menu UV Mapping dan pilih Smart UV Project lalu Ok dan Assign.

12. Ganti 3D view menjadi rendered maka texture akan nampak pada objek.

13. Kemudian beralih ke layar Compositing.


14. Tambahkan Mix Shader, kita tekan Shift + A kita pilih Shader lalu Mix Shader

25
15. Letakkan Mix Shader diantara Material Output dan Diffuse BSDF dan pastikkan garis
terhubung secara benar seperti gambar dibawah ini

16. Lalu tambahkan Bump menekan Shift + A lalu pilih Vector dan pilih Bump.

17. Tambahkan Glossy BSDF dengan menekan Shift +A lalu pilih Shader lalu pilih Glossy BSDF.

18. Tambahkan kembali dua Image Texture dengan menekan Shift + A lalu pilih Texture lalu
pilih Image Texture dan Duplicate dengan menekan Shift + D. setelah itu letakkan garis dan
node sesuai gambar dibawah ini.

26
19. Masukkan gambar texture yang sama namun dengan kecerahan warna yang berbeda. Pada
dua node Image Texture yang belum memiliki gambar. Anda edit terlebih dahulu
menggunakan aplikasi pengedit gambar (disarankan photoshop). Lalu anda edit satu gambar
dalam keadaan terang dan satu gambar lagi edit gelap.
20. Setelah anda mengedit texture menjadi dua (gelap dan terang) maka anda bisa masukan
texture pada masing” IMAGE TEXTURE yang telah kita siapkan tadi.

21. Hasil texture pada objek akan terlihat lebih mendetail terlebih pada celah – celahnya.
Seperti gambar dibawah ini.

27
Rigging dan Animasi
Sebuah object 3D juga memerlukan animasi. Tanpa animasi, objek 3D akan terlihat biasa
saja. Dengan animasi, objek akan terlihat lebih hidup dan realistis. Namun hal itu tergantung pada
setiap orang. Ada yang memang membutuhkan animasi pada objeknya dan ada juga yang membuat
hanya untuk modeling atau object yang diam.
Rigging
Rigging adalah pemberian tulang yang di susun pada objek 3D, bertujuan untuk
menggerakan objek dengan tulang tersebut. Pada saat rigging anda harus meletakkan struktur
tulang dengan benar sesuai topologi agar tidak terjadi sebuah kesalahan. Pada rigging poros tulang
harus dibuat celah tersendiri agar saat tulang digerakkan objek tetap berbelok mengikuti tulang, jika
tidak maka objek akan nampak seperti patah atau lengan yang nampak menggelembung.
Bone dalam software blender dibagi menjadi tiga bagian yaitu:
1. Tip: ujung tulang atau bone
2. Bone: bagian tulangnya sendiri
3. Root: pangkal tulang
Dalam editing bone cukup dengan meng-extrude sama saja kita bisa menekan
huruf E untuk shortcut.
Dalam pengerjaan riging anda tetap dalam pada tampilan edit mode.
Pada saat itu anda dapat menyusun tulang-tulang dengan teliti. Untuk mempermudah pengerjaan
bone anda dapat mencentang X – Ray pada menu DATA sebelah kanan. Pastikan pula anda sudah
men-select objek bone terlebih dahulu karena pada tampilan menu properties akan berbeda pada
saat kita menekan objek.
Praktik pemberian bone pada objek:
1. Buka aplikasi blender terlebih dahulu.
2. Hapus object Cube dengan menekan huruf X
3. Tambahkan object UV Sphere lalu pindah ke Edit Mode

28
4. View 3D Solid ganti ke Wireframe dengan menekan huruf Z.

5. Ganti view Perspective ke Ortho lalu Front

6. Tekan huruf A untuk unselect kemudian tekan huruf B untuk box select dan tarik garis untuk
memblock separuh vertex pada object UV Sphere.

7. Jika sudah memilih vertex maka akan muncul seperti dibawah ini.

29
8. Tarik ke kesumbu Z hingga memanjang keatas seperti gambar dibawah ini.

9. Tekan CTRL + R. Jika muncul garis ungu, scroll mouse ke depan hingga berjumlah 12 seperti
gambar dibawah ini. Lalu klik dua kali.

10. Ganti view ke Solid dan ganti ke Face Select. Beri warna sesuai keinginan.
11. Pindah ke Object Mode, pilih smooth pada menu toolbar.

30
12. Tekan Shift + A lalu pilih Armature lalu Single Bones, maka bone akan muncul tetapi tidak
nampak karena berada pada dalam objek.

13. Pada menu properties, pilih Data lalu centang X-Ray.

14. Turunkan sedikit tulang di sumbu Z lalu beralih ke Edit Mode

31
15. Extrude tulang dengan mekan huruf E hingga menyerupai gambar dibawah ini. (beralih ke
edit mode dalam keadaan memilih bone bukan object)

16. Beralih ke Object Mode, lalu Unselect bones, pilh Object terlebih dahulu kemudian tekan
Shift dan tahan lalu pilih Bones. Setelah itu tekan Ctrl + P dan pilih With Automatic Weight

17. Beralih ke Pose Mode, kemudian pilih Bones yang ingin digerakan. Anda dapat
menggerakannya dengan Rotate dan Grab atau menekan huruf R dan G.

32
Animasi
Animasi merupakan sebuah proses untuk membuat gambar yang bergerak dalam ruang
lingkup 3D. Disini kita akan menggunakan frame yang kita aplikasikan pada setiap gerak. Dalam satu
detik tercantum 24 frame outputnya berupa video yang sudah di render. Animasi berguna banyak
dalam kehidupan sekarang. Contohnya seperti iklan yang di visualisasikan ke objek 3D. Lalu kita juga
melihat dunia perfilman yang kini rata – rata mengguakan animasi menggunakan motion tracking
ataupun motion capture. Menganimasikan objek 3D juga harus sesuai dengan storyboard.
Teknik animasi yang umum digunakan ada 4 yaitu:
1. Animasi perpindahan lokasi objek: teknik animasi dasar untuk mengubah posisi objek dari
posisi awal ke posisi akhir, penempatan tersebut diberi sebutan keyframe atau gambar kunci
2. Animasi rotasi: animasi dengan gerakan berputar. Objek akan diputar sesuai kebutuhan
ataupun storyboard
3. Animasi skala: animasi perubahan ukuran digunakan untuk mempertegas objek dan
memberikan efek dinamis pada objek
4. Animasi kamera: teknik ini juga disebut dengan walktrough kamera yaitu kamera bergerak
melalui ruang detail objek yang dapat di kombinasikan dengan animasi objek. Hal ini
menambahkan kesan dinamis pada animasi tetapi jika penempatan kamera yang kurang
tepat dapat menyebabkan semakin buruk view dalam pengambilan gerak animasi
Praktik animasi
1. Anda dapat menggunakan objek yang sebelumnya telah diberi bones.

33
2. Ganti Screen Layout default menjadi Animation.

3. Pastikan dalam keadaan Pose Mode.

4. Ganti kamera ke Camera Perspective

5. Tekan tombol N lalu cari Lock Camera To View dengan Scroll Mouse ke Bawah lalu centang.
Kamera akan menjadi warna Orange dan arahkan Kamera dengan benar seperti gambar
dibawah ini.

34
6. Hilangkan Centang pada tulisan Lokc Camera to View. Lalu tekan N kembali.
7. Beralih ke layar Dopesheet Summary, arahkan cursor ke layar Dopesheet dan tekan Middle
Mouse tarik ke kiri hingga menemukan start awal untuk memulai animasi (angka 0).

8. Scroll Mouse ke depan hingga angka berubah menjadi angka puluhan.

9. Pilih bones lalu tekan tombol I, pilih Locortsclae, Maka otomatis akan muncul Frame pada
layar Dopesheet.

35
10. Setelah muncul Frame pada Dopesheet anda dapat menggaanti Timeline Frame ke angka
10.

11. Gerakkan Bone yang telah dipilih dengan menekan huruf R lalu gerakkan ke kiri kemudian
Klik hingga seperti gambar dibawah ini.

36
12. Tekan huruf I kembali dan pilih Locrotscale maka akan muncul Frame diangka 10. Untuk
memastikan berhasil atau tidak, penganimasian dapat pindah Timeline Frame ke angka 1
pilih tombol Play dibawah seperti gambar dibawah ini.

13. Lalu gerakan bones lain. Pilih Bone yang akan digerakkan lalu tekan I dan pilih Locrotscale.
Maka akan muncul Frame.

14. Pindah Timeline Frame ke angka 20. Gerakan Bone dengan menekan R lalu ke kiri dan tekan
I. Pilih Locrotsclae. Kemudian klik tombol Play untuk melihat hasilnya. Sebelumnya
pindahkan Timeline Frame ke awal.

37
15. Untuk bones lainnya anda dapat mencoba dengan cara yang sama atau dapat anda variasi
sendiri.
16. Setelah kita menggerakan semua bones, anda dapat menggantI Keyframe dibawah bagian
Timeline sesuai kebutuhan. Misalnya frame berakhir diangka 50.

38
BAB 3
Vuvoria
Augmented Reality Engine
Pengenalan Vuvoria
Vuforia adalah Augmented Reality Software Development Kit (SDK) untuk perangkat mobile
yang memungkinkan pembuatan aplikasi AR. SDK Vuforia juga tersedia untuk digabungkan dengan
unity yaitu bernama Vuforia AR Extension for Unity. Vuforia merupakan SDK yang disediakan oleh
Qualcomm untuk membantu para developer membuat aplikasi-aplikasi Augmented Reality (AR) di
mobile phones (iOS, Android). AR Vuforia memberikan cara berinteraksi yang memanfaatkan
kamera mobile phones untuk digunakan sebagai perangkat masukan, sebagai mata elektronik yang
mengenali penanda tertentu, sehingga di layar bisa ditampilkan perpaduan antara dunia nyata dan
dunia yang digambar oleh aplikasi.

Langkah Pembuatan Akun Vuforia:


a) Daftar
1. Buka halaman https://developer.vuforia.com/vui/user/register
2. Isi form pendaftaran
*Catatan:
• Username : Tanpa spasi
• Pasword : Minimal 8 karakter (terdiri dari huruf besar, kecil dan angka)

3. Cek email dari Vuforia dan buka alamat yang tecantum di dalam email tersebut untuk
melakukan verifikasi.

39
b) Masuk
1. Buka halaman https://developer.vuforia.com/vui/user/login
2. Login menggunakan akun yang sebelumnya dibuat.

Pengenalan Image Target


Image target (Target gambar) mewakili gambar yang dapat dideteksi oleh vuforia SDK. Image
target tidak memerlukan wilayah atau kode hitam putih untuk dikenali. SDK mendeteksi fitur yang
secara alami ditemukan dalam gambar itu sendiri dengan membandingkan fitur alami ini dengan
database sumber daya target yang diketahui. Setelah Image target terdeteksi, SDK akan melacak
gambar selama setidaknya sebagian dalam bidang pandang kamera.
Membuat database dan image target untuk aplikasi:
1. Buka halaman
https://developer.vuforia.com/targetmanager/project/checkDeviceProjectsCreated?dataRe
questedForUserId=
2. Pilih tombol Add Database

3. Pada baris input Name, isikan nama daabase yang akan dikembangkan *tidak boleh ada
spasi. Boleh ada angka, huruf, underscores(_) dan dashes (-)
4. Pada baris input Type,beri centang Device

40
5. Pilih tombol Create.

6. Otomatis kembai ke halaman Target Manager


7. Klik pada nama database yang baru saja dibuat.
8. Untuk menambahkan image target, pilih Add Target

9. Isikan baris type Single Image


10. Tekan Browse pada baris file untuk memilih gambar marker yang akan digunakan
11. Isikan width : 2
12. Pada baris Name, isikan nama target marker yang akan ditambahkan.
13. Tekan tombol Add

41
8

10

11

12

14. Didalam target manager kita dapat melihat daftar image target yang terdapat dalam
database, rating pada image target mengindikasikan tingkat keterbacaan target oleh
pengguna. Makin banyak rating yang dihasilkan makin baik untuk digunakan sebagai image
target minimal rating yang dihasilkan memiliki 3 bintang.
15. Setelah selesai menambahkan target, pilih "Download Database (All)" untuk menyiman dan
menggunakan database yang kita buat pada aplikasi

42
16. Pada baris input "Select a development platform", pilih "Unity Editor" lalu tekan "Download"

17. Simpan file UnityPackage tersebut.

43
BAB 4
Unity
Pengenalan Unity
Unity 3D adalah sebuah game engine yang berbasis cross-platform. Unity dapat digunakan
untuk membuat sebuah game yang bisa digunakan pada perangkat komputer, ponsel pintar android,
iPhone, PS3, dan bahkan X-BOX.
Unity adalah sebuah tool yang terintegrasi untuk membuat game, arsitektur bangunan
dan simulasi. Unity bisa untuk game PC dan games online. Untuk games online diperlukan sebuah
plungin, yaitu Unity Web Player, sama halnya dengan Flash Player pada Browser.
Fitur scripting yang disediakan, mendukung 3 bahasa pemrograman, JavaSript, C#, dan Boo.
Flexible dan EasyMoving, roating, dan scaling objects hanya perlu berbasis kode. Begitu juga dengan
Duplicating, removing, dan changing properties. Visual Properties Variables yang di definisikan
dengan script ditampilkan pada Editor. Bisa digeser, di drag dan drop, bisa memilih warna dengan
color picker. Berbasis .NET. Artinya perjalanan program dilakukan dengan Open Source .NET
platform, Mono setup project.

Scene Hierarchy Inspector

Game
Project
Pada halaman tersebut terdapat window utama yang terdiri dari window Scene, Project,
Hierarchy, Inspector, Game dan Toolbar.
Secara umum, berikut adalah penjelasan dari masing-masing window:
• Scene: Window yang digunakan untuk membangun game kita. Di dalamnya kita bisa
melihat dan mengatur object di dalam sebuah scene.

44
• Project: Window yang berisikan seluruh aset yang digunakan untuk membuat proyek
game yang terdiri dari file, script, texture, 3D model, audio clip, dan lain-lain.
• Hierarchy: Window yang berisi game object atau kumpulan game object yang kita
gunakan di dalam scene. Urutan game object dapat dipindah posisinya dan grubkan
menjadi parent and child.
• Inspector: Window yang menampilka konteks atau keterangan dari object atau aset yang
sedang kita pilih. Window ini bisa menampilkan informasi property atau component dari
sebuah game object ataupun asset.
• Game: Window ini digunakan untuk melihat tampilan ketika permainan di jalankan. Di
bagian atas, terdapat tombol play, pause, dan set frame by frame yang akan ditampilkan
pada window Game.
• Toolbar: Toolbar berisikan tombol yang membantu kita mengatur berbagai komponen di
dalam permainan.
Scene
Windows scene digunakan untuk melihat secara visual game yang akan kita kembangkan.
Dengan transform tool yang digunakan untuk memodifikasi Game Object.

1
5

2 3 4
Dinamakan trasform tools karena komponen Game Object yang akan kita modifikasi adalah
komponen transform yang di dalamnya terdapat informasi posisi, rotasi, dan skala/ukuran. Berikut
adalah fungsi untuk masing-masing transform tools:
1. Hand tools: Digunakan untuk menggerakan posisi sudut pandang di dalam scene.
2. Position transform tools: Digunakan untuk mengubah komponen posisi sebuah Game
Object terhadap sumbu x, y, dan z. Terdapat handle yang bisa membantu kita untuk
mengubah posisi terhadap satu sumbu saja misalnya sumbu merah bisa kita drag untuk
menggerakan terhadap sumbu x saja atau kita bisa drag icon kotak di antara tiga panah
(merah, hijau, dan biru) untuk menggerakan object terhadap komponen x, y, dan z.

45
a. Rotation Transform Tools: Digunakan untuk mengubah komponen rotasi pada sebuah
Game Object terhadap sumbu x, y, dan z.

b. Scale Transform Tools: Digunakan untuk mengubah komponen scale/ukuran dari sebuah
Game Object terhadap sumbu x, y, dan z.

c. Rectangle Transform Tools: Digunakan untuk mengubah komponen dari sudut pandang 2D.
Biasanya tools ini akan sangat membantu jika ingin memodifikasi komponen UI dalam
game.

Selanjutnya, kita akan mengenali tools yang terdapat di dalam toolbars window scene.
• Shaded: digunakan untuk mengganti mode tampilan objek-objek di dalam game scene.
• 2D: digunakan untuk mengubah perspektif dari 3D menjadi 2D dan sebaliknya.
• Scene Lighting: mengatur tampilan pencahayaan pada scene.
• Audio: Mematikan atau menyalakan audio di dalam scene.
• Efek: Menampilkan atau menghilangkan efek dari Skybox, Flares, Fog, dan lain-lain di dalam
scene.
• Gizmos: Digunakan untuk memilih objek-objek yang ditampilkan didalam scene.
• Search Bar: Digunakan untuk mencari sebuah game object di dalam scene.

Project Window
Project window digunakan untuk mengorganisir aset yang kita gunakan. Struktur file yang
kita buat di dalam project window akan disimpan dalam struktur yang sama juga di dalam harddisk
kita. Di dalam project window, kita bisa memasukan aset yang akan kita gunakan.
Ada dua cara untuk membuat aset baru pada project window. Pertama, klik tombol create di
bagian atas project window. Kedua, klik kanan lalu pilih tulisan “Create”.

46
Hierarchy
Hierarchy berisikan seluruh game object yang ada di dalam game scene. Hiearchy berisikan
aset yang kita gunakan di dalam scene. Kita bisa memasukan aset dari project window ke hierarchy
dengan cara drag and drop. Jika game objek dihapus dari game scene, maka di dalam hierarchy juga
akan hilang.

Di dalam hierarchy ada konsep parent dan child. Saat anda membuat grub objek, objek
paling atas disebut “Parent object”, dan semua objek yang dikelompokkan di bawahnya disebut
“Child object”.

47
Inspector
Window inspector adalah tempat untuk mengubah nilai
dari properti dan setting. Window inspector bisa berbeda tampilan
dan fungsinya untuk tiap komponen yang berbeda. Inspector bisa
menampilkan informasi dari player setting, asset, game objek,
scene, prefab, dan lain lain. Jika kita sedang melihat sebuah game
objek, maka yang ditampilkan oleh inspector adalah komponen
yang ada didalamnya. Setiap game objek pasti memiliki header dan
komponen dan transform.

Game View

Window game view merupakan halaman untuk menampilkan current state dari game
ketika dijalankan. Ada tiga opsi yang bisa kita gunakan ketika ingin masuk ke game view yaitu, play,
pause, dan play frame by frame.
Berikut tools pada toolbar yang dapat digunakan untuk mengubah tampilan game di layar:
• Display Dropdown Menu: Digunakan untuk memilih kamera yang ada di scene yang akan
menampilkan game object di layar.
• Dropdown Free Aspect: Digunakan untuk mengubah resolusi dan rasio dari layar game.
Menu untuk testing game pada tampilan layar yang berbeda.
• Scale: Digunakan untuk zoom in dan zoom out
• Maximize on Play: Digunakan untuk menampilkan window game view secara full screen saat
diplay.
• Mute Audio: Digunakan untuk mematikan audio yang ada di dalam game.
• Status: Digunakan untuk menampilkan status dari game.
• Gizmos: Digunakan untuk memilih dan menampilkan game object tertentu di dalam scene.

48
Pembuatan Main Menu
Langkah langkah pembuatan main menu sebagai berikut:
1. Membuat dasar untuk main menu:
a. Pada jendela “Hierarchy” klik Create > UI > Canvas

b. Ubah mode skala UI “Canvas” dengan ukuran layar

c. Klik Create > UI > Panel. Atur UI “Panel” agar menjadi “Child” dari UI “Canvas”

2. Memberi warna pada panel untuk dijadikan background:


a. Pada jendela Inspector klik Color pada “Image (Script)”

b. Ubah nama “Panel” menjadi “Background”

49
c.
3. Membuat judul main menu:
a. Klik Create > UI > Text. Atur UI “Text” agar menjadi “child” dari UI “Canvas”

Ubah nama “Text” menjadi “Judul”

b. Memberi nama “Text” dengan “Main Menu”

4. Membuat tombol pada main menu:


a. Klik Create > UI > Button. Atur UI “Button” agar menjadi “Child” dari UI “Canvas”

*Dapat menambahkan tombol sesuai kebutuhan,


contoh: play button, credit button, dll.

50
5. Tampilan hasil Main Menu

6. Menambahkan script untuk play button agar dapat berpindah scene:


a. Pada jendela “Inspector” klik “Add Component” dan tambahkan script
LoadSceneOnClick.cs

b. Drag script tersebut ke dalam “On Click”


c. Lalu klik “No Function” > LoadSceneOnClick > LoadByIndex

d. Sesuaikan dengan index scene yang akan dibuild

51
Augmanted Reality dengan Multiple Target
Untuk membuat Augmantedd Reality dengan Multiple Target kita dapat menambahkan
Image Target ke dalam database aplikasi yang akan dibuat. Berikut langkah-langkah untuk
membuat Augmanted Reality dengan Multiple Target.
1. Menambahkan Database Image Target
Download database image target dari vuforia yang derisi llebih dari satu Image Target
• Klik pada database yang telah dibuat sebelumnya. Misal : “Sample”
• Untuk menambahkan image target, pilih “Add Target”

• Isikan baris type: “Single Image”


• Tekan "Browse" pada baris file untuk memilih gamabr marker yang akan digunakan
• Isikan width : 2
• Pada baris "Name", isikan nama target marker yang akan ditambahkan.
• Tekan tombol “Add”

52
 Didalam target manager kita dapat melihat daftar image target yang terdapat dalam
database, rating pada image target mengindikasikan tingkat keterbacaan target oleh
pengguna. Makin banyak rating yang dihasilkan makin baik untuk digunakan sebagai
image target minimal rating yang dihasilkan memiliki 3 bintang.
• Setelah selesai menambahkan target, pilih "Download Database (All)" untuk menyiman
dan menggunakan database yang dibuat pada aplikasi

• Pada baris input “Select a development platform”, pilih “Unity Editor” lalu tekan
“Download”

• Simpan file Unity Packagetersebut


1. Menambahkan Image Target ke dalam scene
a) Klik dua kali pada file database dengan ekstensi .unitypackage yang telah kita download dari
Target Manager.
b) Pada jendela “Import Unity Package”, pilih “Import”.
c) Pada jendela “Hierarchy”, pilih “Create > Vuforia > Image”. Lalu klik object tersebut.
d) Pada jendela “Inspector”, component “Image Target Behaviour”:
• Atur “Database” menjadi : Sample
• Atur “Image Target” menjadi : Spongebob

53
e) Pada “Menu bar”, pilih: Window > Vuforia Configuration
f) Pada jendela “Inspector”, perhatikan menu “Datasets”.
g) Beri centang pada:
• Load Sample Database
• Activate

2. Menambahkan Model 3D pada Image Target


a) Pada jendela “Hierarchy”, pilih: Create > 3D Objects > cube

b) Atur object “Cube” agar menjadi “child” dari object “Image Target”

54
c) Pada komponen transform milik object “Image Target”:
• Pilih ikon setting lalu Reset.
• Beri nilai “Position” sumbu X = 2

d) Pada component Transform milik object “Cube” :


• Pilih ikon setting lalu Reset.
• Beri nilai “Position” sumbu Y = 0,5

3. Build project ke Android


a) Simpan scene, pada “Menu bar”, pilih: File > Save Scene As

55
b) Pada jendela “Save Scene” :
• Buat folder baru dengan nama “Scenes”
• Klik dua kali pada folder tersebut untuk masuk
• Pada input “File Name” isikan “Marker-2”
c) Pada “Menu bar”, pilih : File > Build Settings

d) Pada jendela “Build Setting” :


• Pilih “Add Open Scene” untuk menambahkan scene yang aktif kedalam daftar scene
yang akan ikut di build ke Android.
• Hilangkan centang pada scene “Marker-1”

• Pilih “Build”.
• Pada jendela “Build Android”, buat folder baru dan beri nama “Builds”. Klik dua kali
untuk masuk ke dalam.
• Pada input “File Name” isikan “Sample 1” lalu tekan “Save”.

56
Menambahkan Konten Augmented Reality
1. Menambahkan Model 3D pada Image Target:
a. Pada jendela “Hierarchy”, pilih: Create > 3D Objects > Cube

b. Atur object “Cube” agar menjadi “child” dari object “Image Target”

c. Pada component Transform milik object “Image Target”:


• Pilih ikon setting lalu Reset
• Beri nilai “Position” sumbu X=2

d. Pada component Transform milik object “Cube”:


• Pilih ikon setting lalu Reset
• Beri nilai “Position” sumbu Y=0.5

57
Export dan import object dan texture dari Blender ke Unity 3D:
Objek yang telah di export berupa format fbx dan di import ke Unity, akan kehilangan texture
yang telah ditata sebelumnya. Anda dapat mengaturnya kembali pada Unity dengan kedetailan yang
sama seperti pada pengaturan compositing blender. Berikut ini adalah langkah-langkah export dan
import, yaitu:
1. Pilih FILE lalu klik EXPORT dan pilih FBX.

2. Kemudian simpan dan beri nama EXPORT.

3. Buka aplikasi Unity lalu klik kanan pada layar PROJECT dan pilih IMPORT NEW ASSET.

4. Cari file FBX lalu klik IMPORT.

58
5. Drag object ke layar SCENE.

6. Buka aplikasi blender dan beralih ke EDIT MODE.

7. Tekan A untuk select all lalu tekan U, klik SMART UV PROJECT.

59
8. Kemudian klik OK

9. Bagi layar menjadi dua.

10. Ganti salah satu layar menjadi UV IMAGE EDITOR.

60
11. klik NEW IMAGE.

12. Kemudian klik OK.

13. Pada TAB RENDER terdapat BAKE.

61
14. Pilih bake type dari combined ke DIFFUSE.

15. Lalu klik BAKE.

16. Tunggu proses baking.

62
17. Setelah bake selesai, hasil akan tampak seperti gambar di bawah ini

18. Pilih IMAGE kemudian klik SAVE AS IMAGE.

19. Ganti nama menjadi JAKET DIFFUSE (agar mudah diingat) kemudian klik SAVE.

63
20. Bake kembali dengan type NORMAL kemudian bake.

21. Kemudian hasil akan tampak seperti gambar di bawah ini.

22. Simpan gambar seperti cara sebelumnya kemudian ganti nama menjadi JAKET NORMAL
(agar mudah diingat).

64
23. Buka kembali aplikasi Unity, lalu KLIK KANAN pada layar project. Pilih CREATE kemudian klik
folder dan beri nama “texture” (agar mudah diingat).

24. Buka folder “texture” kemudian klik kanan dan IMPORT NEW ASSET.

65
25. Cari texture yang sudah di bake, kilk IMPORT.

26. Buka folder “material”.

27. Pilih MATERIAL.

66
28. Pada table INSPECTOR ubah shader dari standard menjadi BUMPED DIFFUSE.

29. Pada base RGB, klik SELECT dan masukkan texture yang bernama “jaket diffuse”.

30. Kemudian di bagian NORMAL MAP, klik SELECT lalu pilih texture yang bernama “jaket
normal”.

67
31. Klik FIX NOW.

Hasil Akhir
Pada meteri kali ini kita akan membuat Augmanted Reality. Beberapa kebutuhan yang
perlu disiapkan:
File
1. License Manager
a. Buka halaman Vuvoria https://developer.vuforia.com
b. Log In menggunakan akun yang telah dibuat
c. Pilih tombol “Get Development Key”

d. Pada baris input “App Name”, isikan nama aplikasi yang akan dikembangkan.

e. Beri tanda centang pada checkbox “By checking this box….”


f. Pilih tombol “Confirm”

g. Otomatis akan kembali ke halaman License Manager, klik pada nama aplikasi yang
telah dibuat

68
h. Pada tab “License Key”, copy license yang tertera

i. Simpan License tersebut pada notepad atau semacamnya


2. Database dan Image Target
Download Database yang telah dibuat melalui vuvoria

Mengatur Platform ke Android


1. Pada “Menu bar”, pilih : File > Build settings...

2. Pada kolom “Platform” pilih Android


3. Klik tombol “Switch Platform”

69
4. Klik tombol “Player Settings...”
5. Perhatikan jendela “Inspector”. Pada jendela “Inspector”, isikan inputan seperti berikut:
a. Company Name : CobaCompany

b. Product Name: Sample


c. Resolution and Presentation
• Default Orientation: Landscape Left

d. Other Settings
• Package Name : com.CobaCompany.Sample
• Device Filter : ARMv7
• Write Permission : External (SDCard)
• Android TV Compability: Unchecked
e. XR Settings

70
• Vuvoria Augmented Reality Supported: Checked

6. Pada jendela “Game”


a. Atur resolusi ke: “WXGA” Landscape”
b. Atur nilai “Scale” ke rendah

7. Pada “Menu Bar”, pilih: Edit > Preferences

8. Pada jendela “Unity Preferences”, pilih “External Tools”


9. Pada “External Tools”, isikan baris input Android SDK dan JDK sesuai dengan letak folder
masing-masing.
Android. SDK Contoh: C:/Programmer Files/Android SDK/sdk. Berikut langkah - langkah untuk
install Andoid SDK di Unity3d
a. Download Android SDK Tools
https://developer.android.com/studio/#downloads
b. Ekstrak file Android SDK Tools
c. Salin semua komponen ke dalam folder Android SDK
d. Install Android SDK
• Buka folder Android SDK Tools
• Buka Android.bat
e. Install komponen yang dibutuhkan

71
f. JDK. Contoh: C:/Program Files/Java/jdk1.8.0_151

Menambahkan file script pendukung Vuforia CameraFokusControler.cs


Untu mengaktifkan fitur auto-fokus kamera.

Tambahkan file script tersebut ke dalam project Unity (folder Assets)

72
Menambahkan Vuvoria ke Project
1. Pada “Menu Bar”, pilih GameObject > Vuforia > AR Camera

2. Pada jendela “Import Vuforia Assets”, pilih “Import”

3. Pada jendela “Hierarchy”


• Hapus object “Main Camera”
• Pada object AR Camera, pilih “Add Component” dan tambahkan script
“CameraFocusController”

73
Build Project ke Android
1. Simpan scene pada “Menu Bar”, pilih : File > Build Settings
2. Pada jendela “Build Setting”:
• Pilih “Add Open Scene” untuk menambahkan scene yang aktif kedalam daftar scene yang
akan ikut di build ke Android.
• Hilangkan centang kecuali pada scene “Marker-2” dan “Mainmenu”.

• Pilih “Build”.
• Pada jendela “Build Android”, buat folder baru dan beri nama “Builds”. Klik dua kali untuk
masuk kedalam.
• Pada input “File Name” isikan “Sample” lalu tekan “Save”.

74
BAB 5
Referensi
Projek Augmented Reality
The Real World of Immersive Augmented Reality
No Provinsi Nama Sekolah Nama Guru dan Siswa
1 DKI Jakarta SMA Negeri 36 Jakarta Make it real by Chanamon Team
Email: Nama Guru:
sma36jkt@gmail.com 1. Pesta Liana Silalahi, M.Pd
Nama Siswa:
1. Melini Pazyanita
2. Monica Aprillita
3. Fernanda Christabella
Link Project:
https://goo.gl/r7oqmr
2 Jawa Barat SMK Karya Nasional Solid Geometry by eFreeThinx Team
Sindangwangi Nama Guru:
Email: 1. Dede Iyan Supardi, S.T.
tkjkarnas@gmail.com Nama Siswa:
1. Irvan Firmansyah
2. Linda Anisa
3. Muhamad Galih Rakasiwi
Link Project:
https://goo.gl/uvodLs
3 SMK Wikrama Bogor Snake Ladder by SMK Wikrama Bogor
Email: Team
prohumasi@smkwikrama.net Nama Guru:
1. Muhammad Akhyar Fauzi
Nama Siswa:
1. Muhammad Daffa van Raalten
2. Gunadi Yudawiria
3. Alwan Nauval
Link Project:
https://goo.gl/FZUcCH
4 SMA Negeri 1 Bandung Serunai: The Bad Influence by
Email: SleepyOwl Team
info@sman1bdg.sch.id Nama Guru:
1. Sari Narulita
Nama Siswa:
1. Anakin Tristan W. P.
2. Annisa Nur F.

75
No Provinsi Nama Sekolah Nama Guru dan Siswa
3. M. Daru Darmakusuma
Link Project:
https://goo.gl/DdnCcu
5 SMA Negeri 4 Sukabumi The Adventure of Galaxy by ERNAFE
Email: Team
sman4kosi@gmail.com Nama Guru:
1. Dwi Pratiwi
Nama Siswa:
1. Ergina Kamilia Putri
2. Nabila Tsanafatinah
3. Femi Sriyana Lestari
Link Project:
https://goo.gl/wYJwj9
6 Jawa SMK Negeri 7 Semarang History of LawangSewu by SMK Negeri
Tengah Email: 7 Semarang Team
smkn7semarang@yahoo.co.i Nama Guru:
d 1. Komariyanto
Nama Siswa:
1. Refnaldy Ivanka Dura
2. Didan Javanka Fitranda
3. Reza Kamal Ramadani
Link Project:
https://goo.gl/12dzb8
7 SMK Tujuh Lima 1 Power Plants by SMK Tujuh Lima Team
Purwokerto Nama Guru:
Email: 1. Yudi Ismanto
smk75_pwt@yahoo.com Nama Siswa:
1. Januwar By Khaqi
2. Nurifan
3. Dwiki Nur Avendika
Link Project:
https://goo.gl/dd2JXY
8 MAN 2 Kudus SE AR (Animal Education based on
Email: Augmented Reality) by Swallow Team
manduakudus@yahoo.com Nama Guru:
1. M. Miftakhul Falah, M. Pd, M. Si
Nama Siswa:
1. Amik Rafly Azmi Ulya
2. Muhammad Abdul Majid
3. Umar Sa`id Gunawarman
Link Project:
https://goo.gl/tEimf3

76
No Provinsi Nama Sekolah Nama Guru dan Siswa
9 MAN 2 Kudus Chamebat by The Lucky Nut Team
Email: Nama Guru:
manduakudus@yahoo.com 1. M. Miftakhul Falah, M. Pd, M. Si
Nama Siswa:
1. Avinda Mumtaz Ziauddin
Ahmad
2. Adlan Nufahaidar
3. Muhammad Reynaldo Ali
Sya'bana
Link Project:
https://goo.gl/FYa4yv
10 MAN 2 Kudus Hydrocarbon by The ODDO Team
Email: Nama Guru:
manduakudus@yahoo.com 1. M. Miftakhul Falah, M. Pd, M. Si
Nama Siswa:
1. Iqbal Abdul Ra'uf
2. Muhammad Khomsun Fajrullah
3. Syauqi Muhammad Alaudin Rafi
Link Project:
https://goo.gl/YKbVoD
11 SMP Negeri 1 Kuningan SOLAR SYSTEM STRUCTURE by ONE
Email: Team
surat.smpn1kuningan@gmail Nama Guru:
.com 1. Andri Maulana Awaludin
Nama Siswa:
1. Muhamad Nur Yasin Amadudin
2. Mokhamad Rizki Khaeruni'mat
3. Faiz Bisma Veanesta Azhar
Link Project:
https://goo.gl/oJQ8TX
12 SMP Negeri 3 Purwokerto Indonesia in AR by spenthree Team
Email: Nama Guru:
smpn3pwt@yahoo.co.id 1. FX.Yuliasmanto
Nama Siswa:
1. Alkhawarizmi Alianda
2. Nyimas Ananda Putri
3. Clara Agnesya
Link Project:
https://goo.gl/XyWNoa
13 Jawa Timur SMK Negeri 1 Jetis CAR's SYSTEM by AMANAH Team
Mojokerto Nama Guru:
Email: 1. Iswahyudi
smkn1jetis@gmail.com Nama Siswa:
1. Nandito Hamim Saputra
2. Muhammad Fikri Allamsah
3. Yudhistira Yoga Pratama

77
No Provinsi Nama Sekolah Nama Guru dan Siswa
Link Project:
https://goo.gl/uytmvd
14 SMK Negeri 1 Jetis SHARK LIFE by FATHONAH Team
Mojokerto Nama Guru:
Email: 1. Iswahyudi
smkn1jetis@gmail.com Nama Siswa:
1. Ismail Marzuki
2. M. Syaiful Hudib
3. Hizkia Wahyu Sumende
Link Project:
https://goo.gl/whQDzP
15 SMK Negeri 2 Malang Fat and Junk Food by JSB (Jasa Boga)
Email: Team
smkn2malang@yahoo.com Nama Guru:
1. Retno Yunandari, S.Pd
Nama Siswa:
1. Ilyas Syachbana
2. Salsabila Zahra Safira
3. Popy Qurniawati
Link Project:
https://goo.gl/pWUgaj
16 SMK Negeri 2 Malang Dinopedia by DOOM Team
Email: Nama Guru:
smkn2malang@yahoo.com 1. Wilda Satya Perdana
Nama Siswa:
1. Bayu Prasetyo
2. Adzima Dwi Akhsan
3. Tetron Jaguar Dasamuka
Link Project:
https://goo.gl/6HbByh
17 SMK Negeri 3 Jombang Network Topology by SKANEGA Team
Email: Nama Guru:
smkn3jmb@yahoo.com 1. Amiroh, M. Kom
Nama Siswa:
1. Ahmad Fanani
2. Aprilia Anggraini Ali
3. Eka Setiawan
Link Project:
https://goo.gl/WfYPHj
18 SMK Perikanan Dan Kelautan Biogas and Milk Production by TGRBK
Puger Jember 3 Team
Email: Nama Guru:
smk_perikananpuger@yahoo 1. Mamat Hadi Wijanarko
.com Nama Siswa:
1. Zahwa Ali Ramadhani
2. Dinda Zulfitri Arifin

78
No Provinsi Nama Sekolah Nama Guru dan Siswa
3. Vickry Apriliand Putra Agbi
Link Project:
https://goo.gl/kgqnQn
19 SMK Perikanan Dan Kelautan FLATS at Home by TGRBK 02 Team
Puger Jember Nama Guru:
Email: 1. Lilik Mutiatul Khoiro
smk_perikananpuger@yahoo Nama Siswa:
.com 1. Budi Prihantoro
2. Nur Afifatul Khoiroh
3. Dimas Fatahillah
Link Project:
https://goo.gl/EQ616L
20 SMK Perikanan Dan Kelautan UNDERSEA TRAIN by TGRBK 01 Team
Puger Jember Nama Guru:
Email: 1. Lilik Mutiatul Khoiro
smk_perikananpuger@yahoo Nama Siswa:
.com 1. Rengga Rachdharmageda
2. Neilani Fanisa Putri A
3. Restu Singgih
Link Project:
https://goo.gl/TQZpU5
21 SMK Perikanan Dan Kelautan Using Alternatives Energy in Fish
Puger Jember Farming by TGRBK 04 Team
Email: Nama Guru:
smk_perikananpuger@yahoo 1. Mamat Hadi Wijanarko
.com Nama Siswa:
1. Erwin Febrianto
2. Chelsilia Agustina Kristanti
3. Agus Susanto
Link Project:
https://goo.gl/uBFtht
22 SMA Negeri 1 Singosari The Power of Photosynthesis by New
Email: Babies Team
sman1singosari@gmail.com Nama Guru:
1. Wiwik Widati, S.Pd
Nama Siswa:
1. Rhahmad Syafrianto
2. Syauqiy Syifa
3. Novitri Alifia Zettira
Link Project:
https://goo.gl/TdZVzB

79
No Provinsi Nama Sekolah Nama Guru dan Siswa
23 SMA Negeri 1 Singosari Eggplants Growth by Flashlight Team
Email: Nama Guru:
sman1singosari@gmail.com 1. Wiwik Widati, S.Pd
Nama Siswa:
1. Erly Arsitama Febrianti
2. M. Faizul 'Adzim
3. Feby Yuliantini
Link Project:
https://goo.gl/tFtwvp
24 SMA Negeri 1 Singosari The Origin Story of Surabaya's Name
Email: by Tulus Team
sman1singosari@gmail.com Nama Guru:
1. Eko Budhi Kurniawati, S.Pd
Nama Siswa:
1. Lingga Vidya Mandala Putra
Nasir
2. Hanifah Dwi Arini
3. Mita Puspita Sari
Link Project:
https://goo.gl/ui9UvB
25 SMA Negeri 1 Singosari Education to Life Clean and Healthy by
Email: Happiness Delight Team
sman1singosari@gmail.com Nama Guru:
1. Eko Budhi Kurniawati, S.Pd
Nama Siswa:
1. Ratna Zahara
2. Kamilah Rahmawati
3. M. Iksan Huda Syahputra
Link Project:
https://goo.gl/Yuv44M
26 SMA Negeri 21 Surabaya Fishery by Slekoors Team
Email: Nama Guru:
sman21_sby@yahoo.co.id 1. Rusdiana
Nama Siswa:
1. Adinda Putri Herafa
2. Aliya Indri Rohanindya
3. Salsabilla Muntarilla Jolie
Link Project:
https://goo.gl/DiYb8m
27 SMA Negeri 21 Surabaya SolarSystemEducation by
Email: VarokahTeam
sman21_sby@yahoo.co.id Nama Guru:
1. Mrs. Rusdiana Halim
Nama Siswa:
1. Lutvi Abdullah
2. Rizky Eka Saputra

80
No Provinsi Nama Sekolah Nama Guru dan Siswa
3. Satrio Suryo Utomo
Link Project:
https://goo.gl/xJ3Doj
28 SMAN Negeri 1 Singosari Healthy Canteen by Dessert Team
Email: Nama Guru:
sman1singosari@gmail.com 1. Wiwik Widati, S.Pd
Nama Siswa:
1. Suci Imroatin Rosida
2. Rahayuningtyas
3. Ruben Ero Arief Wijaya
Link Project:
https://goo.gl/6uvAaj
29 SMP Negeri 5 Malang BigBang(SpaceAR) by CubeSky
Email: Company Team
surat@smpn5-mlg.sch.id Nama Guru:
1. Ida Wahyuni
Nama Siswa:
1. Muhammad Rijal Nurjaman
2. Razzaqi Hatmawira Rabbani
Raharto
3. Janina Canakya Janissary
Link Project:
https://goo.gl/nw7Ndu
30 Kepulauan SMK Negeri 1 Batam RealNet AR by 4happy Team
Riau Email: Nama Guru:
mail@smkn1batam.sch.id 1. Yarliansyah Agustian
Nama Siswa:
1. Abdurrafi Naufal S
2. Ervin Ahmad Nur Hidayanto
3. Muh Ilham W
Link Project:
https://goo.gl/wbNyH7
31 Sulawesi SMK Negeri 1 Pangkep Space In The Galaxy by Creative Youth
Selatan Email: Team
smkn1_bungoro@yahoo.co Nama Guru:
m 1. Fajriani, S.Pd
Nama Siswa:
1. Rian Indrawahyu Saputra
2. Ahmad Fauzan
3. Ismail Atema
Link Project:
https://goo.gl/hk9yaj

81
No Provinsi Nama Sekolah Nama Guru dan Siswa
32 SMA YP PGRI 3 Makassar LAPAR by Koga Team
Email: Nama Guru:
smayppgri3mks@gmail.com 1. Muhammad Zia-ulHaq, S.Pd.,
M.Pd.
Nama Siswa:
1. Ahmad Zulfikar Azis
2. Fariz Muhammad Isnan
3. Abdul Halim Perdana
Link Project:
https://goo.gl/6nM4V8
33 Sumatra MAN 1 Model Bukittinggi landmARk ASEAN by Alviano's Team
Barat Email: Nama Guru:
manmodelbkt@yahoo.co.id 1. Sayfrezal, M.Pd.
Nama Siswa:
1. M. Dava Azriel Alviano
2. M. Davi Azriel Alviano
3. Aqil Nuari Ovisa
Link Project:
https://goo.gl/6tuNwr
34 SMA Negeri 1 Bukittinggi Prehistoric by The Writers crack Team
Email: Nama Guru:
Smansa_landbouw@yahoo.c 1. Eliza Sutriani
o.id Nama Siswa:
1. Muhammad Arif
2. Muhammad Aufil Ahdi
3. Muhammad Ravi
Link Project:
https://goo.gl/vNCs4F
35 SMA Negeri 1 Bukittinggi AR Bacteria by Biology Team
Email: Nama Guru:
Smansa_landbouw@yahoo.c 1. Eliza Sutriani
o.id Nama Siswa:
1. Muhammad Ilham
2. Muhammad Luthfi
3. Muhammad Firdaus Sati
Link Project:
https://goo.gl/k8CHJM

82
SEA Creative Camp
Multimedia: Augmented Reality STEM Project
No Provinsi Nama Sekolah Nama Guru dan Siswa
1 DI Yogyakarta MAN 4 Bantul AR RAINING by BRILLIANT Team
Email: Nama Guru:
man4bantuldiy@gmail.com 1. Herin Ratnaningsih, M.Pd.BI
Nama Siswa:
1. Muhammad Afriandi
2. Muhammad Daffa Viratama
3. Andhika Seladihyan
Dewangga
Link Project:
https://goo.gl/AaUfSX
2 DKI Jakarta SMK Negeri 6 Jakarta FoRest in Peace by ReBorn Team
Email: Nama Guru:
prodmmansmk6@gmail.co 1. Yunita Andriani
m Nama Siswa:
1. Muhammad Zarkasi
2. Neve Rasyha
3. Najwa O'Nell
Link Project:
https://goo.gl/U2EkhS
3 SMK Negeri 6 Jakarta We Sea Our Future by Anglerfish
Email: Team
prodmmansmk6@gmail.co Nama Guru:
m 1. Yunita Andriani
Nama Siswa:
1. Fiki Abdul Rachman
2. Jonathan Theodorus
3. Shella Puspita Ananda
Link Project:
https://goo.gl/AKD3ai
4 SMK Negeri 7 Jakarta History of Aircraft by Nighthawk
Email: Team
smkn7j@yahoo.com Nama Guru:
1. Bambang Wisnu Murti
Nama Siswa:
1. Aisyah Aprilia
2. Farrel Giri Prasetyo
3. Rizqi Mahardika Alie
Link Project:
https://goo.gl/uGq8QZ

83
No Provinsi Nama Sekolah Nama Guru dan Siswa
5 Jawa Barat SMK Negeri 1 Ciomas Impact of Porn by Subarashii Team
Email: Nama Guru:
smkn1_ciomas@yahoo.co.i 1. Januar Ashari
d Nama Siswa:
1. Arif Anugerah Perkasa
2. Agung Febriansyah
3. David Michael
Link Project:
https://goo.gl/2zwaAK
6 SMK Negeri 1 Ciomas How Smartphone Affects Your
Email: Brain and Body by ANNATA Team
smkn1_ciomas@yahoo.co.i Nama Guru:
d 1. Ajid, S.Ds.
Nama Siswa:
1. Dwita Amalia Khoirani
2. Muhammad Fathan
Fadhlurrahman
3. Nahda Adelia
Link Project:
https://goo.gl/UcSvaX
7 SMK Negeri 1 Ciomas Traffic Jam not Healthy by
Email: Creathink Team
smkn1_ciomas@yahoo.co.i Nam a Guru:
d 1. Wanda Kurniawan
Nama Siswa:
1. Fakhri Muzaki Ramadhan
2. Wendys Dwi Aprilian
3. Adni Rahmawati
Link Project:
https://goo.gl/SrvP9t
8 SMK Negeri 3 Dangers of Smoking by Arfare
Kota Tangerang Selatan Team
Email: Nama Guru:
info@smkn3tangsel.sch.id 1. Didi Sukandi, S.T.
Nama Siswa:
1. Arfan Syaefulloh
2. Achmad Faseh A
3. Muhammad Reza
Link Project:
https://goo.gl/vNA1gK
9 SMK Pariwisata Metland 3S AR by SANS Team
Email: Nama Guru:
metland.smk@gmail.com 1. Roni Gufroni Rido
Nama Siswa:
1. Didi Armadi
2. Annisa Fauzi Safe'I

84
No Provinsi Nama Sekolah Nama Guru dan Siswa
3. Erwin Nugroho
Link Project:
https://goo.gl/86KHj6
10 SMK Pariwisata Metland AR Your Healt Guide by Asam
Email: Manis Team
metland.smk@gmail.com Nama Guru:
1. Riswadi, S.Kom.
Nama Siswa:
1. Alif Firman Ramdhani
2. Guntur Sa'adillah Hasan
3. Annisa Puspita
Link Project:
https://goo.gl/hK7ZAd
11 SMK Wikrama Bogor Sorting Waste by Wikrama Team
Email: Nama Guru:
prohumasi@smkwikrama.s 1. Muhammad Akhyar Fauzi
Nama Siswa:
ch.id
1. Alwan Nauval
2. Gunadi Yudawiria
3. M Daffa Van Raalten
Link Project:
https://goo.gl/wmsL7Z
12 SMA Negeri 3 Bandung ARV (Assisted Architectural
Email: Visualization) by Endeavors Team
humas@sman3bdg.sch.id Nama Guru:
1. Elis Djubaedah
Nama Siswa:
1. Ananda Farhan Raihandra
2. Dwikavindra Haryo Radithya
3. Kayla Faisal
Link Project:
https://goo.gl/rUVtxC
13 SMA Negeri 3 Bandung plane AR by Adinwaz Team
Email: Nama Guru:
humas@sman3bdg.sch.id 1. Dra Elis Djubaedah
Nama Siswa:
1. Achmad Dinnand Widyanto
2. Fawaz Amajida
3. Muhammad Garebaldhie
Link Project:
https://goo.gl/hy1S5S
14 SMA Plus PGRI Cibinong INDONESIAN ENDEMIK PLANTS by
Email: RPL PESAT Team
achmadmr@gmail.com Nama Guru:
1. Ahmad Muhammad
Nama Siswa:

85
No Provinsi Nama Sekolah Nama Guru dan Siswa
1. Hafizh Zaldy Alviansyah
2. Alyaa Mardhiyyah
3. Muhammad Johansyah
Link Project:
https://goo.gl/kQFbgB
15 SMAK BPK PENABUR Polution by Singgasana AR TEAM
Singgasana Team
Email: Nama Guru:
humas@smaksipbpk.penab 1. Bobby Hendra
ur.sch.id Nama Siswa:
1. Johanes Jason
2. Jo Darren
3. Nicholas Putra Aditya
Prayudi
Link Project:
https://goo.gl/VxAbAC
16 Jawa Tengah SMK Negeri 1 Bawang SiTaKe by Horay Team
Email: Nama Guru:
Office@smkn1bawang.sch.i 1. Muhammad Lulu Latif
d Usman
Nama Siswa:
1. Sahid Anwar
2. Didik Maulana Ardiansyah
3. Zidni Ridwan Nullmuarif
Link Project:
https://goo.gl/brjKtc
17 SMK Negeri 7 Semarang Biopore To Prevent Flooding by
Email: Scanner Team
smkn7semarang@yahoo.co Nama Guru:
.id 1. Joestiharto, S.Pd., M.T.
Nama Siswa:
1. Muhammad Alifian Aqshol
2. Hamid Machfudin Sukardi
3. Muhammad Bagus Satria
Link Project:
https://goo.gl/ThNWvi
18 SMK Negeri 7 Semarang Sunny Day Flood by Falcon Team
Email: Nama Guru:
smkn7semarang@yahoo.co 1. Joestiharto, S.Pd., M.T.
.id Nama Siswa:
1. Ezra Lazuardy Wijaya
2. Muhammad Arya Wicaksana
3. Salahudin Al Ayubi
Link Project:
https://goo.gl/5SgXa9

86
No Provinsi Nama Sekolah Nama Guru dan Siswa
19 SMK Telkom Purwokerto STEM AR by The Winner Team
Email: Nama Guru:
smktel.pwt@gmail.com 1. Iis Yuliani
Nama Siswa:
1. Djaka Pradana Jaya
Priambudi
2. Yovito Audie Krishnanda
3. Asto Arianto Miwanda
Link Project:
https://goo.gl/xbVNgE
20 SMA Regina Pacis Surakarta City Problems and Ways To Solve
Email: Them by IMC Team
smareginapacissolo@gmail. Nama Guru:
com 1. Usep Dwi Santoso
Nama Siswa:
1. Christian Darma Setiawan
2. Inigo Hersanta Sutandyo
3. Monica Nathania Handoko
Link Project:
https://goo.gl/nfftU6
21 MAN 2 Kudus Good Lifestyle for Good People by
Email: Sembarang Team
manduakudus@yahoo.com Nama Guru:
1. Muhammad Miftakhul Falah,
M.Pd., M.Si.
Nama Siswa:
1. Abyan Jiddan
2. Dimas Qoyum Maulana
3. Iqbal Abdul Rauf
Link Project:
https://goo.gl/QJrLtu
22 SMP Islam Al Azhar 14 The Use of Infiltration Well to
Semarang Prevent Flood by SPALZA TEAM
Email: Nama Guru:
smpi.alazhar14smg@gmail. 1. Hayat Pramika B
com Nama Siswa:
1. Rangga A.N
2. M. Daffa A.A
3. Alvaro F.M
Link Project:
https://goo.gl/Y1JakK
23 SMP Negeri 1 Kuningan H2O Generator by For Life
Email: Nama Guru:
surat.smpn1kuningan@gm 1. Andri Maulana A
ail.com Nama Siswa:
1. Muhammad Rifki Firmansah

87
No Provinsi Nama Sekolah Nama Guru dan Siswa
2. Arif Hidayat
3. Muhammad Dzakir Junda At-
Thariq
Link Project:
https://goo.gl/2zaHsZ
24 SMP Negeri 1 Kuningan Flood Detection Technology by
Email: Team Seven
surat.smpn1kuningan@gm Nama Guru:
ail.com 1. Andri Maulana
Nama Siswa:
1. Daffa Nagia Dhinaufal
2. Irgya Genta Arnezzi
3. Rizky Fadil Muharom
Link Project:
https://goo.gl/MyN1zc
25 SMP Negeri 1 Kuningan Force by SF3
Email: Nama Guru:
surat.smpn1kuningan@gm 1. Andri Maulana A
ail.com Nama Siswa:
1. Alyaa Luthfiyyah
2. Rasyifa Salma Anggita
3. Nisrina Athaya Fauziyah
Link Project:
https://goo.gl/3X9bAS
26 Jawa Timur SMK Negeri 2 Buduran Earthquake AR by Tick-Clock Team
Email: Nama Guru:
smkn2buduran.dev@gmail. 1. Isa Hamdan, S.Kom.
com Nama Siswa:
1. Danil Hendra Suryawan
2. Aldo Reghan Ramadhan
3. Bagaskara Antaris
Link Project:
https://goo.gl/21c4jy
27 SMK Negeri 2 Malang Tree of Life by 20 minutes Team
Email: Nama Guru:
smkn2malang@yahoo.com 1. Wilda Satya Perdana, S.Si
Nama Siswa:
1. Ilyas Syachbana
2. Salsabila Zahra Safira
3. Popy Qurniawati
Link Project:
https://goo.gl/CfH7Ub

88
No Provinsi Nama Sekolah Nama Guru dan Siswa
28 SMK Negeri 3 Jombang Metamorfosis by ABA Team
Email: Nama Guru:
smkn3jmb@yahoo.com 1. Amiroh Adnan, M.Kom.
Nama Siswa:
1. Avrilian Briliansyah
2. Bintang Attariq Rahman
3. Muhammad Khoirul Asfian
Link Project:
https://goo.gl/x4xnnR
29 SMK Negeri 3 Jombang Geography by FDD Team
Email: Nama Guru:
smkn3jmb@yahoo.com 1. Amiroh Adnan, M.Kom.
Nama Siswa:
1. Rizki Fitra Rahman
2. Diaz Samsun Alif
3. Davidtra Adi Zadha
Link Project:
https://goo.gl/9fvfYd
30 SMK Negeri 3 Jombang Theory of Big Bang by G Team
Email: Nama Guru:
smkn3jmb@yahoo.com 1. Amiroh Adnan, M.Kom.
Nama Siswa:
1. Syavia Salsabila Azzahra
2. Riska Intan Praudianti
3. Aris Budianto
Link Project:
https://goo.gl/G9z48B
31 SMK Perikanan dan Spray Tower & Eco Green In
Kelautan Puger Jember Industrial World by TGRBK Team
Email: Nama Guru:
smk_perikananpuger@yah 1. Lilik Mutiatul Khoiroh
Nama Siswa:
oo.com
1. Rengga Rachdharmageda
2. Neilani Fanisa Putri Arifina
3. Nur Afifatul Khoiroh
Link Project:
https://goo.gl/KFt7h9
32 SMA Negeri 21 Surabaya Chiemie Easy by RARE TEAM
Email: Nama Guru:
sman21_sby@yahoo.co.id 1. Rusdiana Halim. S.Pd
Nama Siswa:
1. Rare Aqil Aflahudin Jenar
2. Rare Aqil Aflahudin Jenar
3. Rare Aqil Aflahudin Jenar
Link Project:
https://goo.gl/NQWMsx

89
No Provinsi Nama Sekolah Nama Guru dan Siswa
33 SMA Negeri 21 Surabaya Biotechnology by hwehe Team
Email: Nama Guru:
sman21_sby@yahoo.co.id 1. Satrio Suryo Utomo
Nama Siswa:
1. Nadiyah Amaliyah
2. Diva Ayu Ambarwati
3. Amarain Syahwa Zamalia
Link Project:
https://goo.gl/RzWNXf
34 SMA Negeri 3 Malang Arjuna Sosrobahu by Grand_Order
Email: Team
humas@sman3- Nama Guru:
malang.sch.id 1. Luthfi Agung Sulistyo
Nama Siswa:
1. Gavin Bagus Kenzie
2. Helmi Fachry Adamy
3. Rahmadani Lucky Adiatma
Link Project:
https://goo.gl/ikvV81
35 SMA Negeri 3 Malang Solar System AR by BOMBASTIC
Email: Team
humas@sman3- Nama Guru:
malang.sch.id 1. Luthfi Agung Sulistyo
Nama Siswa:
1. Safir Aksel Wandowo
2. Nabil Alwan
3. Adam Putra Pratama Zainuri
Link Project:
https://goo.gl/bGxibC
36 SMA Negeri 3 Malang Global Warming Augmented
Email: Reality by Dream Team
humas@sman3- Nama Guru:
malang.sch.id 1. Luthfi Agung Sulistyo
Nama Siswa:
1. Aulia Cisatra
2. Benaya Yedija
3. Muhammad Ilham Danny
Link Project:
https://goo.gl/fXfG6H
37 SMP Negeri 5 Malang What is Your Choice? by RedVelvet
Email: Nama Guru:
surat@smpn5-mlg.sch.id 1. Muhammad Rijal Nurjaman
Nama Siswa:
1. Novia Dina Romadhona
2. Fachrizal Putra Rahmansyah
3. Laily Sabrina Hapsari

90
No Provinsi Nama Sekolah Nama Guru dan Siswa
Link Project:
https://goo.gl/YkALUa
38 SMP Negeri 5 Malang DYING EARTH by TOP Puzzle
Email: Nama Guru:
surat@smpn5-mlg.sch.id 1. Janina Canankya J
Nama Siswa:
1. Yuma Rakha S.S
2. Salmania Khansa N.D
3. Muhandika Dharma N
Link Project:
https://goo.gl/CQykff
39 SMP Negeri 5 Malang BEAUTIFUL LIFE WITHOUT SMOKE
Email: by Sleeping Excalibur
surat@smpn5-mlg.sch.id Nama Guru:
1. Muhammad Rijal Nurjaman
Nama Siswa:
1. Ananta Htrik Firmansyah
2. Rizwan Abdillah Putra
Jatmiko
3. Surendra Jalu Permana
Link Project:
https://goo.gl/ntnyqU
40 SMP Negeri 5 Malang Shining Path by Zero Route
Email: Nama Guru:
surat@smpn5-mlg.sch.id 1. Razzaqi Hatmawira Rabbani
Raharto
Nama Siswa:
1. Muhammad Sulthan
2. Rachel Putria Herena
3. Hafshah Nurfadila May Zabe
Minn
Link Project:
https://goo.gl/oDPa9q
41 SMP Negeri 5 Malang Rubbish Ban by Excysoria
Email: Nama Guru:
surat@smpn5-mlg.sch.id 1. Mrs.Ida Wahyuni
Nama Siswa:
1. Angga Ekaputra Roswanto
2. Dalida Rachel Sandroto
3. Jihan Izra Aqiilah Maharani
Link Project:
https://goo.gl/UJ9R6u

91
No Provinsi Nama Sekolah Nama Guru dan Siswa
42 SMP Negeri 5 Malang DirtyWater by Flows
Email: Nama Guru:
surat@smpn5-mlg.sch.id 1. Ida Wahyuni
Nama Siswa:
1. Kadek Rolavito Andrianto
Putra
2. Indika Raditya Utomo
3. Clarieta Dwi Nugroho
Link Project:
https://goo.gl/m5iv1g
43 Kalimantan SMK Kristen Immanuel Weds Furniture by WEDS Immanuel
Barat Pontianak Team
Email: Nama Guru:
smk@ski.sch.id 1. Brian Sebastian Salim
Nama Siswa:
1. Davin Brian
2. William
3. Neldy Wijaya
Link Project:
https://goo.gl/RssMxg
44 SMK Negeri 5 Pontianak Solar System by Ineffable Team
Email: Nama Guru:
smkn5@dindikptk.net 1. Khairuman
Nama Siswa:
1. Muhammad Zaki Irfan
2. Stefania
3. Karin Avienka
Link Project:
https://goo.gl/2bU4Hy
45 SMK Negeri 5 Pontianak Culmination by SERENDIPITY Team
Email: Nama Guru:
smkn5@dindikptk.net 1. Khairuman
Nama Siswa:
1. Vikri Andy Varela
2. Claresta Valery
3. Rian Saputra
Link Project:
https://goo.gl/3LyskN
46 Kalimantan SMK TI Airlangga Animal on Borneo Forest by
Timur Samarinda BORNEO WARRIOR Team
Email: Nama Guru:
admin@smkti.net 1. Thami Rusdi Agus
Nama Siswa:
1. Muhammad Fery Perdana
2. Muhamad Nur Zidan
3. Rizal Putra Aditya

92
No Provinsi Nama Sekolah Nama Guru dan Siswa
Link Project:
https://goo.gl/6dVj8R
47 Kepulauan Riau SMK Negeri 1 Batam AR PLANET by SKS Team
Email: Nama Guru:
mail@smkn1batam.sch.id 1. Yarliansyah Agustian
Nama Siswa:
1. Arif Muttaqin Rusadi
2. Bagus Ramadhan
3. Muhammad Khalil Alfarizi
Link Project:
https://goo.gl/tEX57n
48 Sumatra Barat SMA Negeri 1 Bukittinggi The Eyes AR+ by Structure life Team
Email: Nama Guru:
smansa_landbouw@yahoo. 1. Muhammad Ilham
com Nama Siswa:
1. Muhammad Aufil Ahdi
2. Muhammad Shorim Ar
Giffari
3. Harris Kemal Maulana
Link Project:
https://goo.gl/3NptKs

93
SEA Creative Camp
Multimedia: Augmented Reality School Project
No Provinsi Nama Sekolah Nama Guru dan Siswa
1 Bangka SMK Negeri 1 Sungailiat Augmented Reality Education
Belitung Email: Nama Guru:
info@smkn1sungailiat.sch.id 1. Ria Dymyati, S.Kom.
2. Ricardo Siahaan, S.Kom.
3. Asnah, S.E.
4. Randa Fabiola, S.Pd.
5. Ifon Afriani, S.Pd.
Nama Siswa:
1. Andri
2. Alvin
3. Ridian
4. Andreas
5. Fifi
6. Rafa
7. Andreas
8. Stevanie
Link Project:
https://goo.gl/EFJMfN
2 Jawa Barat SMK Negeri 4 Garut SE AR Educational Game
Email: Nama Guru:
smkn4garut@yahoo.co.id 1. Ahmad Timbul Sholeh, S.T.
Nama Siswa:
1. Syahril Fikri Aulia
2. Adnan Suryana Putra
3. Alaudin Mahmud
4. Rizky Andriana Suhendar
5. Usman Muhamad Hidayat
Link Project:
https://goo.gl/gAhyQu
3 Jawa Timur SMK Negeri 1 Jetis Profile School AR
Email: Nama Guru:
smkn1jetis@gmail.com 1. Iswahyudi, S.ST.
Nama Siswa:
1. Nandito Hamim Saputra
2. M Fikri Allamsah

94
No Provinsi Nama Sekolah Nama Guru dan Siswa
3. Syaiful Hudib
Link Project:
https://goo.gl/P3cRbG
4 SMK Negeri 2 Buduran Creative AR of Smenda
Email: Nama Guru:
smkn2buduran.dev@gmail.com 1. Isa Hamdan, S.Kom.
Nama Siswa:
1. Raviy Bayu S
2. Faletehan Etacho
3. Firmansyah Firdaus A
4. Indra Arsy Kaloka
5. Septian Zulfikar F
6. M Riski Ferdian
7. Andika Rayka C P S
8. Wanda Berlian M
9. Fajar Romadhon P
10. M Edy Irvine
11. Akbar Umar A
12. Abyan Fawwaz
Link Project:
https://goo.gl/TMSFrz
5 Kalimantan SMK Kristen Immanuel AURIV
Barat Pontianak Nama Guru:
Email: 1. Brian Sebastian Salim
Nama Siswa:
smk@ski.sch.id
1. Febrianto
2. Alicia
3. Linda Septira Andryani
4. Ryan Terry Goewyn
5. Andre Kristianto
6. Edwin Fernandez
7. Findianto
8. Suvendi Halim
9. Brain Andrie
10. Dicky Gabrielle Vrieddhy
Pangestu
11. Luis Nicolas Jauw
12. Ellfan
13. Helipin
14. Tandio Frendy

95
No Provinsi Nama Sekolah Nama Guru dan Siswa
15. Samitro
16. Naomi Ryohan
17. Teddy
18. Williams Stanley
Link Project:
https://goo.gl/VqUmsd
6 Yogyakarta SMK Budi Mulia Dua AR Poster
Yogyakarta Nama Guru:
Email: 1. Asih Hidayatun, S.Ag.
Nama Siswa:
vhs@budimuliadua.com
1. Muhammad Najih
Makarim
2. Iqbal Wisnu Maulana
3. Muhammad Daffa
Bagaskara
4. Rafif Jauhari Ramaditya
Link Project:
https://goo.gl/PGKJHW
7 Jawa Tengah SMP Islam Al Azhar 14 Al Azhar 14 Semarang School
Semarang Project
Email: Nama Guru:
smpi.alazhar14smg@gmail.com 1. Hayat Pramika Bhakti,
S.Pd.
Nama Siswa:
1. Aditya Nursasongko
2. Muhammad Daffa
Aradhana Adriansyah
3. Rangga Arya Nugraha
4. Alvaro Fadhil Muhammad
5. Yani Mulyani
Link Project:
https://goo.gl/itpzGa

96
Daftar Pustaka
Cahya Kusuma Ratih, I. P. (2017). Bahan Ajar Simulasi dan Komunikasi Digital. Jakarta: Direktorat
Pembinaan SMK.
Efendi, I. (2018, June 30). IT-Jurnal.com. Retrieved from IT-Jurnal.com: https://www.it-
jurnal.com/pengertian-augmented-realityar/
Riadi, M. (2017, August 6). Augmented Reality (AR). Retrieved from KajianPustaka.com:
https://www.kajianpustaka.com/2017/08/augmented-reality-ar.html
Sam, H. (2017, December 21). “Augmented Reality ( AR )” Pengertian & ( Fungsi – Tujuan – Manfaat
– Penggunaan ). Retrieved from dosenpendidikan.com:
http://www.dosenpendidikan.com/augmented-reality-ar-pengertian-fungsi-tujuan-manfaat-
penggunaan/

97
Lampiran

98
99
100

Anda mungkin juga menyukai