PERANCANGAN UI/UX DAN FRONTEND DENGAN FRAMEWORK LARAVEL UNTUK APLIKASI LMS (STUDI KASUS: GALERI KEJURUAN BMTI)

Dalam era digital yang terus berkembang, Sistem Manajemen Pembelajaran (Learning Management System atau LMS) memainkan peran penting pada penting dalam memberikan platform interaktif dan efisien untuk menyampaikan materi pembelajaran, memfasilitasi kolaborasi, dan menaikkan kualitas pendidikan. Namun, buat memastikan kesuksesan LMS, perancangan antarmuka pengguna (UI/UX) yang baik dan pengembangan frontend yang sophisticated (canggih) menjadi faktor kritis. Di website Galeri Kejuruan Bidang Mesin dan Teknik Industri (BMTI) yang sekarang masih terlihat kurang interaktif dan kurang mudah digunakan dalam segi tampilan website tersebut. Sistem Aplikasi LMS Galeri Kejuruan BMTI yang sekarang terdiri dari pengembangan sistem untuk menunjang kebutuhan media pembelajaran yang terpusat serta dashboard dan beranda yang dapat menampilkan pembelajaran - pembelajaran yang ada serta data statistic yang dimana menyediakan informasi mengenai kegiatan pembelajaran secara lengkap dan komprehensif. Guna menudukung kemudahan para stakeholders dalam menyusun rencana pemeliharaan, pengembangan, pembangunan, penganggaran serta pengawasan serta peserta dan tenaga pendidikan agar lebih mudah dalam melakukan pelatihan.

 

Kata kunci: Interaktif, Efisien, UI/UX, Frontend, LMS.

Sentosa, P. D. (2022). Laporan Akhir Pengembangan Sistem Aplikasi Website Galeri Kejuruan BBPPMV BMTI. Jakarta Selatan: PT. Dasa Aprilindo Sentosa.

Nurdin, I. I. (2022). Pembuatan Website Personal Guru Sebagai Pendukung Learning Management System Untuk Meningkatkan Kompetensi Guru Dalam Mengelola Pembelajaran. JMM (Jurnal Masyarakat Mandiri), 1-13.

Heru Wijayanto Aripradono, H. (2022). Pengembangan E-Learning Management System Untuk Tingkat Sekolah Dasar Berbasis Website dengan Metode Agile. Journal of Information System Research (JOSH), 1-5.

Jonathan Frelispradana Musila, A. P. (2022). Perancangan Pengalaman Pengguna Aplikasi Website Learning. Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer, 1-9.

Heru Wijayanto Aripradono, H. (2022). Perancangan Website Sekolah dan LMS di SMK Harapan Utama. journal.uib.ac.id, 1-5.

Putri Maulidah Hasanah, L. F. (2021). Perancangan User Experience Learning Management System (LMS) Menggunakan Metode Goal-Directed Design (Studi Kasus: Rakryan Digital Academy). Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer, 1-9.

Area, U. M. (2021, Juli 22). Apa Itu Learning Management System (LMS). Retrieved from uma.ac.id: https://uma.ac.id/berita/apa-itu-learning-management-system-40lms41

Azkiya, G. (2021, Desember 1). Mengenal Front End dan Back End Developer: Definisi, Tugas, Skill yang Dibutuhkan, Hingga Perbedaannya. Retrieved from blog.skillacademy.com: https://blog.skillacademy.com/perbedaan-front-end-dan-back-end

Media, E. (n.d.). Bedanya UI Dan UX. Retrieved from www.ekrut.com: https://www.ekrut.com/media/ini-lho-bedanya-ui-dan-ux

Adani, M. R. (2020, Agustus 9). Mengenal Profesi UI UX Designer Sebagai Karier Impian Masa Depan. Retrieved from www.sekawanmedia.co.id: https://www.sekawanmedia.co.id/blog/ui-ux-designer/

dreambox.id. (n.d.). Pengertian User Interface serta Karakteristiknya. Retrieved from www.dreambox.id: https://www.dreambox.id/blog/digital-marketing/user-interface-adalah-berikut-pengertian-serta-8-karakteristiknya/

Team, J. H. (2020, Februari 5). Apa itu Laravel? Fitur & Kelebihan dibanding Framework lainnya. Retrieved from www.jagoanhosting.com: https://www.jagoanhosting.com/blog/framework-laravel/

SEW. (2019, September 27). Laravel View dan Blade (Belajar Laravel #5). Retrieved from informatika.uc.ac.id: https://informatika.uc.ac.id/id/2019/09/laravel-view-blade/

Jho. (2023, Februari 17). Apa itu User Interface (UI)? Fungsi & Karakteristik UI yang Baik. Retrieved from www.jogjahost.co.id: https://www.jogjahost.co.id/blog/user-interface-adalah/#:~:text=Tapi%2C%20UI%20juga%20wajib%20mendukung,responsif%2C%20familiar%2C%20dan%20estetik

Muhammad Robith Adani. (2023, Juni 17). Metode Agile Development dalam Pengembangan Perangkat Lunak. Retrieved from www.sekawanmedia.co.id: https://www.sekawanmedia.co.id/blog/metode-agile-development/

Ariata C. (2022, Desember 14). Apa Itu WordPress? Pengertian WordPress serta Kelebihannya. Retrieved from www.hostinger.co.id: https://www.hostinger.co.id/tutorial/apa-itu-wordpress

Yunita Setiyaningsih. (2023, September 27). Pengertian Adobe XD – Sejarah, Fungsi, Fitur, Kelebihan, Kekurangan. Retrieved from www.hostinger.co.id: https://www.hostinger.co.id/tutorial/apa-itu-wordpress

Amelia Shinta. (2023, Mei 30). Mockup: Arti, Fungsi, Contoh, & Mengapa Penting bagi Desainer. Retrieved from www.dewaweb.com: https://www.dewaweb.com/blog/apa-itu-mockup/

Dicoding Intern. (2021, Mei 12). Apa itu UML? Beserta Pengertian dan Contohnya. Retrieved from www.dicoding.com: https://www.dicoding.com/blog/apa-itu-uml/