Penelitian ini bertujuan merancang Front End aplikasi Sistem Informasi Akademik SMA N 4 Payakumbuh, fokus pada rekapitulasi nilai, absensi,dan SPP. Menggunakan metode Waterfall, tahapan meliputi analisis kebutuhan, perancangan antarmuka, implementasi, pengujian, dan pemeliharaan. Metode Responsive Design diterapkan agar antarmuka beradaptasi dengan berbagai ukuran layar dan perangkat, meningkatkan aksesibilitas bagi pengguna dari desktop, tablet, hingga ponsel cerdas. Front End ini memberikan akses user-friendly kepada guru, siswa, dan staf TU untuk memantau dan mengelola data akademik secara efisien. Dengan menggunakan React Native, aplikasi dapat berjalan di berbagai platform seperti iOS, dan Android untuk pengguna siswa, dan website untuk pengguna staff tu dan guru menggunakan php laravel. Memastikan informasi nilai, absensi, dan pembayaran SPP dapat diakses dengan cepat dan akurat. Manfaat proyek ini mencakup peningkatan transparansi dan efektivitas dalam pengelolaan informasi akademik, serta memberikan dukungan yang lebih baik bagi proses pembelajaran dan administrasi di SMA N 4 Payakumbuh. Penelitian menunjukkan bahwa aplikasi berbasis React Native untuk siswa dan website untuk guru dan staf TU efektif dalam hal fungsionalitas, aksesibilitas, dan keandalan. Teknologi modern dan desain responsif terbukti menciptakan aplikasi adaptif dan userfriendly, meningkatkan transparansi, efektivitas administrasi, dan dukungan pembelajaran, yang berkontribusi pada pengelolaan data akademik lebih efisien di sekolah.
Kata Kunci : Front End, Sistem Informasi Akademik, SMA N 4
Payakumbuh, Rekap Nilai, Absensi, SPP, Aplikasi, Multiplatform,
Responsive Design, Waterfall.