Perancangan UI/UX Augmented Reality Untuk Aplikasi Tuntunan Sholat Dan Doa Harian Sebagai Media Pembelajaran Yayasan Ummul Quro
Abstract
Abstrak—Yayasan Ummul Quro adalah Yayasan Tahfiz Quran yang pertama kali di kabupaten lima puluh kota yang terletak di kenagarian VII Koto Talago, kabupaten Lima puluh kota. Yayasan ini sudah berdiri kurang lebih 2 tahun yang memiliki siswa/I kurang lebih sekitar 70 orang. Aplikasi Augmented Reality adalah teknologi yang menyatukan benda maya 2 dimensi atau 3 dimensi ke dalam lingkungan nyata, lalu memproyeksikan benda maya secara dalam waktu nyata. Pada proyek akhir ini dilakukan di Yayasan Ummul Quro. Permasalahan yang terjadi adalah terhambatnya proses pembelajaran Pendidikan Agama Islam karena pandemi Covid-19 sehingga membuat pembelajaran tidak efesien, terutama dalam proses belajar praktek shalat. Tujuan dari aplikasi AR ini untuk memudahkan siswa/I dalam menghadapi pembelajaran daring. Aplikasi AR Tuntunan Shalat dan Doa Harian sudah dilengkapi dengan tampilan desain UI/IX. Dalam pembuatan konsep UI/UX terdapat pemilihan font, button warna, dan tata letak. Pembuatan desain UI/UX menggunakan Multimedia Development Life Cycle (MDCL). Hasil dari Proyek Akhir ini menghasilkan aplikasi AR yang mampu menghasilkan model 3D, suara, dan doa harian sehari-hari. Komponen sistem pada aplikasi terdiri dari Obejk 3D, dan suara. Proses perancangan dilakukan melalui website figma dan diimplementasikan ke aplikasi unity, dan dapat digunakan melalui smartphone.
Kata Kunci—augmented reality, aplikasi, UI/UX, MDLC
References
REFERENSI
D. Indonesia, "Apa itu Augmented Reality dan
Contohnya?," [Online]. Available:
https://www.dicoding.com/blog/apa-itu-augmented-realitydan-contohnya/. [Accessed 12 maret 2022].
NiagaHoster, "Perbedaan UI dan UX Beserta
Contohnya," [Online]. Available:
https://www.niagahoster.co.id/blog/perbedaan-ui-dan-ux/.
[Accessed 16 maret 2022].
NiagaHoster, "User Experience (UX): Pengertian
dan Tips Penerapannya untuk Pemula," [Online].
Available: https://www.niagahoster.co.id/blog/userexperience-adalah/. [Accessed10 mei 2022].
CloudHost, "Apa Itu User Interface (UI) :
Pengertian, Fungsi, dan Cara Kerjanya," [Online].
Available: https://idcloudhost.com/apa-itu-user-interfaceui-pengertian-fungsi-dan-cara- kerjanya/. [Accessed 10
mei 2022].
E. Elisa, "Pengertian Media Pembelajaran,"
[Online]. Available:
https://educhannel.id/blog/artikel/pengertian-mediapembelajaran.html. [Accessed 7 mei 2022].
CloudHost, "Mengenal Apa itu Figma : Fitur,
Fungsi, Cara Kerja / Menggunakannya," [Online].
Available: https://idcloudhost.com/mengenal-apaitu-figma-fitur-fungsi-cara-kerja- menggunakannya/.
[Accessed 25 mei 2022].
KasKus, "APA ITU UNITY 3D GAME
ENGINE BESERTA KELEBIHAN DAN
KEKURANGANNYA,"
[Online]. Available:
https://m.kaskus.co.id/thread/5fd996ad2637721bec5008b2
/?ref=header&med=se. [Accessed 20 mei 2022].
W. N. Cholifah, Y. and S. M. Sagita,
"PENGUJIAN BLACK BOX TESTINGPADA
APLIKASI ACTION & STRATEGYBERBASIS
ANDROID DENGAN TEKNOLOGI PHONEGAP,"
Jurnal String, vol. 3, 2018.
M. A. Setiono and R. , "Analisa Pengaruh Visual
Efek Terhadap Minat Responden FilmPendek Eyes For
EyesPada Bagian Pengenalan Cerita(Part1)Dengan
Metode Skala Likert," Komputer Terapan, vol. 1, 2015.