PERANCANGAN FRONT-END SISTEM INFORMASI AKADEMIK BERBASIS WEBSITE MENGGUNAKAN FRAMEWORK REACT NEXT JS: STUDI KASUS DI RA AMANAH SCHOOL

Penelitian ini membahas tentang perancangan Front-End Sistem Informasi Akademik berbasis website pada RA Amanah School dengan menerapkan metode Agile. Proses pengembangan melibatkan lima tahap utama: requirement, design, development, testing, dan review. Pada tahap requirement, kebutuhan pengguna dikumpulkan melalui observasi dan wawancara, kemudian diterjemahkan ke dalam user flow diagram, use case diagram, activity diagram, dan sequence diagram pada tahap design. Desain tersebut diimplementasikan ke dalam bentuk kode menggunakan framework React Next.js pada tahap development. Setelah prototipe Front-End selesai, dilakukan pengujian menggunakan metode usability test untuk memastikan antarmuka sesuai kebutuhan dan mudah digunakan. Hasil evaluasi dari usability test menunjukkan skor 89% dari sisi user admin dan 90% dari sisi user orang tua, yang berarti prototipe Front-End telah memenuhi ekspektasi pengguna. Implementasi sistem ini diharapkan dapat mengatasi masalah manajemen data akademik dan monitoring kehadiran siswa, serta meningkatkan efektivitas komunikasi antara guru dan orang tua siswa.

Kata kunci : Front-End, agile, react.js, sistem informasi