{"id":347,"date":"2013-04-23T06:44:00","date_gmt":"2013-04-23T05:44:00","guid":{"rendered":"https:\/\/arifyoga.id\/?p=347"},"modified":"2013-04-23T06:44:00","modified_gmt":"2013-04-23T05:44:00","slug":"tutorial-cara-mudah-membuat-augmented-reality-no-coding","status":"publish","type":"post","link":"https:\/\/arifyoga.id\/?p=347","title":{"rendered":"Tutorial Cara Mudah Membuat Augmented Reality No Coding"},"content":{"rendered":"<div style=\"clear: both; text-align: center;\">\n<\/div>\n<p>[Bagian 1] .. Bismillah&#8230;<\/p>\n<p>Salamu\u2019alaikum&#8230;<\/p>\n<div style=\"text-align: justify;\">\nHalo sob, kali ini saya mau share sedikit tentang cara mudah buat Augmened Reality tanpa coding. Kalo sebelumnya di kuliah saya ada tugas ngembangin media pembelajaran berbasis android, sekarang saya dapet tugas lagi dari dosen kimia yaitu Pak Jaslin untuk bikin modul tentang pengembangan Augmented Reality (AR), maka lewat artikel ini saya bakalan sedikit berbagi tentang cara ngembangin AR sebagai alat bantu media pembelajaran (Kimia, \u2014bisa banget kalo mau dikembangin ke wilayah lain juga). Berhubung saya bukan anak TI (tapi Jurusan Pendidikan Kimia) jadi mungkin ada beberapa istilah IT yang mungkin keliru mohon dimaklumi dan tolong dibenarkan nggeh.. :\u2019) .. dan beberapa bagian dari tutorial ini saya cuplik dari paper yang saya buat sendiri tentang pengembangan media pembelajaran kimia berbasis teknologi Augmened Reality. Jadi mau..mau.. banget masukannya untuk perbaikan paper dan modul AR saya kedepanny \ud83d\ude42 <\/div>\n<div style=\"clear: both; text-align: center;\">\n<a href=\"http:\/\/1.bp.blogspot.com\/-Zv-0mf7eans\/UXYgJfSvMwI\/AAAAAAAAA34\/pHt4mQOyAeA\/s1600\/watch_it_now.png\" style=\"margin-left: 1em; margin-right: 1em;\"><img fetchpriority=\"high\" decoding=\"async\" border=\"0\" height=\"218\" src=\"http:\/\/1.bp.blogspot.com\/-Zv-0mf7eans\/UXYgJfSvMwI\/AAAAAAAAA34\/pHt4mQOyAeA\/s320\/watch_it_now.png\" width=\"320\" \/><\/a><\/div>\n<div style=\"text-align: center;\">\n<\/div>\n<div style=\"text-align: justify;\">\nOke pertama kita kenalan sama AR dulu yak..&nbsp; sebenernya Augmented Reality atau AR itu apa sih?<\/div>\n<div style=\"text-align: justify;\">\n<\/div>\n<blockquote>\n<div style=\"text-align: justify;\">\n<b>Pengertian Augmented Reality (AR)<\/b><\/div>\n<\/blockquote>\n<div style=\"text-align: justify;\">\n&nbsp;Istilah Augmented reality (AR) tidak diterjemahkan karena belum ditemukan padanan kata yang sesuai, dalam glosarium pusat bahasa diknas, reality=realitas,&nbsp; augment=augmen.&nbsp; Secara&nbsp; umum,&nbsp; AR&nbsp; adalah&nbsp; penggabungan antara obejek virtual dengan objek nyata&nbsp;&nbsp; (Wikipedia). Sebagai contoh, adalah saat stasiun televisi, menyiarkan pertandingan sepak bola, terdapat objek virtual, tentang skor pertandingan yang sedang berlangsung.<\/div>\n<div style=\"text-align: justify;\">\n<\/div>\n<div style=\"text-align: justify;\">\nMenurut Ronald Azuma pada tahun 1997, AR adalah menggabungakan dunia nyata dan virtual, bersifat interaktif secara real time, dan merupakan animasai 3D. Paul Milgram dan Fumio Kishino pada tahun 1994, mendefinisikan Milgram\u2019s Reality-Virtuality Continuum. Mereka menggambarkan sebuah kontinum&nbsp; yang&nbsp; membentang&nbsp; dari&nbsp; lingkungan&nbsp; nyata&nbsp; untuk&nbsp; untuk&nbsp; lingkungan virtual murni. Mereka menyimpulkan bahwa AR lebih dekat ke lingkungan nyata dan augmented virtuality lebih dekat ke lingkungan virtual.<\/div>\n<div style=\"text-align: justify;\">\nAR yang dalam bahasa Indonesia diterjemahkan sebagai realitas tertambah atau&nbsp; aplikasi&nbsp; realitas&nbsp; yang&nbsp; diperluas,&nbsp; adalah&nbsp; teknologi&nbsp; yang&nbsp; menggabungkan benda maya dua dimensi dan ataupun tiga dimensi ke dalam sebuah lingkungan nyata tiga dimensi lalu memproyeksikan benda-benda maya tersebut dalam waktu nyata (Wikipedia, 2009).<\/div>\n<div style=\"text-align: justify;\">\n<\/div>\n<div style=\"text-align: justify;\">\nSebelum lanjut, supaya lebih ada gambaran, liat dulu deh video ini.<\/div>\n<div style=\"text-align: justify;\">\n<\/div>\n<div style=\"clear: both; text-align: center;\">\n<object class codebase=\"http:\/\/download.macromedia.com\/pub\/shockwave\/cabs\/flash\/swflash.cab#version=6,0,40,0\" data-thumbnail-src=\"http:\/\/img.youtube.com\/vi\/CqUd3N4vR3w\/0.jpg\" height=\"266\" width=\"320\"><param name=\"movie\" value=\"http:\/\/youtube.googleapis.com\/v\/CqUd3N4vR3w&#038;source=uds\" \/><param name=\"bgcolor\" value=\"#FFFFFF\" \/><param name=\"allowFullScreen\" value=\"true\" \/><embed width=\"320\" height=\"266\"  src=\"http:\/\/youtube.googleapis.com\/v\/CqUd3N4vR3w&#038;source=uds\" type=\"application\/x-shockwave-flash\" allowfullscreen=\"true\"><\/embed><\/object><\/div>\n<div style=\"text-align: justify;\">\n<\/div>\n<div style=\"text-align: justify;\">\n<\/div>\n<div style=\"text-align: justify;\">\nTrus Hardwere (perangkat keras) yang dibutuhin apa aja bro?<\/div>\n<div style=\"text-align: justify;\">\n<\/div>\n<div style=\"clear: both; text-align: center;\">\n<a href=\"http:\/\/3.bp.blogspot.com\/-Yram6GIEhSU\/UXYeq7Ja2_I\/AAAAAAAAA3Q\/g5S79myyphY\/s1600\/Hardwere+yang+dibutuhin.png\" style=\"margin-left: 1em; margin-right: 1em;\"><img decoding=\"async\" border=\"0\" height=\"135\" src=\"http:\/\/3.bp.blogspot.com\/-Yram6GIEhSU\/UXYeq7Ja2_I\/AAAAAAAAA3Q\/g5S79myyphY\/s320\/Hardwere+yang+dibutuhin.png\" width=\"320\" \/><\/a><\/div>\n<div style=\"text-align: center;\">\n<span style=\"font-size: xx-small;\">gambar Vi_ONE Imaginality<\/span><\/div>\n<div style=\"text-align: center;\">\n<\/div>\n<div style=\"text-align: justify;\">\n<\/div>\n<div style=\"text-align: justify;\">\nYang pertama jelas Komputer atau Leptop karena kita belum punya Kacamata Google (google glass) yang katanya juga bisa buat AR (mas depan tuh cuy..) sekarang masih 1550 USD broo&#8230;<\/div>\n<div style=\"text-align: justify;\">\n2. Webcam (makin tinggi resolusi makin bagus untuk deteksi marker)<\/div>\n<div style=\"text-align: justify;\">\n3. Marker (penanda)<\/div>\n<div style=\"text-align: justify;\">\n4. LCD Proyektor (untuk visualisasi dikelas-kelas)<\/div>\n<div style=\"text-align: justify;\">\n&nbsp;&nbsp;&nbsp; <\/div>\n<div style=\"text-align: justify;\">\nPrinsip kerjanya gimana nih?<\/div>\n<div style=\"text-align: justify;\">\nPernah ke&nbsp; swalayan atau supermarket? Nah kalo belanja disitu kan suka ada scanning barcode tuh dikasir. Prinsip kerja dari AR yang saya share disini sebelas-duabelas sama sistem barcode kaya gitu. <\/div>\n<div style=\"text-align: justify;\">\nJadi kalo barcode kan simbolnya garis-garis ya atau kotak-kotak ruwet (QRCode) yang lagi ngetrend di android, nah kalo di AR, barcodenya kita ganti dengan suatu penanda yang kita sebut MARKER. Marker ini yang nantinya ketika di scan (sorot) pake webcam akan memanggil database tertentu yang sudah kita setting lewat software pembuat AR. Misal ketika markernya disorot dia akan memanggil objek 3D struktur molekul DNA, atau Video Pembakaran Uji Nyala, Suara, dan lain-lain seuai dengan kehendak kita. Dimana objek-objek tersebut akan muncul secara virtual dilayar monitor (yang kemudian bisa dilihat oleh siswa-siswa melalui LCD Proyektor)<\/div>\n<div style=\"text-align: justify;\">\n<\/div>\n<div style=\"clear: both; text-align: center;\">\n<a href=\"http:\/\/2.bp.blogspot.com\/-oAjhVUJ9sgU\/UXYfX5-PagI\/AAAAAAAAA3o\/DTelkKX8SmA\/s1600\/Penggunaan.png\" style=\"margin-left: 1em; margin-right: 1em;\"><img decoding=\"async\" border=\"0\" height=\"152\" src=\"http:\/\/2.bp.blogspot.com\/-oAjhVUJ9sgU\/UXYfX5-PagI\/AAAAAAAAA3o\/DTelkKX8SmA\/s320\/Penggunaan.png\" width=\"320\" \/><\/a><\/div>\n<div style=\"text-align: justify;\">\n<\/div>\n<div style=\"clear: both; text-align: center;\">\n<\/div>\n<div style=\"text-align: center;\">\n<span style=\"font-size: xx-small;\">gambar Vi_ONE Imaginality<\/span><\/div>\n<div style=\"text-align: justify;\">\n<\/div>\n<div style=\"text-align: justify;\">\n<\/div>\n<div style=\"text-align: justify;\">\n<\/div>\n<div style=\"text-align: justify;\">\nJadi masih sederhana banget sob, sederhana, yakin, cukup 15 menit AR yang kita buat siap untuk disaji gak apke coding..he.hee Makanya ini masih disebut sederhana karena tujuannya emang baru sebagai pendukung media pembelajaeran disekolah-sekolah yang ada sekarang.. belum setinggi para suhu dijurusan IT yang udah ngembangin AR kemana-mana. Boleh jadi artikel ini malah udah ada yang duluin buat, kalo gitu saya minta maaf tanpa bermaksud kopas tapi ini murni versi saya nggeh.<\/div>\n<div style=\"text-align: justify;\">\n<\/div>\n<div style=\"text-align: justify;\">\nOke kita liat lagi deh satu video ini supaya ada sedikit gambaran tentang penjelasan AR diatas.&nbsp;<\/div>\n<div style=\"text-align: justify;\">\n<\/div>\n<div style=\"clear: both; text-align: center;\">\n<object class codebase=\"http:\/\/download.macromedia.com\/pub\/shockwave\/cabs\/flash\/swflash.cab#version=6,0,40,0\" data-thumbnail-src=\"http:\/\/img.youtube.com\/vi\/nQOwPJsyDSs\/0.jpg\" height=\"266\" width=\"320\"><param name=\"movie\" value=\"http:\/\/youtube.googleapis.com\/v\/nQOwPJsyDSs&#038;source=uds\" \/><param name=\"bgcolor\" value=\"#FFFFFF\" \/><param name=\"allowFullScreen\" value=\"true\" \/><embed width=\"320\" height=\"266\"  src=\"http:\/\/youtube.googleapis.com\/v\/nQOwPJsyDSs&#038;source=uds\" type=\"application\/x-shockwave-flash\" allowfullscreen=\"true\"><\/embed><\/object><\/div>\n<div style=\"text-align: justify;\">\n<\/div>\n<div style=\"text-align: justify;\">\n<\/div>\n<div style=\"text-align: justify;\">\n<\/div>\n<div style=\"text-align: justify;\">\nTrus implementasi dikelasnya gimana sob?<\/div>\n<div style=\"text-align: justify;\">\n<\/div>\n<div style=\"clear: both; text-align: center;\">\n<a href=\"http:\/\/4.bp.blogspot.com\/-hmq9z4Jr5n8\/UXYe0qmlVyI\/AAAAAAAAA3g\/GHfoSdXfKhw\/s1600\/penggunaan+disekoalh.png\" style=\"margin-left: 1em; margin-right: 1em;\"><img loading=\"lazy\" decoding=\"async\" border=\"0\" height=\"180\" src=\"http:\/\/4.bp.blogspot.com\/-hmq9z4Jr5n8\/UXYe0qmlVyI\/AAAAAAAAA3g\/GHfoSdXfKhw\/s320\/penggunaan+disekoalh.png\" width=\"320\" \/><\/a><\/div>\n<div style=\"text-align: justify;\">\n<\/div>\n<div style=\"text-align: center;\">\n<span style=\"font-size: xx-small;\">gambar Vi_ONE Imaginality<\/span><\/div>\n<div style=\"text-align: justify;\">\n<\/div>\n<div style=\"text-align: justify;\">\nUntuk gambar diatas udah cukup jelas ya sob, jadi silahkan dikembangkan dan ditafsirkan masing-masing ya sesuai sikonnya msing-masing.\n<\/div>\n<div style=\"text-align: justify;\">\nGabung di Edmodo Class saya sendiri dengan ketik kode : <b>abrwmo<\/b> via edmodo.com<\/div>\n<div style=\"text-align: justify;\">\n<b><i>nb : Recomended group AR in Facebook <a href=\"https:\/\/www.facebook.com\/groups\/128384493840490\/\" target=\"_blank\" rel=\"noopener\">HERE<\/a><\/i><\/b><\/div>\n<div style=\"text-align: justify;\">\n<br \/>\nBERSAMBUNG&#8230;&#8230;<\/div>\n","protected":false},"excerpt":{"rendered":"<p>[Bagian 1] .. Bismillah&#8230; Salamu\u2019alaikum&#8230; Halo sob, kali ini saya mau share sedikit tentang cara mudah buat Augmened Reality tanpa coding. Kalo sebelumnya di kuliah saya ada tugas ngembangin media pembelajaran berbasis android, sekarang saya dapet tugas lagi dari dosen kimia yaitu Pak Jaslin untuk bikin modul tentang pengembangan Augmented Reality (AR), maka lewat artikel ini saya bakalan sedikit berbagi tentang cara ngembangin AR sebagai alat bantu media pembelajaran (Kimia, \u2014bisa banget kalo mau dikembangin ke wilayah lain juga). Berhubung saya bukan anak TI (tapi Jurusan Pendidikan Kimia) jadi mungkin ada beberapa istilah IT yang mungkin keliru mohon dimaklumi dan tolong dibenarkan nggeh.. :\u2019) .. dan beberapa bagian dari tutorial ini saya cuplik dari paper yang saya buat sendiri tentang pengembangan media pembelajaran kimia berbasis teknologi Augmened Reality. Jadi mau..mau.. banget masukannya untuk perbaikan paper dan modul AR saya kedepanny \ud83d\ude42 Oke pertama kita kenalan sama AR dulu yak..&nbsp; sebenernya Augmented Reality atau AR itu apa sih? Pengertian Augmented Reality (AR) &nbsp;Istilah Augmented reality (AR) tidak diterjemahkan karena belum ditemukan padanan kata yang sesuai, dalam glosarium pusat bahasa diknas, reality=realitas,&nbsp; augment=augmen.&nbsp; Secara&nbsp; umum,&nbsp; AR&nbsp; adalah&nbsp; penggabungan antara obejek virtual dengan objek nyata&nbsp;&nbsp; (Wikipedia). Sebagai contoh, adalah saat stasiun televisi, menyiarkan pertandingan sepak bola, terdapat objek virtual, tentang skor pertandingan yang sedang berlangsung. Menurut Ronald Azuma pada tahun 1997, AR adalah menggabungakan dunia nyata dan virtual, bersifat interaktif secara real time, dan merupakan animasai 3D. Paul Milgram dan Fumio Kishino pada tahun 1994, mendefinisikan Milgram\u2019s Reality-Virtuality Continuum. Mereka menggambarkan sebuah kontinum&nbsp; yang&nbsp; membentang&nbsp; dari&nbsp; lingkungan&nbsp; nyata&nbsp; untuk&nbsp; untuk&nbsp; lingkungan virtual murni. Mereka menyimpulkan bahwa AR lebih dekat ke lingkungan nyata dan augmented virtuality lebih dekat ke lingkungan virtual. AR yang dalam bahasa Indonesia diterjemahkan sebagai realitas tertambah atau&nbsp; aplikasi&nbsp; realitas&nbsp; yang&nbsp; diperluas,&nbsp; adalah&nbsp; teknologi&nbsp; yang&nbsp; menggabungkan benda maya dua dimensi dan ataupun tiga dimensi ke dalam sebuah lingkungan nyata tiga dimensi lalu memproyeksikan benda-benda maya tersebut dalam waktu nyata (Wikipedia, 2009). Sebelum lanjut, supaya lebih ada gambaran, liat dulu deh video ini. Trus Hardwere (perangkat keras) yang dibutuhin apa aja bro? gambar Vi_ONE Imaginality Yang pertama jelas Komputer atau Leptop karena kita belum punya Kacamata Google (google glass) yang katanya juga bisa buat AR (mas depan tuh cuy..) sekarang masih 1550 USD broo&#8230; 2. Webcam (makin tinggi resolusi makin bagus untuk deteksi marker) 3. Marker (penanda) 4. LCD Proyektor (untuk visualisasi dikelas-kelas) &nbsp;&nbsp;&nbsp; Prinsip kerjanya gimana nih? Pernah ke&nbsp; swalayan atau supermarket? Nah kalo belanja disitu kan suka ada scanning barcode tuh dikasir. Prinsip kerja dari AR yang saya share disini sebelas-duabelas sama sistem barcode kaya gitu. Jadi kalo barcode kan simbolnya garis-garis ya atau kotak-kotak ruwet (QRCode) yang lagi ngetrend di android, nah kalo di AR, barcodenya kita ganti dengan suatu penanda yang kita sebut MARKER. Marker ini yang nantinya ketika di scan (sorot) pake webcam akan memanggil database tertentu yang sudah kita setting lewat software pembuat AR. Misal ketika markernya disorot dia akan memanggil objek 3D struktur molekul DNA, atau Video Pembakaran Uji Nyala, Suara, dan lain-lain seuai dengan kehendak kita. Dimana objek-objek tersebut akan muncul secara virtual dilayar monitor (yang kemudian bisa dilihat oleh siswa-siswa melalui LCD Proyektor) gambar Vi_ONE Imaginality Jadi masih sederhana banget sob, sederhana, yakin, cukup 15 menit AR yang kita buat siap untuk disaji gak apke coding..he.hee Makanya ini masih disebut sederhana karena tujuannya emang baru sebagai pendukung media pembelajaeran disekolah-sekolah yang ada sekarang.. belum setinggi para suhu dijurusan IT yang udah ngembangin AR kemana-mana. Boleh jadi artikel ini malah udah ada yang duluin buat, kalo gitu saya minta maaf tanpa bermaksud kopas tapi ini murni versi saya nggeh. Oke kita liat lagi deh satu video ini supaya ada sedikit gambaran tentang penjelasan AR diatas.&nbsp; Trus implementasi dikelasnya gimana sob? gambar Vi_ONE Imaginality Untuk gambar diatas udah cukup jelas ya sob, jadi silahkan dikembangkan dan ditafsirkan masing-masing ya sesuai sikonnya msing-masing. Gabung di Edmodo Class saya sendiri dengan ketik kode : abrwmo via edmodo.com nb : Recomended group AR in Facebook HERE BERSAMBUNG&#8230;&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"wprm-recipe-roundup-name":"","wprm-recipe-roundup-description":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[47,14,43],"tags":[],"aioseo_notices":[],"acf":[],"_links":{"self":[{"href":"https:\/\/arifyoga.id\/index.php?rest_route=\/wp\/v2\/posts\/347"}],"collection":[{"href":"https:\/\/arifyoga.id\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/arifyoga.id\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/arifyoga.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arifyoga.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=347"}],"version-history":[{"count":0,"href":"https:\/\/arifyoga.id\/index.php?rest_route=\/wp\/v2\/posts\/347\/revisions"}],"wp:attachment":[{"href":"https:\/\/arifyoga.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=347"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/arifyoga.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=347"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/arifyoga.id\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=347"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}