OPTIMALISASI WEBSITE ONLINE PERSONAL ASSESSMENT BERBASIS LARAVEL 10 DENGAN METODE OPEN SOURCE MODEL
OPTIMIZATION OF A LARAVEL 10-BASED ONLINE PERSONAL ASSESSMENT WEBSITE USING THE OPEN-SOURCE MODEL METHOD
DOI:
https://doi.org/10.52972/hoaq.vol17no1.p173-181Keywords:
Online Personal Assessment, Laravel 10, Open Source Development, FrontendAbstract
Website Online Personal Assessment (OPA) merupakan platform assessment digital yang digunakan untuk memberikan rekomendasi karir kepada pengguna. Namun, pada implementasinya masih ditemukan sejumlah permasalahan pada sisi antarmuka pengguna, antara lain tampilan yang kurang responsive dan ketidakakuratan informasi pada modal peringatan retake tes. Penelitian ini bertujuan untuk melakukan optimalisasi pada sistem OPA berbasis Laravel 10 dengan menerapkan pendekatan Open Source Development (OSD) yang difokuskan pada perbaikan frontend tanpa melakukan perubahan pada logika backend. Metode penelitian meliputi analisis kebutuhan, perancangan ulang antarmuka, implementasi optimalisasi menggunakan Blade Template, TailwindCSS, JavaScript, dan SweetAlert2, serta pengujian fungsional dan non-fungsional. Evaluasi dilakukan melalui black-box testing, pengujian responsivitas dan heuristic evaluation berbasis penilaian oleh tim UI/UX internal dengan indikator yang mencakup responsivitas tampilan, stabilitas layout, kejelasan dan keakuratan feedback sistem. Hasil penelitian menunjukkan bahwa optimalisasi yang dilakukan menghasilkan peningkatan kualitas UI/UX secara signifikan, ditunjukkan oleh terpenuhinya seluruh indikator evaluasi dengan tingkat keberhasilan 100% pada pengujian responsivitas resolusi 360px–1366px, serta perbaikan keakuratan informasi feedback dari kondisi tidak konsisten menjadi konsisten dan real-time. Perbandingan kondisi sebelum dan sesudah optimalisasi menunjukkan perbaikan yang konsisten pada stabilitas layout, kenyamanan navigasi dan efisiensi proses assessment. Secara keseluruhan, penelitian ini membuktikan bahwa optimalisasi frontend berbasis open source mampu meningkatkan usability dan kualitas pengalaman pengguna pada platform assessment digital tanpa memerlukan perubahan pada sisi backend.
The Online Personal Assessment (OPA) website is a digital assessment platform designed to provide career recommendations to users. However, its implementation still reveals several user interface issues, including limited responsiveness and inaccurate information in the retake test warning modal. This study aims to optimize the OPA system built on Laravel 10 by applying an Open Source Development (OSD) approach focused on frontend improvements without modifying the backend logic. The research methods include requirement analysis, interface redesign, optimization implementation using Blade Template, Tailwind CSS, JavaScript, and SweetAlert2, as well as functional and non-functional testing. Evaluation was conducted through black-box testing, responsiveness testing, and heuristic evaluation based on assessments by an internal UI/UX team, with indicators covering interface responsiveness, layout stability, and clarity and accuracy of system feedback. The results indicate that the implemented optimizations significantly improved UI/UX quality, as evidenced by the fulfillment of all evaluation indicators with a 100% success rate in responsiveness testing across screen resolutions ranging from 360px to 1366px, as well as the improvement of feedback information accuracy from inconsistent to consistent and real-time. A comparison of conditions before and after optimization demonstrates consistent improvements in layout stability, navigation comfort, and assessment process efficiency. Overall, this study proves that open-source–based frontend optimization can enhance usability and user experience quality in digital assessment platforms without requiring changes to the backend.
References
J. A. A. Safrizal, C. Anwar, A. El Rayeb, Y. C. Simamora, and A. V. Hasugian, “Sistem Rekomendasi Personalisasi Pembelajaran Mahasiswa untuk Prediksi Karir dan Sertifikasi Kompetensi yang Tepat,” JITEK (Jurnal Informatika dan Teknologi Komputer), vol. 5, no. 2, pp. 1–9, Jun. 2025, doi: 10.55606/jitek.v5i2.5514.
A. A. Friatna, N. S. Putra, S. Roekminiati, and S. Pramono, “Inovasi Asesmen Digital: Pengabdian Masyarakat dalam Pengembangan Sistem Asesmen Jarak Jauh pada Lembaga Sertifikasi MSDM Universal Surabaya,” Aksi Kita: Jurnal Pengabdian kepada Masyarakat, vol. 1, no. 4, pp. 664–671, Jul. 2025, doi: 10.63822/2ayppe03.
M. K. Ashari, S. Athoillah, and M. Faizin, “Model E-Asesmen Berbasis Aplikasi pada sekolah Menengah Atas di Era Digital: Systematic literature review,” Jurnal Pendidikan, vol. 6, no. 2, pp. 132–150, Jun. 2023, doi: http://dx.doi.org/10.30659/jpai.6.2.132-150.
A. Nurkholis, and I. S. Sitanggang, "Optimalisasi Model Prediksi Kesesuaian Lahan Kelapa Sawit Menggunakan Algoritme Pohon Keputusan Spasial," Jurnal Teknologi dan Sistem Komputer, vol. 8, no. 3, pp. 192-200, Jul. 2020. https://doi.org/10.14710/jtsiskom.2020.13657.
J. Siva, I. A. Rahmadani, Q. Taqwa, and M. A. Fahrozie, “Optimalisasi Performa dan User Experience pada Web Multimedia Penjualan Cookies,” JUKTISI (Jurnal Komputer Teknologi Informasi dan Sistem Informasi), vol. 3, no. 1, pp. 706–714, Jun. 2024, doi: https://doi.org/10.62712/juktisi.v3i1.224.
C. R. Komala, H. S. Hadi, and S. S. Tyas, “Redesign UI/UX Website HSB Investasi Menggunakan Metode Design Thinking,” KOMITEK (Jurnal Komputasi dan Informatika), vol. 5, no. 1, pp. 1–14, Jun. 2025, doi: https://doi.org/10.53697/jkomitek.v5i1.2683.
Asep and Irvanda, “Optimalisasi penyusunan dan Pembuatan Laporan untuk Mewujudkan Good Governance,” JIH (Jurnal Ilmu Hukum), vol. 11, no. 1, pp. 281-290, Jun. 2022, doi: 10.47492/jih.v11i1.1611.
S. W. Mafriza, “Klasifikasi Karir Mahasiswa Bidang Web Developer Menggunakan Algoritma Naïve Bayes,” Infotech Journal, vol. 4, no. 2, pp. 270–280, Oct. 2023, doi: 10.37373/infotech.v4i2.907.
F. S. Averoes, “Peningkatan Performa Aplikasi Web Dinamis Berbasis PHP,” JINTIKOM (Jurnal Informatika dan Teknologi Informasi Komputer), vol. 1, no. 1, pp. 37–44, Mar. 2025, doi: https://journal.umbogorraya.ac.id/index.php/jintikom/article/view/349.
S. Apriani, D. Kurniawan, and A. Rahman, “Optimalisasi Website Pemerintahan Desa Menggunakan Laravel dan MySQL,” Jurnal Inovasi Komputer, vol. 1, no. 2, pp. 96–108, May. 2025, doi: 10.71200/inokom.v1i2.76.
L. F. Sari, “Pengembangan Perangkat Lunak Berbasis Open Source: Model kolaborasi dan Keuntungannya,” Jurnal Dunia Data, vol. 1, no. 2, pp. 1–15, Dec. 2024, doi: http://duniadata.org/index.php/duniadata/article/download/37/34.
M. M. I. Harahap, H. D. Septama, and M. Komarudin, “Agenda Menggunakan Sistem Informasi,” JITET (Jurnal Ilmiah Teknik Elektro dan Teknologi Informasi), vol. 10, no. 3, pp. 193–200, Aug. 2022, doi: https://doi.org/10.23960/jitet.v10i3.2650.
I. N. Tri and A. Putra, “Analisis Front End Sistem Informasi Website PT Bali Swakinarya Cipta Sejahtera menggunakan System Usability Scale (SUS),” JTII (Jurnal Teknologi Informasi dan Industri), vol. 6, no. 2, pp. 79–89, Feb. 2022, doi: https://doi.org/10.30869/jtii.v6i2.656.
I. I. Ismail, “Optimalisasi Kompetensi Keberlanjutan: Analisis Reliabilitas dan Validitas Asesmen Pra-Pembelajaran,” Didaktika: Jurnal Pendidikan Dasar, vol. 8, no. 3, pp. 1223–1240, Nov. 2024, doi: 10.26811/didaktika.v8i3.1661.
Salamun and Sukri, “Analisa Pemanfaatan dan peran Software Open-Source bagi Mahasiswa Universitas Abdurrab,” JBI (Jurnal Buana Informatika), vol. 12, no. 1, pp. 49–57, Apr. 2021, doi: https://doi.org/10.24002/jbi.v12i1.4145.
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2026 HOAQ (High Education of Organization Archive Quality) : Jurnal Teknologi Informasi
This work is licensed under a Creative Commons Attribution 4.0 International License.
Jurnal HOAQ (High Education of Organization Archive Quality) : Jurnal Teknologi Informasi diterbitkan berdasarkan lisensi Creative Commons Attribution 4.0 International License (CC BY 4.0). Lisensi ini memungkinkan setiap orang untuk Berbagi: menyalin dan mendistribusikan kembali materi ini dalam format atau bentuk apapun; Adaptasi: merombak, mengubah, dan membuat turunan dari materi ini untuk keperluan apa pun, termasuk keperluan komersial, asalkan mereka memberikan pengakuan kepada Penulis Asli atas hasil karya aslinya.
