Perancangan UI/UX Augmented Reality Untuk Aplikasi Tuntunan Sholat Dan Doa Harian Sebagai Media Pembelajaran Yayasan Ummul Quro

Authors

  • Tifara Prameswari Amanda Telkom University
  • Aprianti Putri Sujana Telkom University
  • Anang Sularsa Telkom University

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.

Downloads

Published

2023-06-26

Issue

Section

Program Studi D4 Teknologi Rekayasa Multimedia