praktikum augmented reality - gunadarma...
TRANSCRIPT
![Page 1: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/1.jpg)
Praktikum Augmented Reality
MULAI
![Page 2: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/2.jpg)
Silabus Praktikum Pengenalan Augmented Reality
Pembuatan Objek Tiga Dimensi
Pembuatan Image Traker
Penggunaan Image Traker
Pembuatan Button
Presentasi Hasil Praktikum
![Page 3: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/3.jpg)
Pertemuan 1
Pengenalan
Augmented Reality
![Page 4: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/4.jpg)
Tujuan Praktikum
• Mengenal Augmented Reality
• Mengenal Perangkat Keras yang dibutuhkan
![Page 5: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/5.jpg)
Kebutuhan Perangkat
Perangkat Keras :
• Komputer
• Koneksi Internet
Perangkat Lunak :
• Browser
![Page 6: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/6.jpg)
Pendahuluan
Ronald T. Azuma (1997) mendefinisikan augmented reality sebagai penggabungan benda-benda nyata dan maya di lingkungan nyata, berjalan secara interaktif dalam waktu nyata, dan terdapat integrasi antarbenda dalam tiga dimensi, yaitu benda maya terintegrasi dalam dunia nyata.
![Page 7: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/7.jpg)
Pendahuluan
Penggabungan benda nyata dan maya dimungkinkan dengan teknologi tampilan yang sesuai, interaktivitas dimungkinkan melalui perangkat-perangkat input tertentu, dan integrasi yang baik memerlukan penjejakan yang efektif.
![Page 8: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/8.jpg)
Pendahuluan
Selain menambahkan benda maya dalam lingkungan nyata, realitas tertambah juga berpotensi menghilangkan benda-benda yang sudah ada.
Menambah sebuah lapisan gambar maya dimungkinkan untuk menghilangkan atau menyembunyikan lingkungan nyata dari pandangan pengguna.
![Page 9: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/9.jpg)
Perangkat Keras
• processor
• display
• sensors
• input devices
![Page 10: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/10.jpg)
Perangkat Keras
Display :
• head-mounted displays
• handheld displays
• spatial displays
![Page 11: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/11.jpg)
Perangkat Keras
Tracking :
• digital cameras
• accelerometers
• GPS
• gyroscopes
• solid state compasses
• RFID
• wireless sensors
![Page 12: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/12.jpg)
Perangkat Keras
Input devices :
• pinch glove
• smartphone
![Page 13: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/13.jpg)
Tugas
1. Pelajari dan analisa tentang QualComm Augmented Reality
2. Pelajari dan analisa tentang Unity3D
![Page 14: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/14.jpg)
Pertemuan 2
Pembuatan Objek Tiga Dimensi
![Page 15: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/15.jpg)
Tujuan Praktikum
• Mengenal cara pembuatan objek, yang digunakan dalam Augmented Reality
![Page 16: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/16.jpg)
Kebutuhan Perangkat
Perangkat Keras :
• Komputer
Perangkat Lunak :
• 3D Max
![Page 17: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/17.jpg)
Pendahuluan
Dalam pembuatan Logo Universitas Gunadarma, dibutuhkan beberapa objek untuk membentuk logo tersebut secara keseluruhan.
Kita akan membagi bagian – bagian objek tersebut agar lebih mudah dalam pembuatannya. Pembuatan objek ini menggunakan software 3Ds MAX
![Page 18: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/18.jpg)
Aktifitas Lab
1. Membuat Objek Api
• Langkah pertama yang dilakukan untuk membuat api seperti pada logo
• Buat sebuah Plane yang
terdapat pada Geometry dengan ukuran length 280 dan width 500. Agar dapat lebih mudah melihat dalam proses
tracing, maka ubah viewport
menjadi Left.
![Page 19: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/19.jpg)
Aktifitas Lab
• Kemudian beri material pada
plane dengan bitmap gambar dari bentuk api logo
• Selanjutnya ikuti lekuk api yang terdapat pada plane, jauhkan sedikit plane dari pusat koordinat ke arah belakang, maka akan terlihat
grid pada viewport.
![Page 20: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/20.jpg)
Aktifitas Lab
• Dengan menggunakan Line, ikuti lekuk api tersebut. Jika Line sudah sampai titik akhir, lakukan Extrude dengan Amount 8.0
• Lakukan hal yang sama pada dua bentuk api bagian dalam.
• Perbedaannya, kedua objek tersebut harus memiliki Amount lebih tebal sekitar 15. Jika sudah terbentuk, maka letakkan objek tersebut sesuai dengan logo
![Page 21: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/21.jpg)
Aktifitas Lab
• Aktifkan objek api terlebih dahulu, kemudian pilih
Boolean pada Compound Objects. Dengan menggunakan operation
Subtraction (A-B), dan
menekan tombol Pick Operand B, lalu mengaktifkan objek kedua. Kemudian lakukan hal yang sama pada objek ketiga.
![Page 22: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/22.jpg)
Aktifitas Lab
2. Membuat Objek Cawan
• Dalam pembuatan sebuah
cawan gunakan Line dengan
mengaktifkan Smooth pada
Creation Method, agar dapat membuat lekukan yang halus
![Page 23: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/23.jpg)
Aktifitas Lab
• Kemudian mengaktifkan
modus Spline, dengan
menekan tombol Outline, lalu men-drag garis cawan, sehingga tampil tebal.
![Page 24: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/24.jpg)
Aktifitas Lab
• Buat cawan menjadi 3 dimensi, kemudian ubah objek
dengan Lathe. Untuk membentuk cawan pada
Modifier Lathe, aktifkan
Axis. Kemudian drag panah sumbu X kearah kanan sampai cawan terbentuk.
![Page 25: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/25.jpg)
Aktifitas Lab
3. Membentuk Objek Bingkai Logo
• Pembuatan objek ini menggunakan NGon dengan side sebanyak 10, agar setiap sisi memiliki kelengkungan yang cembung.
• Objek NGon selanjutnya di Convert menjadi Editable Spline. Dengan menggunakan modus Vertex, drag vertex yang diinginkan sampai terbentuk cembung
![Page 26: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/26.jpg)
Aktifitas Lab
• Jika segilima sudah terbentuk agak cembung, maka lakukan Clone sebanyak 3 buah. Kemudian pilih salah satu segilima tersebut dan pisahkan. Kemudian aktifkan modus Spline, dengan menekan tombol Outline, lalu drag garis segilima hingga tampak tebal, sesuai yang diinginkan. Lalu Extrude segilima tadi dengan amount 15.0
![Page 27: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/27.jpg)
Aktifitas Lab
• Kemudian dengan langkah yang sama lakukan pada segilima yang kedua. Tetapi
scale segilima tersebut menjadi lebih kecil.
• Sedangkan segilima ketiga, dengan menggunakan
Extrude ubah amount menjadi 3.0
![Page 28: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/28.jpg)
Aktifitas Lab
4. Membuat Objek Lingkaran
• Objek lingkaran dibuat
menggunakan Circle, untuk latar obor pada logo Universitas Gunadarma.
• Membuat Circle sebanyak 3 buah dengan circle pertama
radius 30, height 11 dan
kedua circle yang lain radius 4.5, height 11.
![Page 29: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/29.jpg)
Aktifitas Lab
5. Membuat Objek Teks Pada Logo
• Dengan menggunakan Text,
buat text Universitas terlebih
dahulu kemudian Extrude. Agar text menjadi melengkung, maka modify text tersebut menggunakan
Bend dengan menaikkan
parameter Angle pada sumbu X sehingga menjadi melengkung..
![Page 30: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/30.jpg)
Aktifitas Lab
• Dengan langkah yang sama,
buat text Gunadarma menjadi melengkung juga, lengkungan text ini melengkung dengan arah terbalik dengan text pertama tadi, dengan cara menurunkan
Angle pada sumbu X
![Page 31: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/31.jpg)
Aktifitas Lab
• Agar logo ini memiliki dua sisi,
maka cukup Clone objek saja
dan letakkan hasil clone dibagian belakang logo. Kemudian berikan material yang sesuai dengan warna logo.
![Page 32: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/32.jpg)
Aktifitas Lab
6. Membuat Objek Tulisan UG
• Selanjutnya, membuat tulisan yang terletak pada bagian bawah logo dan memberikan material yang sewarna dengan logo aslinya.
![Page 33: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/33.jpg)
Aktifitas Lab
• Hasilnya :
![Page 34: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/34.jpg)
Tugas
• Buat objek tiga dimensi lainnya, menggunakan 3D Max
![Page 35: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/35.jpg)
Pertemuan 3
Pembuatan Image Traker
![Page 36: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/36.jpg)
Tujuan Praktikum
• Mengenal cara membuat image tracker yang digunakan dalam Augmented Reality
• Mengenal cara meng-upload image tracker ke Qualcomm
![Page 37: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/37.jpg)
Kebutuhan Perangkat
Perangkat Keras :
• Komputer
• Scanner
• Koneksi Internet
Perangkat Lunak :
• Browser
![Page 38: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/38.jpg)
Pendahuluan
Pembuatan image tracker dilakukan dengan men-scan image yang akan dijadikan sebagai image tracker.
Kemudian image hasil scan tersebut di edit atau di crop bagian tertentu yang akan dijadikan sebagai image tracker nya. Image hasil editan akan di upload ke website Qualcomm Developer.
![Page 39: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/39.jpg)
Aktifitas Lab
Buka browser, lalu kunjungi situs
https://ar.qualcomm.at/qdevnet/api
![Page 40: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/40.jpg)
Aktifitas Lab
• Untuk mendapatkan sebuah tracking image, diwajibkan untuk terdaftar atau ter-register pada situs Qualcomm
• Bila telah mempunyai sebuah account pada Qualcomm,
Login ke dalam situs Qualcomm developer, click
menu title My Trackables untuk membuat sebuah trakckables.
![Page 41: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/41.jpg)
Aktifitas Lab
• Kemudian klik New project untuk membuat trackables, isikan project name yaitu “Augmented Gunadarma” lalu
klik Save.
Augmented Gunadarma
![Page 42: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/42.jpg)
Aktifitas Lab
• Kemudian Click link Create a trackable untuk membuat sebuah image tracking.
![Page 43: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/43.jpg)
Aktifitas Lab
• Isi nama pada kolom
Trackable Name
• Lalu pada Trackable Tipe, pilih yang singel image atau icon yang bergambar jajaran genjang
• Kemudian pada Trackable Scene Size, pada kolom width diisikan nilai 200.
• Setelah itu click Create Trackable
![Page 44: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/44.jpg)
Aktifitas Lab
• Click link Upload, lalu akan muncul window untuk upload image yang akan dijadikan sebagai image tracker.
• Click Choose, kemudian cari direktori tempat image yang telah disiapkan sebagai marker, lalu pilih image-nya.
• Image yang akan diupload hanya mendukung file dengan format JPG dan PNG, serta ukuran gambarnya tidak lebih dari 2 MB.
![Page 45: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/45.jpg)
Aktifitas Lab
• Bila proses upload selesai, maka image yang telah di upload akan dinilai dengan skala bintang (star).
• Semakin banyak jumlah bintang dalam penilaian image, maka semakin bagus kualitas gambar tersebut digunakan sebagai tracker.
![Page 46: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/46.jpg)
Aktifitas Lab
• Apabila telah selesai upload image (yang akan dijadikan sebagai image tracker), check image tersebut, lalu click link
download selected trackables.
• Pada jendela Trackable Assets Package Download
pilih format yaitu Unity Editor.
![Page 47: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/47.jpg)
Tugas
• Buat Image Tracker lainnya, kemudian upload ke website Qualcomm
![Page 48: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/48.jpg)
Pertemuan 4
Penggunaan Image Tracker
![Page 49: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/49.jpg)
Tujuan Praktikum
• Mengenal penggunaan Image Tracker dalam Augemented Reality
• Mengenal penggunaan aplikasi Unity3D
![Page 50: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/50.jpg)
Kebutuhan Perangkat
Perangkat Keras :
• Komputer
• Koneksi Internet
Perangkat Lunak :
• Browser
• Unity3D
![Page 51: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/51.jpg)
Pendahuluan
Unity3D adalah sebuah sebuah tool yang terintegrasi untuk membuat game, arsitektur bangunan dan simulasi.
Unity3D tidak hanya merupakan sebuah game engine, tapi juga merupakan sebuah editor.
Unity3D dapat pula digunakan dalam pengembangan Augemented Reality
![Page 52: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/52.jpg)
Aktifitas Lab
• Jalankan Unity.exe
• Pilih menu File, kemudian
pilih New Project
![Page 53: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/53.jpg)
Aktifitas Lab
• Setelah itu pilih path dimana project akan ditempatkan
• Pada pilihan Import the following packages, pilih
qcar-unity-android-1-0-6.unitypackage
• Lalu pilih Create
![Page 54: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/54.jpg)
Aktifitas Lab
• Pada menu Assets, click
Import Package, lalu pilih
Custom Package
• Selanjutnya akan muncul jendela baru, dan pilih lokasi package yang telah di download sebelumnya (package trackable image pada praktikum sebelumnya)
![Page 55: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/55.jpg)
Aktifitas Lab
• Selanjutnya, pilih Image Target yang berada dalam folder AugmentedGunadarma\Assets\Qualcomm Augmented Reality\Prefabs\ImageTarget.
• Drag ImageTarget.prefabs ke
jendela Scene
![Page 56: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/56.jpg)
Aktifitas Lab
• Pada kolom Hierarchy, click atau sorot ImageTarget
• Lalu pada kolom Inspector terdapat komponen-komponen dari ImageTarget tersebut.
![Page 57: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/57.jpg)
Aktifitas Lab
• Pada komponen Image Target Behaviour (script) merupakan pengaturan untuk penentuan image tracker.
• Pada Image Target Pilih image yang dijadikan sebagai tracker.
![Page 58: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/58.jpg)
Aktifitas Lab
• Secara default terdapat fungsi Main Camera yang dapat dilihat pada kolom Hierarchy
• Agar dapat digunakan pada perangkat mobile berbasis android, maka diperlukan sebuah fungsi ARCamera.
• Fungsi ARCamera terletak pada AugmentedGunadarma\Assets\Qualcomm Augmented Reality\Prefabs\ARcamera.
• Fungsi ARCamera didrag ke dalam kolom hirarki kemudian diatur penempatannya.
![Page 59: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/59.jpg)
Aktifitas Lab
• Selanjutnya file objek tiga dimensi, terdapat pada Augmented Gunadarma\Assets\Model.
• File objek ini memilik format .FBX , objek tersebut didrag ke
dalam kolom Hierarchy dan dimasukkan kedalam folder
Image Target sebelumnya.
![Page 60: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/60.jpg)
Aktifitas Lab
• Kemudian Objek yang telah dimasukkan tersebut, diatur posisinya agar berada di atas marker sebelumnya
• Lalu ukuran objeknya disesuaikan dengan ukuran marker. Hal ini dimaksudkan agar ketika aplikasi mendeteksi gambar marker tersebut, objek yang keluar adalah objek yang telah ditentukan sebelumnya.
![Page 61: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/61.jpg)
Aktifitas Lab
• Agar objek yang akan ditampilkan tersebut tidak gelap, dapat ditambahkan cahaya menggunakan
Directional Light
• Pada kolom Hierarchy, click
Create kemudian pilih
Directional Light
![Page 62: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/62.jpg)
Tugas
• Gunakan Image tracker yang telah dibuat pada pertemuan sebelumnya
• Eksplorasi fungsi-fungsi yang terdapat pada aplikasi Unity3D tersebut
![Page 63: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/63.jpg)
Pertemuan 5
Pembuatan Button
![Page 64: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/64.jpg)
Tujuan Praktikum
• Mengenal interaksi yang dapat dilakukan dalam Augmented Reality, khususnya penggunaa tombol / button
• Mengenal script yang digunakan dalam sebuah tombol
![Page 65: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/65.jpg)
Kebutuhan
Perangkat Keras :
• Komputer
Perangkat Lunak :
• Unity3D
• Notepad++
![Page 66: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/66.jpg)
Pendahuluan
• Aplikasi yang dibuat oleh Unity3D agar dapat berinteraksi dengan user perlu adanya bahasa pemrograman
• Bahasa pemrograman atau script yang dapat digunakan dalam Unity3D adalah JavaScript, C# Script, Boo Script dan Shader
• Untuk mempermudah dalam pemrogramannya, digunakan editor Notepad++
![Page 67: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/67.jpg)
Aktifitas Lab
• Pada kolom Inspector dari objek tiga dimensi terdapat
komponen FBX Importer, pada komponen tersebut akan diatur agar animasi yang akan ditampilkan dapat melakukan looping.
• Pada Animation Warp Mode dalam komponen FBX Importer objek tiga dimensi tersebut diisikan dengan
pilihan Loop
![Page 68: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/68.jpg)
Aktifitas Lab
• Selanjutnya pembuatan tombol-tombol yang terdapat pada aplikasi “Augmented Gunadarma”.
• Pada kolom Hierarchy, click Create, lalu pilih GUI Text
• GUI Text tersebut diganti nama menjadi GUI Button. Pada kolom properties GUI Button terdapat component GUI Text, component tersebut tidak digunakan dan dapat dihapus.
![Page 69: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/69.jpg)
Aktifitas Lab
• Pembuatan script untuk tombol pada aplikasi Augmented Gunadarma dapat dilakukan dengan membuat
file Java Script pada kolom
Project, lalu file tersebut
diberi nama GUI Button Script.
![Page 71: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/71.jpg)
Aktifitas Lab
• Kemudian script tersebut dibuat menggunakan aplikasi
Notepad ++
• Script yang telah dibuat diletakkan pada folder \Augmented Gunadarma\Assets\MyScript
![Page 72: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/72.jpg)
Aktifitas Lab
• Script GUI Button Script dimasukkan ke dalam
komponen ARCamera pada
kolom Hierarchy
• Drag GUI Button Script ke
dalam komponen ARCamera pada kolom Inspector. Kemudian definisikan target 1 dan seterusnya sebagai objek yang sesuai dengan objek yang telah ditentukan sebelumnya
![Page 73: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/73.jpg)
Aktifitas Lab
• Pada bagian Scrool Position diisikan dengan file suara yang akan dimainkan sebagai soundclip, file tersebut didefinisikan sesuai dengan variabel yang terdapat pada
script GUI Button Script.
• File suara tersebut terdapat di folder \Augmented Gunadarma\Assets\Audio.
![Page 74: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/74.jpg)
Aktifitas Lab
• Pada komponen ARCamera harus ditambahkan komponen
Audio Source yang digunakan untuk mendefinisikan sumber dari file suara yang akan digunakan sebagai audio clip. Masing – masing audio clip didefinisikan
oleh satu komponen Audio Source.
![Page 75: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/75.jpg)
Aktifitas Lab
• Pada komponen ImageTarget tambahkan komponen script yaitu TrackableEventHandler
• Script tersebut, berfungsi sebagai pengatur objek yang akan muncul, bila image tracker terdeteksi
• Untuk setiap image tracker yang terdeteksi, program akan menampilkan objek tiga dimensi sesuai dengan yang telah ditentukan sebelumnya.
![Page 76: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/76.jpg)
Aktifitas Lab
• Untuk melihat preview project yang telah dibuat, cara nya dengan menekan tombol play yang ada di atas
jendela Project.
![Page 77: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/77.jpg)
Aktifitas Lab
Hasilnya
![Page 78: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/78.jpg)
Tugas
• Buat aplikasi yang serupa, untuk dipresentasikan pada pertemuan selanjutnya !
![Page 79: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/79.jpg)
Pertemuan 6
Presentasi Hasil Praktikum
![Page 80: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/80.jpg)
![Page 81: Praktikum Augmented Reality - Gunadarma Universitybima.staff.gunadarma.ac.id/Downloads/files/38588/Screenshoot+CD... · Pengenalan Augmented Reality Pembuatan Objek Tiga Dimensi Pembuatan](https://reader030.vdocuments.net/reader030/viewer/2022021421/5ac072057f8b9a213f8bf995/html5/thumbnails/81.jpg)
Disusun Oleh :
Naeli Umniati, ST., MMsi
Ary Bima Kurniawan, ST., MT Erlina, SKom., Mmsi
Kemal Ade Sekarwati, SKom., Mmsi Dr. Lulu Chaerani Munggaran
Revida Iriana, SKom., MM Rifiana Arief., SKom., MMsi