Frontend Design and Development of Thesis Management Application Using NextJS in Physics Study Program UPN “Veteran” Jatim
Abstract
In higher education institutions, managing undergraduate thesis administration remains a challenge, particularly in the Physics Study Program, which currently lacks an system that can manage the process of students thesis. To address this issue, the Thesis Management Application was developed as a solution to manage thesis administration through a web-based system accessible to Students, Lecturers, Thesis Coordinators, and Study Program Coordinator. This study focuses on frontend web development using the Next.js framework and APIs. The application offers key features including authentication, pre-proposal submission, thesis advisor assignment, seminar and examination management, and submission of graduation documents. The development process followed the Scrum methodology over six sprint iterations. The application was tested using both black-box testing and user acceptance testing. A total of 177 were tested using black-box testing, all of which received a passed status. User Acceptance Testing was conducted across the four user roles mentioned earlier, with all features receiving accepted status Finally, the system was deployed on the Vercel cloud hosting server, allowing public access for users.
Downloads
References
R. M. Thamrin and R. Andriani, “Design Web-Based Registration And Data Management Of Student Thesis Information System,” SISFOTENIKA, vol. 11, no. 1, p. 101, Feb. 2021, doi: 10.30700/jst.v11i1.1111.
T. P. Handayani, R. Maku, and R. Musa, “SISTEM INFORMASI MANAJEMEN SKRIPSI BERBASIS WEB DI UNIVERSITAS MUHAMMADIYAH GORONTALO,” J. Ilmu Komput. JUIK, vol. 1, no. 2, Oct. 2021, doi: 10.31314/juik.v1i2.1174.
N. A. B. Saputra and H. S. Purba, “Rancangan Sistem Manajemen Skripsi Berbasis Web Menggunakan Metode Rapid Application Development (RAD),” JURIKOM J. Ris. Komput., vol. 9, no. 5, p. 1621, Oct. 2022, doi: 10.30865/jurikom.v9i5.5012.
M. Muslich and Maryaeni, Bagaimana menulis skripsi. PT Bumi Aksara, 2009.
I. G. N. T. A. P. Wijaksana, I. P. Satwika, and I. N. Y. A. Wijaya, “SISTEM INFORMASI SKRIPSI STMIK PRIMAKARA BERBASIS WEBSITE MENGGUNAKAN FRAMEWORK LARAVEL,” J. Teknol. Inf. Dan Komput., vol. 6, no. 2, Jan. 2020, doi: 10.36002/jutik.v6i2.1018.
D. A. Kristiyanti and A. Mulyana, “Sistem Informasi Monitoring Skripsi Berbasis Web (Studi Kasus: Prodi Akuntansi Universitas Mercu Buana),” J. Sist. Inf. BISNIS, vol. 10, no. 1, pp. 56–63, Jun. 2020, doi: 10.21456/vol10iss1pp56-63.
M. Farhan, E. D. Wahyuni, and A. R. E. Najaf, “SISTEM INFORMASI POINT OF SALE BERBASIS WEB DENGAN NODE.JS (STUDI KASUS: CWIMIE KAISAR),” 2024.
Q. Behruz and U. Son, “WEB FRONT-END AND BACK-END TECHNOLOGIES IN PROGRAMMING,” Int. Sci.-Online Conf., 2024, doi: https://doi.org/10.5281/zenodo.10518360.
M. F. S. Lazuardy and D. Anggraini, “Modern Front End Web Architectures with React.Js and Next.Js,” vol. 7, no. 1, 2022.
S. M. Prasetiyo, M. I. P. Nugroho, R. L. Putri, and O. Fauzi, “Pembahasan Mengenai Front-End Web Developer dalam Ruang Lingkup Web Development,” vol. 01, no. 6, 2022.
A. Baehaqi, M. S. Basit, R. E. Indrajit, and R. D. Kurniawan, “FRONT END LEARNING MANAGEMENT SYSTEM DEVELOPMENT USING THE NEXTJS FRAMEWORK,” J. Tek. Inform. Jutif, vol. 4, no. 4, pp. 899–911, Aug. 2023, doi: 10.52436/1.jutif.2023.4.4.1273.
Z. Lei, H. Zhou, W. Hu, and G.-P. Liu, “Toward an international platform: A web-based multi-language system for remote and virtual laboratories using react framework,” Heliyon, vol. 8, no. 10, p. e10780, Oct. 2022, doi: 10.1016/j.heliyon.2022.e10780.
R. Vyas, “Comparative Analysis on Front-End Frameworks for Web Applications,” Int. J. Res. Appl. Sci. Eng. Technol., vol. 10, no. 7, pp. 298–307, Jul. 2022, doi: 10.22214/ijraset.2022.45260.
H. H. B. Kora and M. S. Manita, “Modern Front-End Web Architecture Using React.js and Next.js,” Univ. Zawia J. Eng. Sci. Technol., vol. 2, no. 1, pp. 1–13, Aug. 2024, doi: 10.26629/uzjest.2024.01.
A. Nugroho, K. Prihandani, and R. Mayasari, “RANCANG BANGUN SISTEM PEMBELIAN E-TICKET BERBASIS WEBSITE DENGAN KONSEP SERVER-SIDE RENDERING MENGGUNAKAN FRAMEWORK NEXT JS PADA WISATA TELAGA KUSUMA JUMANTONO,” JATI J. Mhs. Tek. Inform., vol. 8, no. 4, pp. 5771–5777, Jun. 2024, doi: 10.36040/jati.v8i4.9960.
V. K. R. Ballamudi, K. Lal, H. Desamsetti, and S. Dekkati, “Getting Started Modern Web Development with Next.js: An Indispensable React Framework,” vol. 1, no. 1, 2021.
R. A. Ananda and G. F. Nama, “ANALISIS DAN PERANCANGAN LAYANAN STREAMING FILM BERBASIS WEB LANGGANAN MENGGUNAKAN FRAMEWORK NEXTJS,” J. Inform. Dan Tek. Elektro Terap., vol. 12, no. 1, Jan. 2024, doi: 10.23960/jitet.v12i1.3967.
M. Riva, Real-World Next.js: Build Scalable, High-Performance, and Modern Web Applications Using Next. Js, the React Framework for Production. Packt Publishing, Limited., 2022.
S. H. Jensen, A. Møller, and P. Thiemann, “Type Analysis for JavaScript,” in Static Analysis, vol. 5673, J. Palsberg and Z. Su, Eds., in Lecture Notes in Computer Science, vol. 5673. , Berlin, Heidelberg: Springer Berlin Heidelberg, 2009, pp. 238–255. doi: 10.1007/978-3-642-03237-0_17.
G. Bierman, M. Abadi, and M. Torgersen, “Understanding TypeScript,” ECOOP 2014 – Object-Oriented Program., pp. 257–281, 2014, doi: https://doi.org/10.1007/978-3-662-44202-9_11.
J. Bogner and M. Merkel, “To Type or Not to Type? A Systematic Comparison of the Software Quality of JavaScript and TypeScript Applications on GitHub,” in Proceedings of the 19th International Conference on Mining Software Repositories, May 2022, pp. 658–669. doi: 10.1145/3524842.3528454.
K. Schwaber and J. Sutherland, “The Scrum Guide The Definitive Guide to Scrum: The Rules of the Game,” 2011.
K. S. Rubin, Essential Scrum: A practical guide to the most popular agile process. Addison-Wesley, 2013.
Y. Yarpriransa, D. Saripurna, and H. Santoso, “Implementasi Metode Scrum pada Pengembangan Aplikasi Bimbingan Skripsi Online,” Hello World J. Ilmu Komput., vol. 2, no. 1, pp. 42–57, Apr. 2023, doi: 10.56211/helloworld.v2i1.228.
H.-E. Eriksson, Ed., UML 2 toolkit. Indianapolis, Ind: Wiley Pub, 2004.
Copyright (c) 2025 Adimas Syiraa Setiabudhi, Eka Dyar Wahyuni, Nur Cahyo Wibowo
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
This is an open-access article distributed under the terms of the Creative Commons Attribution-ShareAlike 4.0 International License which permits unrestricted use, distribution, and reproduction in any medium. Users are allowed to read, download, copy, distribute, search, or link to full-text articles in this journal without asking by giving appropriate credit, provide a link to the license, and indicate if changes were made. All of the remix, transform, or build upon the material must distribute the contributions under the same license as the original.
