JIKOM: Jurnal Informatika dan Komputer Vol.
No.
April 2023.
Hlm.
ISSN: 2597-372X (ONLINE)
Perancangan Buku Mewarnai Interaktif Berbasis Teknologi Augmented Reality Dengan Unity Region Capture Designing an Interactive Coloring Book Based on Augmented Reality Technology with Unity Region Capture Ronan Rizky Mayrendra1.
Bhanu Sri Nugraha2 Informatika Universitas AMIKOM Yogyakarta1.
Teknologi Informasi Universitas AMIKOM Yogyakarta2 Email: ronan.
8659@students.
id1, bhanu@amikom.
Abstrak Kegiatan mewarnai merupakan salah satu kegiatan yang paling disukai oleh anak usia dini, dengan mewarnai mereka dapat menuangkan kemampuannya berdasarkan imajinasi yang tidak terbatas.
Di sisi lain, perkembangan teknologi yang pesat justru membuat anak usia dini lebih memilih bermain smartphone dengan cara menonton video atau bermain game yang tidak bermanfaat bagi tumbuh Berdasarkan permasalahan diatas maka penulis mengembangkan sebuah prototype aplikasi untuk smartphone dimana aplikasi ini dapat diintegrasikan dengan buku mewarnai hewan mamalia.
Aplikasi ini menggunakan teknologi Augmented Reality sehingga nantinya terdapat objek virtual yang tampak seolah-olah berada di dunia nyata.
Menggunakan metode design and production pengguna dapat melihat objek yang diwarnai secara 3D dan seolah-olah nyata.
Aplikasi Yuk Mewarnai dibuat untuk perangkat seluler Android, dan diharapkan dapat bermanfaat khususnya untuk meningkatkan kreativitas anak di bidang mewarnai, disisi lain juga mendorong anak yang sudah kecanduan smartphone, dapat menggunakan smartphone untuk kegiatan yang lebih bermanfaat.
Hasil ujicoba menyatakan bahwa rancangan buku mewarnai interaktif dapat berjalan lancar sesuai dengan yang direncanakan.
Kata Kunci: mewarnai, smartphone, android, augmented reality, buku Abstract Coloring activities are one of the activities most liked by early childhood, by coloring they can express their abilities based on their unlimited imagination.
On the other hand, rapid technological developments actually make young children prefer to play smartphones by watching videos or playing games that are not beneficial for growth and development.
Based on the problems above, the authors developed an application prototype for smartphones where this application can be integrated with mammal coloring This application uses Augmented Reality technology so that later there are virtual objects that appear as if they were in the real world.
Using design and production methods users can see colored objects in 3D and look as if they were real.
This application was made for Android mobile devices, and is expected to be especially useful for increasing children's creativity in the field of coloring, on the other hand it also encourages children who are addicted to smartphones to use smartphones for more useful The test results stated that the interactive coloring book design could run smoothly as planned.
Keywords: coloring, smartphones, android, augmented reality, books Correspondence author: name, afiliation, country.
E-Mail: x@yahoo.
Jurnal Jikom is licensed under a Creative Commons Attribution-ShareAlike 4.
0 International License PENDAHULUAN Buku merupakan sebuah media cetak yang memiliki fungsi diantaranya sebagai sumber imajinasi terutama untuk anak Ae anak prasekolah karena pada masa itu imajinasi anak terus meningkat dan keingintahuan akan dunia semakin besar ditunjang motorik yang juga berkembang.
Salah satu kegiatan yang dapat mengembangkan kemampuan motorik halus anak yaitu kegiatan mewarnai Kegiatan mewarnai termasuk kegiatan yang cukup favorit bagi anak Ae anak, terutama bagi anak yang baru belajar mengenal warna.
Anak usia dini mengalami masa keemasan yang merupakan masa dimana anak mulai peka untuk menerima rangsangan, sehingga anak mudah sekali menerima hal Ae hal yang dianggap baru dan Pada usia ini juga penting sekali untuk mengajarkan anak mengenai makhluk hidup yang berada di sekitar mereka seperti contohnya mengenalkan jenis Ae jenis binatang.
Multimedia interaktif sangat cocok untuk simulasi.
Banyak area kurikulum tersier membutuhkan pemahaman proses yang kompleks, abstrak, dinamis dan atau mikroskopik.
Multimedia interaktif dapat mengakomodasi cara belajar yang berbeda Ae beda.
Multimedia interaktif memiliki potensi untuk menciptakan suatu lingkungan multisensori yang mendukung cara belajar tertentu.
Penggunaan region capture yang merupakan teknik markerless memungkinkan pendeteksian objek background secara realtime dan membuat semakin interaktif.
Terdapat permasalahan ketika menggunakan aplikasi Augmented Reality yang biasanya pengguna hanya mampu menerima karakter yang muncul tanpa bisa merubah warnanya.
Sehingga dimungkinkan terdapat ketidak cocokan dalam pemilihan warna.
Dengan memanfaatkan teknologi Augmented Reality berhasil membantu anak-anak dalam belajar dan bermain dengan lingkungan terbuka, terutama dalam mempelajari tentang binatang sebagai objek pembelajaran.
Pengembangan Augmented Reality membuat pengalaman belajar lebih interaktif dan menarik, karena pengguna dapat lebih memahami dunia teknologi yang hampir seperti nyata.
Tinjauan Pustaka I Dewa Gede Wahya Dhiyatmika.
I Ketut Gede Darma Putra dan Ni Made Ika Marini Mandenni .
Dalam penelitiannya, pengembangan aplikasi Augmented Reality Magic Book Pengenalan Binatang untuk Siswa TK bertujuan untuk membuat buku objek binatang lebih atraktif dengan memadukan teknologi augmented reality pada smartphone.
Dengan demikian, buku objek binatang tidak hanya dapat disajikan secara visual yang lebih menarik, tetapi juga memiliki fungsi yang lebih dalam dalam memberikan informasi kepada siswa TK.
Ilmawan Mustaqim dan Nanang Kurniawan .
melakukan penelitian yang bertujuan untuk mengembangkan media pembelajaran berbasis augmented reality dengan menggunakan Unity dan Vuforia.
Dalam penelitian ini, dilakukan pembuatan aplikasi augmented reality yang dapat membantu guru dalam menciptakan media pembelajaran yang lebih menyenangkan, interaktif, dan mudah digunakan oleh siswa.
Dony Novaliendry, dkk .
menciptakan Aplikasi Augmented Reality (AR) untuk mewarnai dan belajar merupakan solusi media bagi guru PAUD dan TK untuk memudahkan proses belajar Media yang dihasilkan meliputi aplikasi Android yang menggunakan teknologi Augmented Reality (AR) untuk meningkatkan pengalaman dan media buku berdasarkan kurikulum TK.
Landasan Teori Augmented reality atau realitas terkaya adalah varian dari Lingkungan Virtual (VE), yang juga dikenal sebagai Realitas Virtual (VR).
Teknologi VR memungkinkan pengguna untuk terlibat dalam lingkungan virtual secara menyeluruh, sehingga mereka tidak dapat melihat lingkungan nyata di Di sisi lain.
AR memungkinkan pengguna untuk melihat lingkungan nyata, dengan menambahkan atau menggabungkan objek virtual dengan lingkungan nyata.
Berbeda dengan VR yang sepenuhnya menggantikan lingkungan nyata.
AR hanya menambahkan atau melengkapi lingkungan nyata.
Teknologi AR adalah cara menggabungkan objek maya dua dimensi atau tiga dimensi ke dalam lingkungan nyata tiga dimensi, kemudian memproyeksikan objek maya tersebut secara realtime.
Vuforia merupakan perangkat lunak pengembangan Augmented Reality (AR) yang dirancang untuk perangkat mobile, dan memungkinkan para pengembang untuk membuat aplikasi AR.
Vuforia juga tersedia sebagai bagian dari Unity3D dalam bentuk Vuforia AR Extension for Unity.
SDK ini disediakan oleh Qualcomm sebagai alat bantu untuk para pengembang membuat aplikasi AR pada perangkat mobile seperti iOS dan Android.
Terdapat dua jenis dasar database yang dapat dipilih oleh para pengembang untuk workflow, yaitu Cloud Database dan Device Database.
Terdapat dua pendekatan untuk membuat aplikasi ini.
Pertama.
Region Tracker membuat pemetaan awal dengan cara menyalin koordinat dari area yang diketahui .
ke area yang tidak dikenal .
Hal tersebut dilakukan dengan tetap menjaga kesinambungan .
aris tep.
di batas kedua area.
Pendekatan kedua.
Region Tracker menghilangkan area yang tidak diperlukan di sekitar area utama.
Selanjutnya dibuat pemetaan awal yang berfungsi untuk menyalin koordinat dari satu sisi batas gambar ke sisi lainnya.
Implementasi region tracker diwujudkan dalam sebuah plugin yang disebut region capture.
Region Capture adalah sebuah prototype plugin untuk Vuforia SDK yang dikembangkan oleh maxim rouf dan dapat diunduh secara gratis di https://github.
com/maximrouf/RegionCapture.
Plugin ini dapat mengambil warna dari marker yang sudah di atur ketika pembuatan aplikasi augmented .
Buku mewarnai sering digunakan sebagai media pembelajaran visual di taman kanak-kanak karena dianggap menyenangkan dan komunikatif.
Buku pintar mewarnai menggabungkan konsep belajar dan bermain.
Kegiatan mewarnai memberikan kebebasan untuk memilih dan mengkombinasikan unsur warna pada objek yang diwarnai, sehingga anak dapat berkreasi secara bebas dan menghasilkan gambar yang dinamis dan menarik.
Tidak harus mengikuti warna asli objek atau warna pada objek alam.
Sebagai contoh, daun pada gambar pohon dapat diwarnai dengan warna kuning, merah, coklat, atau warna lainnya.
Kegiatan ini juga berguna untuk melatih gerakan pergelangan tangan anak.
Gabungan data, suara, video, audio, animasi, grafik, dan teks yang dapat dipaparkan melalui komputer disebut multimedia.
Multimedia telah banyak digunakan dalam kehidupan sehari-hari, seperti televisi, film layar lebar, video, handphone, dan media lainnya.
Teks, grafik, bunyi atau sound, video, dan animasi adalah unsur-unsur pendukung multimedia.
Teks adalah bentuk data multimedia yang paling mudah disimpan dan dikendalikan, sedangkan grafik lebih menarik perhatian dan dapat mengurangi kebosanan dalam presentasi atau publikasi multimedia dibandingkan dengan teks.
Bunyi atau sound sangat bermanfaat dalam aplikasi bisnis dan game.
Video adalah rangkaian gambar hidup atau gerakan yang saling terkait, sedangkan animasi merupakan penggunaan komputer untuk membuat gerakan pada layar.
Konsep interaktif didasarkan pada gagasan bahwa media presentasi secara umum tidak dilengkapi dengan alat untuk mengontrol yang dilakukan oleh pengguna, sehingga presentasi biasanya bersifat sekuensial dan linear .
isebut multimedia linea.
Namun, setiap pengguna memiliki kebutuhan dan gaya belajar yang berbeda, sehingga terkadang pengguna ingin memiliki kontrol atas alur informasi yang mereka pelajari.
Inilah yang mendorong terciptanya interaksi dua arah antara media dan .
Blender adalah suite kreatif 3D yang gratis dan open source, yang mendukung seluruh 3D pipeline, termasuk modeling, rigging, animasi, simulasi, rendering, compositing, motion tracking, serta editing video dan pembuatan game.
Pengguna yang ahli dapat menggunakan API Blender untuk membuat skrip Python dan menyesuaikan aplikasi serta menulis alat khusus.
Blender sangat cocok untuk individu maupun studio kecil, karena menyediakan saluran terpadu dan proses pengembangan yang responsif.
Unity adalah suatu platform pengembangan game yang diciptakan oleh Unity Technologies pada tahun 2005.
Kini.
Unity telah menjadi salah satu platform pengembangan game yang populer yang banyak digunakan oleh para pengembang game profesional di seluruh dunia.
Dengan kemampuan rendering yang terintegrasi.
Unity merupakan alat bantu pengembangan game yang sangat efektif.
Platform ini mampu menciptakan program interaktif dalam 2 dimensi maupun 3 dimensi dengan kecepatan kerja yang tinggi dan fitur-fitur yang canggih.
CorelDraw merupakan sebuah aplikasi pengolah gambar berbasis vektor yang sangat populer dan terkenal.
Program ini menyediakan berbagai fasilitas untuk keperluan desain, sehingga memudahkan pengguna dalam memanfaatkannya.
Selain digunakan untuk membuat gambar kartun, logo, dan ilustrasi.
CorelDraw juga dapat digunakan untuk melakukan pengaturan tata letak secara sederhana meskipun tidak sekomplit aplikasi yang dikhususkan untuk tujuan tersebut.
Beberapa contoh penggunaannya meliputi pembuatan brosur, pamflet, surat undangan, sampul buku, dan lain CorelDraw terus mengalami perkembangan untuk mengimbangi permintaan dari para profesional grafis yang bekerja di berbagai bidang seperti periklanan, penerbitan, percetakan, pembuatan stempel, pengukir, dan pemahat.
Salah satu keunggulan dari pengolahan gambar berbasis vektor adalah kemampuan hasil akhirnya yang dapat diperbesar hingga ukuran yang tak terhingga.
Pengujian menggunakan metode Black Box Testing fokus pada spesifikasi fungsional dari perangkat lunak.
Tester dapat menentukan serangkaian kondisi input dan menguji spesifikasi fungsional Dalam Pengujian Kotak Hitam, hal-hal yang sering ditemukan meliputi fungsi yang salah atau tidak ada, kesalahan antar muka, kesalahan pada struktur data dan akses basis data, kesalahan performa, serta kesalahan inisialisasi dan terminasi.
Tujuan dari penelitian ini adalah membuat buku mewarnai interaktif dengan teknologi AR (Augmented Realit.
yang dapat berjalan di sistem operasi Android.
METODE
Dalam penelitian ini, penulis menggunakan metode Design and Creation yang dikombinasikan dengan blackbox testing untuk menguji aplikasi augmented reality.
Untuk memastikan bahwa sistem yang dihasilkan sesuai dengan kebutuhan, perlu dilakukan analisis terhadap sistem yang akan dijalankan dan melakukan perancangan aplikasi yang sesuai dengan tujuan penelitian agar sistem dapat berjalan dengan baik dan benar.
Analisis Kebutuhan Fungsional merupakan pernyataan mengenai layanan sistem yang harus tersedia, bagaimana sistem akan merespons pada input tertentu, dan bagaimana perilaku sistem dalam situasi tertentu.
Dari hasil analisis yang telah dilakukan, beberapa kebutuhan fungsional ditemukan, .
Aplikasi harus mampu menampilkan menu utama yang terdiri dari menu Kamera.
Petunjuk, dan Keluar .
Aplikasi harus mampu menampilkan menu petunjuk dalam bentuk pop-up .
Aplikasi harus mampu menampilkan menu keluar dalam bentuk pop-up .
Aplikasi harus mampu menampilkan kamera AR .
Aplikasi harus mampu memindai marker dari buku mewarnai dengan ukuran A4 .
Ketika marker terdeteksi, aplikasi harus mampu menampilkan objek yang sesuai dengan marker yang terdeteksi.
HASIL DAN PEMBAHASAN
Perancangan Aplikasi Desain aplikasi ini melibatkan penggunaan diagram UML, termasuk Use Case Diagram.
Activity Diagram.
Sequence Diagram, dan Class Diagram.
Pendekatan perancangan sistem menggunakan UML dilakukan untuk memastikan bahwa sistem dapat berkinerja dengan jelas dan memahami batasanbatasannya dengan jelas.
Gambar 1 merupakan sequence diagram dari aplikasi Yuk Mewarnai.
Gambar 1.
Sequence diagram dari aplikasi mewarnai Perancangan Layout Desain sebuah layout antar muka adalah salah satu bagian penting dalam sebuah aplikasi, karena dengan desain user interface yang menarik dan mudah dipahami, maka pengguna akan dapat dengan mudah menggunakan aplikasi meski tidak dijelaskan secara mendetail cara penggunaannya.
Gambar 2 berikut adalah rancangan splash screen akan dibangun:
Gambar 2.
Rancangan splash screen Perancangan Buku Mewarnai Buku mewarnai dalam rangkaian aplikasi augmented reality Yuk Mewarnai adalah sebagai marker yang akan dipindai oleh aplikasi melalui smartphone.
Maka dari itu, rancangan buku mewarnai juga harus dibuat semenarik mungkin bagi pengguna.
Pemodelan 3D Dalam pembuatan objek 3D yang siap sebagai salah satu komponen dalam aplikasi Yuk Mewarnai, ada beberapa tahapan yang dilakukan seperti pemodelan 3D, lalu Riging yang dilanjutkan dengan UV Mapping dan penganimasian objek dan diakhiri dengan export ke format fbx.
Pembuatan Marker Marker dibuat menggunakan software Corel Draw X4 berupa gambar 10 binatang mamalia.
Ukuran dari marker adalah 21 x 21 cm karena dirancang untuk buku berukuran A4.
Marker ini selanjutnya harus di unggah ke website Vuforia untuk mendapatkan database augmented reality serta Developing Key untuk dapat digunakan pada Unity.
Gambar akan di export dalam format .
jpg dengan mode warna RGB agar dapat dideteksi oleh Vuforia.
Pembuatan Interface Interface dibuat berdasarkan rancangan menggunakan software Corel Draw X4.
Perancangan interface meliputi perancangan pada menu utama, kamera, petunjuk, dan keluar.
Untuk tombol yang digunakan, penulis menggunakan tombol berupa gambar bitmap.
Gambar 3 berikut adalah rancangan user interface yang akan dibangun:
Gambar 3.
Interface Menu Utama Pembuatan Aplikasi AR - Yuk Mewarnai Proses pembuatan aplikasi menggunakan unity terdiri dari beberapa bagian, yaitu dimulai dari pembuatan Splash Screen.
Pembuatan Menu Utama yang terdiri dari menu kamera, petunjuk dan Lalu dilanjutkan Pembuatan Menu Kamera AR yang merupakan fitur inti dari aplikasi augmented reality ini.
Dan diakhiri dengan compile project sehingga menjadi file .
apk yang dapat dipasang pada perangkat android.
Yang harus diperhatikan adalah pengaturan pada plugin Region Capture.
Satu bidang objek harus memiliki satu script AuGet TextureAy yang dapat diambil pada Prefabs Region Capture.
Ketika settingan sudah benar, maka pengambilan warna marker sebagai warna objek dapat terjadi secara Pembuatan Buku Mewarnai Dalam pembuatan sampul buku, penulis menggunakan software Corel Draw X4 untuk mendapatkan keleluasaan dalam mendesain grafis, selanjutnya gambar yang sudah jadi bisa di export dalam format bitmap untuk dilanjutkan ke penyusunan buku.
Isi buku dan sampul, disatukan menggunakan software Adobe Indesign CC 2014 untuk mempermudah pengaturan layout serta publikasi untuk di cetak.
Ukuran kertas di sesuaikan dengan rancangan awal yakni berukuran A4.
Pengujian Sistem Pengujian sistem menggunakan Black Box Testing yaitu dengan cara memasang aplikasi Yuk Mewarnai ke smartphone dengan sistem operasi Android.
Setelah dipasang, aplikasi dijalankan.
Peneliti mencetak gambar yang sudah di tentukan kemudian diwarnai.
Terdapat dua contoh warna yang di aplikasikan di gambar hewan kambing.
Hasil pewarnaan di kertas di scan menggunakan kamera di menu aplikasi Yuk Mewarnai.
Jarak minimal kamera dan kertas adalah 30 cm atau yang memungkinkan kamera untuk menyorot kertas secara penuh.
Hasilnya dicatat pada tabel 1 yang sudah disiapkan.
Gambar 4 menunjukkan hasil uji coba aplikasi augmented reality yang di scan menggunakan kamera smartphone.
Gambar 4.
Uji Coba Kamera AR Pengujian berikutnya adalah menggunakan black box testing terhadap aplikasi.
Hasil dari Black Box Testing dapat dilihat pada tabel 1:
Tabel 1: evaluasi menggunakan black box testing Unit Skenario Status Percobaan Splash Screen Menampilkan Splash Screen ketika aplikasi mulai dijalankan Berhasil Main Menu Menampilkan Main Menu setelah munculnya Splash Screen Berhasil Menu Kamera Menampilkan Kamera AR ketika pengguna memilih menu Kamera Berhasil Kamera AR Menampilkan Objek 3D ketika Marker Terdeteksi Berhasil Kamera AR Objek 3D menampilkan Warna sesuai dengan Warna pada Gambar Marker Berhasil Kamera AR Kembali ke Menu Utama, ketika pengguna menekan tombol kembali Berhasil Menu Petunjuk Menampilkan Menu petunjuk penggunaan aplikasi ketika pengguna memilih menu Petunjuk.
Berhasil Menu Petunjuk Kembali ke Menu Utama ketika pengguna menekan tombol Oke.
Berhasil Menu Keluar Memunculkan Pop-Up menu berisi konfirmasi keluar dengan tombol AuYaAy dan AuTidakAy Berhasil Menu Keluar Kembali ke Menu Utama ketika pengguna memilih konfirmasi AuTidakAy Berhasil Menu Keluar Aplikasi akan tertutup ketika pengguna memilih konfirmasi AuYaAy Berhasil Aplikasi Augmented Reality menggunakan marker buku mewarnai beserta buku mewarnai untuk anak-anak yang sudah dihasilkan merupakan satu kesatuan dalam aplikasi yang diberi nama AuYuk MewarnaiAy KESIMPULAN Berdasarkan rumusan masalah dan tujuan penelitian yang telah disebutkan sebelumnya, maka kesimpulan yang didapatkan dalam proses perancangan dan pembuatan buku mewarnai binatang dengan teknologi augmented reality dalam aplikasi yang bernama AuYuk MewarnaiAy yaitu:
Teknologi augmented reality dapat diterapkan pada buku mewarnai, dengan cara menjadikan gambar objek yang akan diwarna menjadi gambar marker.
Plugin Region Capture telah berhasil diterapkan pada aplikasi Yuk Mewarnai untuk mengambil warna dari marker lalu diterapkan pada objek 3D yang muncul ketika marker terdeteksi oleh kamera AR.
Pembuatan augmented reality untuk buku mewarnai dapat menjadi inovasi baru untuk metode penerapan warna pada aplikasi augmented reality.
Hasil black box testing menyimpulkan bahwa aplikasi Yuk Mewarnai menggunakan Region Capture dapat berfungsi penuh sesuai dengan rancangan.
Masih ada kekurangan pada aplikasi dan buku mewarnai 'Yuk Mewarnai' yang dapat diperbaiki dan ditingkatkan melalui analisis dan kesimpulan sebelumnya.
Untuk pengembangan lebih lanjut, aplikasi dan buku mewarnai 'Yuk Mewarnai' perlu dilakukan perbaikan dan penambahan beberapa komponen agar lebih baik.
Beberapa hal yang penulis sarankan kedepan untuk Aplikasi AuYuk MewarnaiAy ini adalah:
Pengoptimalan pengambilan warna dengan plugin Region Capture masih belum bisa maksimal karena UV Mapping yang terpisah Ae pisah.
Pengoptimalan pembacaan marker, sehingga walau menggunakan pewarna yang tebal, marker tetap dapat terbaca dengan baik.
Penambahan tombol pengambilan gambar ketika di mode kamera AR, sehingga pengguna dapat menyimpan gambar hasil karyanya dalam mewarnai gambar.
UCAPAN TERIMA KASIH
Terimakasih kepada Program Studi Informatika dan Program Studi Teknologi Informasi di Fakultas Ilmu Komputer Universitas Amikom Yogyakarta.
DAFTAR PUSTAKA