IMPLEMENTASI FRONTEND WEBSITE ENGLISH ASSESMENT MENGGUNAKAN NEXT.JS DAN TAILWIND CSS

Jimly Assidqi Hardiansyah

doi:10.23960/jitet.v14i3.9943

Jimly Assidqi Hardiansyah
Universitas Amikom Purwokerto

DOI: https://doi.org/10.23960/jitet.v14i3.9943

Keywords Frontend, Englsih Assesment, Next.js, Tailwind CSS, Figma

Abstract Views (Last 12 Months)

2 Abstract Views

4 Downloads

Abstract

Perkembangan platform assessment berbasis web mendorong pentingnya implementasi frontend yang responsif dan sesuai dengan desain UI/UX untuk meningkatkan pengalaman pengguna. Penelitian ini bertujuan mengimplementasikan frontend website English Assessment berdasarkan desain UI/UX dari Figma menggunakan Next.js dan Tailwind CSS. Metode pengembangan yang digunakan adalah Software Development Life Cycle (SDLC) model waterfall yang terdiri dari tahap requirement, design, implementation, testing, dan maintenance. Implementasi frontend difokuskan pada pengembangan tampilan antarmuka yang responsif, interaktif, dan konsisten dengan desain yang telah dirancang sebelumnya. Pengujian dilakukan pada fitur utama seperti listening, reading, speaking, timer, audio player, responsive design, dan integrasi API. Evaluasi pengguna dilakukan menggunakan kuesioner skala Likert terhadap 211 responden dengan 18 pertanyaan. Hasil analisis memperoleh persentase sebesar 75,25% yang termasuk dalam kategori baik. Hasil tersebut menunjukkan bahwa website yang dikembangkan memiliki usability dan pengalaman pengguna yang baik sehingga implementasi frontend menggunakan Next.js dan Tailwind CSS berhasil mendukung pengembangan website English Assessment yang responsif dan mudah digunakan

Downloads

Download data is not yet available.

References

S. Tjoen Purnomohadi Sutedjo, E. Pramana, and T. Surabaya, “FACTORS INFLUENCING STUDENTS’ INTENTION TO ADOPT E-LEARNING WITH EXTENDED UTAUT FAKTOR-FAKTOR YANG MEMPENGARUHI NIAT SISWA UNTUK MENGADOPSI E-LEARNING DENGAN UTAUT YANG DIPERLUAS”.

M. W. Iqbal, K. Shinan, S. R. S. Rafique, A. Alourani, M. U. Ashraf, and N. Z. A. Rahim, “Usability and optimization of online apps in user’s contex,” PeerJ Comput. Sci., vol. 10, 2024, doi: 10.7717/PEERJ-CS.2561.

J. Ara and C. Sik-Lanyi, “Automated evaluation of accessibility issues of webpage content: tool and evaluation,” Sci. Rep., vol. 15, no. 1, Dec. 2025, doi: 10.1038/s41598-025-92192-5.

“Development and Application of Web-based Machine Learning Program for Automated Assessment Model Generation,” Institute of Brain-based Education Korea National University of Education, vol. 12, no. 4, 2022, doi: 10.31216/bdl.20220034.

S. Ikhvan et al., “Frontend Implementation on EngVenture Application at IntSys Research Lab,” 2025. [Online]. Available: http://jurnal.polibatam.ac.id/index.php/JAIC

Y. Gui et al., “FIGMA2CODE: AUTOMATING MULTIMODAL DESIGN TO CODE IN THE WILD.”

K. Fajri and M. S. Amin, “PENERAPAN METODE USER-CENTERED DESIGN (UCD) DALAM PERANCANGAN UI&UX PADA PLATFORM ENGLISH ASSESSMENT BERBASIS WEB.” [Online]. Available: http://ejournal.stmik-time.ac.id

D. C. P. Yuda, A. S. Y. Irawan, and E. H. Nurkifli, “RANCANG BANGUN SISTEM POINT OF SALES BERBASIS WEB MENGGUNAKAN FRAMEWORK LARAVEL PADA PERCETAKAN RADJAWALI DIGITAL PRINTING,” Jurnal Informatika dan Teknik Elektro Terapan, vol. 12, no. 3, Aug. 2024, doi: 10.23960/jitet.v12i3.4773.

W. I. Rahayu, J. Mutiara Bintang, and D. A. Pramana, “IMPLEMENTASI FRAMEWORK LARAVEL PADA PERANCANGAN APLIKASI SISTEM PENDAFTARAN PROGRAMMING COURSE ROBLOX,” 2023.

S. Ramadhani and R. Hidayati, “Analisis Kepuasan Mahasiswa terhadap Penggunaan Aplikasi Figma dalam Desain UI/UX dengan Pendekatan End-User Computing Satisfaction (EUCS),” Digital Transformation Technology, vol. 4, no. 2, pp. 1132–1139, Jan. 2025, doi: 10.47709/digitech.v4i2.5292.

M. Izzuddin, N. C. Wibowo, and E. D. Wahyuni, “RANCANG BANGUN SISTEM INFORMASI MANAJEMEN RUANG RAPAT PADA PT XYZ MENGGUNAKAN JAVASCRIPT,” Jurnal Informatika dan Teknik Elektro Terapan, vol. 13, no. 2, Apr. 2025, doi: 10.23960/jitet.v13i2.6305.

R. Yuniz Teresya, M. L. Al Ghiffary, and I. Hartami Santi, “Implementasi Website Pemesanan Tiket Konser Online dengan Framework Next.js,” Jurnal Teknologi Informasi, vol. 16, no. 2, pp. 58–64, Jan. 2026, doi: 10.36382/jti-tki.v16i2.577.

S. Azhariyah and M. Mukhlis, “Framework CSS: Tailwind CSS Untuk Front-End Website Store PT. XYZ.” [Online]. Available: https://jurnal.uniraya.ac.id/index.php/JI

Y. Sri Rahayu et al., “IMPLEMENTASI METODE WATERFALL PADA PENGEMBANGAN SISTEM INFORMASI MOBILE E-DISARPUS,” 2024.

V. H. Pranatawijaya, W. Widiatry, R. Priskila, and P. B. A. A. Putra, “Penerapan Skala Likert dan Skala Dikotomi Pada Kuesioner Online,” Jurnal Sains dan Informatika, vol. 5, no. 2, pp. 128–137, Dec. 2019, doi: 10.34128/jsi.v5i2.185.