Handout AR [PDF]

Citation preview

MGMP Matematika SMK Provinsi Jawa Barat



Membuat Augmented Reality Berbasis Aplikasi Online



Ani Ismayani, M. Pd



“Technology is just a tool. In terms of getting the kids working together and motivating them, the teacher is most importan” (Bill Gates)



Workshop Integrasi ICT dalam Pembelajaran Matematika Hotel Panorama Lembang, 24 Januari 2020



Mengenal Augmented Reality Aplikasi dan perangkat seluler saat ini memungkinkan informasi digital untuk disandingkan di mana saja, kapan saja, dan dengan biaya rendah. Ini membuka pintu untuk skenario pendidikan kreatif. Salah satu yang memungkinkan untuk dieksplorasi adalah Augmented Reality (AR). Augmented Reality – selanjutnya disingkat AR – terdengar booming dalam beberapa tahun terakhir ini. Namun, konsep AR sebenarnya pasti sudah Anda kenal melalui filmfilm science fiction yang mengumbar teknologi futuristik dalam adegannya, yang paling kentara adalah di film Iron Man dengan pemeran utama Robert Downey Jr. Dalam film ini, tampilan komputer yang digunakan Tony Stark menyatu dengan dunia nyata. Tidak lagi diperlukan frame kotak bernama monitor. Semua tombol, gambar, video, atau teks langsung terlihat di hadapannya, seolah-olah hadir dalam dunia nyata.



Contoh lain bisa kita tengok kehebohan beberapa tahun ke belakang, tepatnya sekitar pertengahan tahun 2016 lalu, ketika masyarakat mulai terjangkiti demam Pokemon Go. Dengan menggunakan perangkat smartphone yang sudah terinstal aplikasi Pokemon Go, siapa saja dapat berburu dan memelihara monster-monster pokemon di lingkungan sekitar dengan cara mengarahkan kamera smartphone-nya ke area atau



1| Membuat Augmented Reality Menggunakan Aplikasi Online – Ani Ismayani



objek yang terdeteksi ada pokemon. Ketika kamera diarahkan ke objek atau area itu, maka di layar smartphone akan terlihat karakter monster tertentu (pokemon). Pokemon sendiri merupakan cerita fiksi animasi asal negara Jepang yang mengisahkan tentang petualangan para monster pokemon dengan pelatihnya. Permainan Pokemon Go tersebut dikembangkan menggunakan teknologi AR. AR adalah sebuah teknologi yang menggabungkan objek buatan komputer, dua dimensi atau tiga dimensi, ke dalam lingkungan nyata di sekitar pengguna secara real time. Objek yang ditampilkan AR membantu pengguna dalam menghasilkan persepsi baru yang memungkinkannya berinteraksi dengan lingkungan nyata. Istilah Augmented Reality itu sendiri pertama kali diciptakan oleh Thomas Caudell dan dan David Mizell pada tahun 1990 pada saat mereka bekerja di Boeing (Wikipedia). Saat itu AR diartikan sebagai integrasi gambar virtual di dunia nyata. Sejak saat itu, beberapa pengertian muncul, dikemukakan oleh banyak ahli



Augmented Reality vs Virtual Reality Bedakan antara Augmented Reality (AR) dan Virtual Reality (VR). Dalam VR, kita membuat sebuah dunia baru yang menjadi media bagi kehadiran aplikasi. AR lebih sederhana. AR menyatukan realitas dunia yang sudah ada dengan aplikasi. Misalnya kita bisa memunculkan animasi sebuah robot berjalan pada halaman buku. Bagi guru matematika, ini bisa berarti membuat model tiga dimensi dari sebuah kubus yang bisa dilihat dari berbagai sisi.



Membuat AR Menggunakan HP Reveal Ada banyak platform aplikasi yang dapat digunakan untuk membuat AR, dari yang penggunaannya simpel dan sederhana hingga yang komplek dan lebih rumit. Tentu saja AR yang dihasilkannya pun akan berbeda, dari yang sifatnya statis hingga yang interaktif. Pada kesempatan ini, kita akan menggunakan aplikasi sederhana untuk membuat AR sebagai



media



pembelajaran.



Walaupun



demikian,



bukan



tidak



mungkin



pemanfaatannya dalam pembelajaran bisa powerfull. Hal ini tentunya bergantung 2 | Membuat Augmented Reality Menggunakan Aplikasi Online – Ani Ismayani



keahlian dan kreativitas ketika merancang dan membuat media tersebut. Salah satu aplikasi yang akan digunakan adalah HP Reveal.



Sekilas tentang HP Reveal HP Reveal merupakan platfoarm AR yang dapat digunakan untuk kepentingan pendidikan maupun personal. Pada mulanya HP Reveal bernama Aurasma yang kemudian beralih nama. Ada dua komponen untuk membuat dan menjalankan AR di HP Reveal, yaitu Image Target (gambar target bisa berupa gambar cetak atau sesuatu di dunia nyata yang memenuhi standar kualitas gambar target di HP Reaveal) dan Aura (bisa berbentuk gambar 2D, gambar 3D, atau video). Untuk keperluan latihan, kita akan menggunakan sesuatu di sekitar sebagai target dan animasi 3D yang tersedia sebagai template di HP Reaveal Untuk membuat AR di HP Reveal, lakukan langkah-langkah berikut ini: Langkah 1 Download aplikasi HP Reveal (file apk tersedia di folder Resources Latihan yang sudah dibagikan). Aplikasi HP Reveal tampak di layar perangkat Android seperti berikut,



3 | Membuat Augmented Reality Menggunakan Aplikasi Online – Ani Ismayani



Langkah 2 Buka aplikasi HP Reveal, klik tanda “+” di pojok kanan atas aplikasi. Selanjutnya tampilan kamera untuk menangkap target akan aktif secara otomatis. Silahkan arahkan perangkat Android Anda ke area, benda, dsb. yang akan dijadikan target, misalnya ke area keyboard laptop. Perhatikan



indikator



kualitas



gambar



target di bagian atas kamera. Pastikan mengambil gambar target ketika indikator berada di warna hijau. Setelah dirasa cukup bagus, klik tombol biru yang ada di bagian bawah tengah.



Langkah 3 Selanjutnya adalah menambahkan sebuah Overlay. Anda bisa memilih berbagai animasi 3D yang tersedia di Library atau klik Device jika akan menambahkan overlay dari perangkat Android Anda. Overlay ini selanjutnya merupakan Aura atau AR. Pilih salah satu overlay, misalnya Perpetual Motion, lalu klik Select jika overlay telah muncul di layar.



4 | Membuat Augmented Reality Menggunakan Aplikasi Online – Ani Ismayani



Overlay bisa diatur dan disesuaikan dengan kebutuhan. Bisa digeser, diputar, diperbesar, atau diperkecil. Setelah meraca pas, klik Next



5 | Membuat Augmented Reality Menggunakan Aplikasi Online – Ani Ismayani



Langkah 4 Selanjutnya kemudian beri nama AR yang Anda buat dan klik Submit lalu klik Done.



Selanjutnya, tunggu beberapa saat hingga AR Anda siap



6 | Membuat Augmented Reality Menggunakan Aplikasi Online – Ani Ismayani



Langkah 5 Untuk menjalankan AR, buka aplikasi HP Reveal, lalu klik tombol biru bulat yang ada di bagian tengah bawah layar. Tunggu beberapa saat hingga aura muncul. Proses scanning aura dan gambar AR muncul seperni ini:



7 | Membuat Augmented Reality Menggunakan Aplikasi Online – Ani Ismayani



8 | Membuat Augmented Reality Menggunakan Aplikasi Online – Ani Ismayani



Membuat AR Menggunakan Roar Aplikasi berbasis web lainnya yang dapat kita gunakan untuk membuat AR adalah Roar. Misalnya, Anda akan menambahkan Untuk membuat AR di Roar, lakukan langkah-langkah berikut: Langkah 1 Kunjungi situs Roar di https://www.theroar.io. Bagi yang belum memiliki akun, silahkan melakukan pendaftaran terlebih dahulu menggunakan email aktif yang Anda miliki.



Pada prinsipnya Roar adalah aplikasi berbayar, tetapi Anda memiliki kesempatan untuk mencoba trialnya secara gratis walaupun dengan limit penggunaan aplikasi yang sangat terbatas. Langkah 2 Jika Anda sudah mendaftar, maka halaman muka web Roar tampak seperti berikut ketika Anda melakukan log masuk.



9 | Membuat Augmented Reality Menggunakan Aplikasi Online – Ani Ismayani



Langkah 3 Untuk memulai membuat AR, klik Create AR.



atau klik Create dari halaman Dashboard Anda sebagai berikut,



10 | Membuat Augmented Reality Menggunakan Aplikasi Online – Ani Ismayani



Langkah 4 Kita akan mencoba membuat AR dengan model Target Image, maka klik tombol Select di area Target Image.



11 | Membuat Augmented Reality Menggunakan Aplikasi Online – Ani Ismayani



Pilih Template jika akan menggunakan ukuran gambar target dari yang tersedia di sistem atau Custom Size jika akan menggunakan gambar target dengan ukuran sendiri.



12 | Membuat Augmented Reality Menggunakan Aplikasi Online – Ani Ismayani



Klik area di atas atau tahan dan tekan gambar target kita ke area tersebut. Setelah merasa cukup, klik USE THIS MARKER dan tunggu beberapa saat sampai gambar target terupload.



Langkah 5



13 | Membuat Augmented Reality Menggunakan Aplikasi Online – Ani Ismayani



Anda bisa mengatur penampilan gambar target (marker) di menu Custome. Untuk membuat gambar target menjadi hitam putih, centang kotak Grayscale, dan pengaturan lain. Jangan lupa untuk memberi nama AR (Roar) yang Anda buat.



Langkah 5 Selanjutnya kita akan menambahkan 3D model kepada gambar target. Caranya klik, tahan dan geser tool 3D Model yang ada di sisi kiri paling bawah ke area marker hingga muncul jendela untuk mengupload model 3D yang akan digunakan. Menambahkan 3D model ini masih merupakan versi beta dari aplikasi, artinya masih dalam tahap pengembangan.



14 | Membuat Augmented Reality Menggunakan Aplikasi Online – Ani Ismayani



Klik OK jika muncul notifikasi mengenai penyesuaian ukiran model.



15 | Membuat Augmented Reality Menggunakan Aplikasi Online – Ani Ismayani



Langkah 6 Anda bisa mengatur ukuran dan posisi model sesuai keinginan dengan cara klik model sampai muncul tanda “+”. Pilih Scale untuk mengatur skala ukuran model, Altitude untuk mengatur ketinggian dari marker, dan Rotation untuk mengatur rotasi model.



16 | Membuat Augmented Reality Menggunakan Aplikasi Online – Ani Ismayani



Setelah puas dengan pengaturannya, klik Test Roar untuk melihat AR dan klik Save untuk menyimpan AR yang telah dibuat.



Langkah 7 Untuk melihat AR yang sudah Anda buat, jangan lupa gunakan aplikasi Roar dari perangkat Android Anda. Marker atau gambar target bisa Anda printout, kemudian scan dengan aplikasi Roar, maka AR Anda akan muncul.



17 | Membuat Augmented Reality Menggunakan Aplikasi Online – Ani Ismayani



Untuk scan, sentuh dan tahan tombol sidik jari bulat yang muncul di aplikasi Roar, tunggu beberapa saat.



18 | Membuat Augmented Reality Menggunakan Aplikasi Online – Ani Ismayani



Inilah rose hijau persembahan untuk Anda yang telah bekerja keras.



19 | Membuat Augmented Reality Menggunakan Aplikasi Online – Ani Ismayani