Jurnal Ilmiah Sistem Informasi dan Teknik Informatika (JISTI) Volume 8 Nomor 1. April 2025 DOI : 10. 57093/jisti. p-ISSN: 2620 Ae 5327 e-ISSN: 2715 Ae 5501 Perancangan Sistem Informasi Akademik (SIAKAD) Berbasis Web di SMK Negeri 1 Sijunjung Mhd Zulfikri Arsyad1. Thomson Mary2. Satrio Junaidi3 Program Studi Pendidikan Informatika. Universitas PGRI Sumatera Barat123 Jl. Gn. Pangilun. Gn. Pangilun. Kec. Padang Utara. Kota Padang. Sumatera Barat. Indonesia123 fikriarsyad27@gmail. com*1, thomsonmary1980@gmail. com2, satriojunaidi2023@gmail. Kata Kunci : Sistem Informasi. Sistem Informasi Akademik. Laravel. Pengujian. ABSTRAK Akses terhadap data akademik sangat penting di era digital dan harus dikelola secara lebih efisien. Namun, banyak institusi pendidikan masih mengandalkan metode pengelolaan data tradisional, seperti pencatatan dalam buku besar fisik atau penyimpanan data dalam file word atau excel, yang menghambat aksesibilitas dan efisiensi. Penelitian ini bertujuan untuk merancang, mengembangkan, dan mengevaluasi Sistem Informasi Akademik guna meningkatkan aksesibilitas data serta menyederhanakan manajemen data Sistem ini dikembangkan menggunakan metode System Development Life Cycle (SDLC) model Iteratif, yang terdiri dari empat tahapan utama: analisis kebutuhan, perancangan sistem, pengodean, dan pengujian. Tahapan ini dilakukan secara berulang hingga sistem memenuhi standar fungsionalitas dan kegunaan yang ditetapkan. Framework Laravel digunakan untuk mebantu membangun struktur dan keamanan saat tahapan pengodean . Pengujian beta oleh tenaga ahli mendapatkan angka rata-rata 98,67% dengan kriteria tertinggi dimiliki oleh fungsionality, efficiency, dan maintability sistem dengan angka 100% dan mendapatkan predikat sangat baik. Sedangkan pengujian oleh pengguna mendapatkan hasil tingkat kepuasan rata-rata sebesar 87,78%, dengan kriteria tertinggi dimiliki oleh kemanfaatan . dengan angka 90,63% dengan predikat sangat baik. Berdasarkan hasil pengujian, penelitian ini menghasilkan sistem informasi akademik yang mampu membantu pengolahan data dan telah melakukan serangkaian pengujian. Keywords Information System. Academic Information System. Laravel. Testing. ABSTRACT Access to academic data is crucial in the digital era and should be more efficiently managed. However, many educational institutions continue to rely on traditional data management methods, such as maintaining physical ledgers or storing information in word or excel files, which hinder accessibility and This study aims to design, develop, and evaluate an Academic Information System to enhance data accessibility and streamline academic record management. The system is developed using the Iterative System Development Life Cycle (SDLC), which comprises four key phases: requirement analysis, system design, coding, and testing. These phases are repeated iteratively until the system meets the required functional and usability standards. The Laravel framework was using to enhance structural integrity and security during the coding phase. Beta testing conducted by experts produced an average score of 98. 67%, with the highest criteria ratings observed in functionality, efficiency, and maintainability, each scoring 100% and categorizing this criteria as highly satisfactory. Meanwhile, end-user testing yielded an average user satisfaction score of 87. 78%, with usability receiving the highest rating at 63%, also classified as highly satisfactory. Based on the testing data, these study resulted in an academic information system that capable of improving data management and undergone a series of testing. ---Jurnal JISTI @2025--- Research (Mhd Zulfikri Arsya. : Perancangan Sistem Informasi Akademik (SIAKAD) Berbasi Web di SMK Negeri 1 SijunjungAy Jurnal Ilmiah Sistem Informasi dan Teknik Informatika (JISTI) Volume 8 Nomor 1. April 2025 DOI : 10. 57093/jisti. p-ISSN: 2620 Ae 5327 e-ISSN: 2715 Ae 5501 PENDAHULUAN Data akademik merupakan komponen penting dalam ekosistem pendidikan yang mencakup berbagai aspek administrasi dan akademik dalam suatu sekolah. Sehingga, akses terhadap data ini harus dikelola secara efisien dan disimpan dengan aman untuk memastikan keberlanjutannya dalam jangka waktu panjang. Namun pada kenyataannya, masih banyak sekolah yang menyimpan data akademik secara konvensional, baik dalam bentuk buku besar maupun file digital yang tersimpan secara lokal pada satu komputer. Metode penyimpanan seperti ini berisiko menurunkan kualitas data, meningkatkan kemungkinan kerusakan atau kehilangan, serta memperlambat proses pencarian Selain itu, prosedur akses data yang masih bergantung pada tata usaha sering kali mengakibatkan waktu pencarian yang relatif lama, terutama ketika berhadapan dengan data dalam jumlah besar seperti data siswa. Berbeda dengan penelitian sebelumnya, penelitian ini menggunakan framework Laravel untuk membantu perancangan dan memanfaatkan fitur authentication yang mudah diterapkan namun terbukti aman mencegah berbagai serangan seperti brute-force dengan menggunakan sistem token Cross-Site Request Forgery (CSRF) dikombinasikan dengan Laravel Spatie untuk multi-level authentication pada user. Beberapa fitur juga ditambahkan untuk melengkapi sistem informasi akademik yang akan dirancang seperti papan pengumuman, jadwal pelajaran, dan halaman yang lebih responsive sehingga membantu pengguna untuk mengakses sistem informasi tersebut menggunakan berbagai platform. KAJIAN PUSTAKA Sistem Sistem adalah bagian-bagian komponen yang terhubung baik fisik maupun non fisik yang bekerja sama untuk mencapai satu tujuan. Informasi Informasi adalah data yang telah ditata sehingga mempunyai makna dan kegunaan untuk dapat dikomunikasikan pada pihak yang akan mengelolanya untuk pengambilan keputusan. Akademik Akademik diambil dari bahasa Yunani academos dengan makna taman umum . yang terletak di barat laut Kota Athena. Di taman umum . ini Plato melakukan dialog dan berbagi pemikirannya ke orang-orang mengunjungi tempat tersebut dan kemudian kata academos berkembang menjadi akademik. Sehingga dapat diartikan bahwa akademik merupakan situasi dimana berbagai macam orang bisa bertukar pikiran dan menguji pengetahuan yang mereka miliki Sistem Informasi Akademik Sistem informasi akademik merupakan sebuah platform yang dirancang untuk pengelolaan data akademik menggunakan komputer dari sisi perangkat lunak ataupun perangkat keras. Website Website merupakan sekumpulan page pada suatu domain yang dirancang dengan tujuan saling terhubung serta dapat diakses dengan mudah melalui halaman depan . melalui sebuah web browser dengan menggunakan URL. Research (Mhd Zulfikri Arsya. : Perancangan Sistem Informasi Akademik (SIAKAD) Berbasi Web di SMK Negeri 1 SijunjungAy Jurnal Ilmiah Sistem Informasi dan Teknik Informatika (JISTI) Volume 8 Nomor 1. April 2025 DOI : 10. 57093/jisti. p-ISSN: 2620 Ae 5327 e-ISSN: 2715 Ae 5501 Laravel Laravel merupakan framework aplikasi web berbasis PHP yang dirancang untuk mempermudah pengembangan web dengan beberapa fitur yang disediakan. Secara garis besar Laravel dikembangkan dengan tujuan untuk menyederhanakan tugas-tugas umum dalam perancangan web seperti routing, caching, dan authentication. METODE PENELITIAN Metode Perancangan Sistem Perancangan sistem informasi ini akan menggunakan metode System Development Life Cycle (SDLC) model Iteratif yang merupakan pengembangan dari metode waterfall. Tujuan dari metode ini adalah melakukan empat tahapan awal yaitu requirement analysis, system design, coding, dan testing dilakukan berulang kali sampai mendapatkan hasil yang diinginkan dan sistem informasi akademik ini siap untuk digunakan. Gambar 1. Konsep System Development Life Cycle (SDLC) Iterative Tahap awal yaitu requirement analysis akan dilakukan dengan melakukan pengecekan langsung dan observasi mengenai sistem yang sedang berjalan di SMK Negeri 1 Sijunjung, dan didapatkan hasil bahwa pengolahan data akademik masih masih memanfaatkan buku besar dan file word/excel dalam satu komputer untuk penyimpanan berbagai data akademik seperti data siswa, guru, staff, nilai, dan lain-lain. Selanjutnya merencanakan desain sistem yang sesuai dengan kebutuhan dan masalah yang di hadapi oleh sekolah. Tahapan desain memanfaatkan Unified Modelling Language (UML) yang merupakan bahasa standar industri untuk visualisasi, merancang, dan mendokumentasikan perangakat Diagram yang akan digunakan adalah use case diagram, activity diagram, sequence, dan class diagram untuk perancangan pada database sistem. Setelah struktur sistem telah selesai dirancang, tahap selanjutnya adalah merancang user interface (UI) sistem dengan responsive dikarenakan ratarata pengguna akan lebih sering mengakses sitem informasi akademik ini di ponsel mereka. Setelah mendapatkan desain struktur dan UI sistem, maka akan dilanjutkan dengan tahapan Pengodean dengan framework laravel menggunakan metode Model-View-Controller (MVC) yaitu pola arsitektur yang membagi aplikasi menjadi 3 bagian yaitu model akan berhubungan langsung dengan database sistem, view yang akan menampilkan user interface (UI) kepada pengguna, dan controller yang bertugas sebagai jembatan antara model dan view. Sistem informasi yang telah selesai dirancang, akan melewati 2 tahapan pengujian yaitu pengujian alpha dan beta. Pengujian alpha akan menggunakan metode blackbox testing untuk memastikan sistem berjalan dengan baik secara fungsional. Setelah pengujian alpha akan dilakukan pengujian beta oleh user tanpa kehadiran peneliti dan menggunakan kuesioner untuk mengetahui tingkat kepuasan user atas sistem yang telah dirancang. Research (Mhd Zulfikri Arsya. : Perancangan Sistem Informasi Akademik (SIAKAD) Berbasi Web di SMK Negeri 1 SijunjungAy Jurnal Ilmiah Sistem Informasi dan Teknik Informatika (JISTI) Volume 8 Nomor 1. April 2025 DOI : 10. 57093/jisti. p-ISSN: 2620 Ae 5327 e-ISSN: 2715 Ae 5501 HASIL DAN PEMBAHASAN Implementasi Sistem Sistem informasi akademik yang telah dirancang akan diimplementasikan untuk kemudian dapat dilakukan pengujian. Berikut tampilan dari sistem informasi akadamik yang telah dirancang : Gambar 2. Halaman Login Halaman login untuk tiap user tidak dibedakan dan nantinya authentication laravel dan spatie membantu sistem untuk mengidentifikasi user dan mengarahkan user sesuai dengan level yang Gambar 3. Halaman Utama (Berand. Admin Admin akan memiliki akses ke seluruh dashboard yang ada termasuk menambahkan, merubah, dan menghapus data yang ada di dalam sistem. Gambar 4. Halaman Data Siswa Research (Mhd Zulfikri Arsya. : Perancangan Sistem Informasi Akademik (SIAKAD) Berbasi Web di SMK Negeri 1 SijunjungAy Jurnal Ilmiah Sistem Informasi dan Teknik Informatika (JISTI) Volume 8 Nomor 1. April 2025 DOI : 10. 57093/jisti. p-ISSN: 2620 Ae 5327 e-ISSN: 2715 Ae 5501 Halaman data siswa akan memiliki fitur tambah data baru, import excel untuk memasukkan data lewat file excel, dan export data untuk mengunduh data dalam format excel search untuk mencari data berdasarkan keyword, tombol edit, dan tombol hapus. Gambar 5. Halaman Nilai Siswa Halaman nilai siswa memuat data nilai siswa yang dipilih berdasarkan kelas dan semester, terdapat juga tombol input nilai untuk memasukkan data nilai baru. Gambar 6. Modal Input Nilai Sebelum memasukkan nilai pada modal input nilai terlebih dahulu memilih kelas, semester, dan mata pelajaran yang diperlukan setelah itu baru memasukkan nilai dalam bentuk angka. Gambar 7. Halaman Data Guru Research (Mhd Zulfikri Arsya. : Perancangan Sistem Informasi Akademik (SIAKAD) Berbasi Web di SMK Negeri 1 SijunjungAy Jurnal Ilmiah Sistem Informasi dan Teknik Informatika (JISTI) Volume 8 Nomor 1. April 2025 DOI : 10. 57093/jisti. p-ISSN: 2620 Ae 5327 e-ISSN: 2715 Ae 5501 Halaman data guru akan memiliki fitur yang sama dengan data siswa yaitu fitur tambahkan data baru, import data dalam bentuk excel, dan export data, search, edit data, dan hapus data. Gambar 8. Halaman Data Fasilitas Halaman data fasilitas memuat data fasilitas sekolah dan memiliki fitur tambahkan data, edit data, dan juga hapus data. Gambar 9. Halaman Data Pengguna Halaman data pengguna berisi informasi akun user untuk login ke dalam sistem seperti username, password, dan role/level user. Halaman ini juga dilengkapi dengan fitur tambahkan data baru, edit data, dan hapus data. Gambar 10. Halaman Utama (Berand. Kepala Sekolah Research (Mhd Zulfikri Arsya. : Perancangan Sistem Informasi Akademik (SIAKAD) Berbasi Web di SMK Negeri 1 SijunjungAy Jurnal Ilmiah Sistem Informasi dan Teknik Informatika (JISTI) Volume 8 Nomor 1. April 2025 DOI : 10. 57093/jisti. p-ISSN: 2620 Ae 5327 e-ISSN: 2715 Ae 5501 Berbeda dengan admin, kepala sekolah memiliki segala akses ke dashboard kecuali dashboard pengguna dan hak aksess untuk kepala sekolah hanya sebatas melihat data yang ada didalam sistem tanpa bisa mengubah atau menghapus data kecuali mengubah profile. Gambar 11. Halaman Utama (Berand. Staff Staff memiliki hak akses yang sama dengan kepala sekolah tapi dapat menambahkan data, merubah data, dan menghapus data seperti admin kecuali data pengguna. Gambar 12. Halaman Utama (Berand. Guru Guru hanya memiliki akses ke dashboard guru yang berisi jadwal mengajar, dashboard siswa yang berisi data siswa yang diajar, dashboard sekolah yang berisi data sekolah seperti profile sekolah, data kelas, data kesiswaan, dan fasilitas sekolah, serta dashboard data prestasi. Gambar 13. Halaman Utama (Berand. Siswa Siswa hanya memiliki akses terhadap data pribadinya, data sekolah, dan data prestasi sekolah. Research (Mhd Zulfikri Arsya. : Perancangan Sistem Informasi Akademik (SIAKAD) Berbasi Web di SMK Negeri 1 SijunjungAy Jurnal Ilmiah Sistem Informasi dan Teknik Informatika (JISTI) Volume 8 Nomor 1. April 2025 DOI : 10. 57093/jisti. p-ISSN: 2620 Ae 5327 e-ISSN: 2715 Ae 5501 Gambar 14. Halaman Kelola Pengumuman Admin dan staff dapat membuat pengumuman sesuai dengan tujuan seperti ke semua user, hanya kepada staff, guru, atau siswa. Pengumuman yang dibuat hanya akan ditampilkan di dashboard user yang memiliki role/level yang sama dengan tujuan pengumuman tersebut. Gambar 15. Tampilan Jadwal Pelajaran Jadwal pelajaran dibuat dengan mempertimbangkan kemudahan siswa untuk melihat jadwal, mata pelajaran, dan guru yang mengajar dengan lebih mudah. Gambar 16. Profile Pengguna Profile pengguna berisi informasi pribadi pengguna yang kemudian dapat diubah sesuai dengan kebutuhan pengguna tersebut. Research (Mhd Zulfikri Arsya. : Perancangan Sistem Informasi Akademik (SIAKAD) Berbasi Web di SMK Negeri 1 SijunjungAy Jurnal Ilmiah Sistem Informasi dan Teknik Informatika (JISTI) Volume 8 Nomor 1. April 2025 DOI : 10. 57093/jisti. p-ISSN: 2620 Ae 5327 e-ISSN: 2715 Ae 5501 Gambar 17. Profile Sekolah Profile sekolah menampung data sekolah, visi dan misi sekolah, serta peta digital sekolah dengan bantuan Google Maps. Pengujian Sistem Tabel 1. Hasil Pengujian Alpha No. Kriteria Persyaratan Fungsionalitas (Fungsionalit. Semua halaman berfungsi dengan baik Setiap tombol berfungsi dengan baik Setiap navigator berfungsi dengan baik Sistem memiliki kemampuan untuk diakses oleh banyak pengguna Adanya kepercayaan terhadap sistem Sistem dapat digunakan secara berulang kali Sistem dapat membantu pengolahan data akademik sekolah agar menjadi lebih Sistem dapat diakses dari berbagai perangkat . Sistem praktis untuk digunakan Langkah pengoperasian sistem tidak rumit Sistem mudah untuk dipelajari dan digunakan . ser friendl. Sistem memiliki kecepatan akses halaman yang baik Sistem memiliki kecepatan proses pengolahan data dengan baik Terdapat peringatan pada sistem untuk mengidentifikasi jika terjadi kesalahan Kemudahan dalam pengelolaan, perbaikan, dan pengembangan sistem Keandalan (Realibilit. Kegunaan (Usabilit. Efisiensi (Efficienc. Pemeliharaan (Maintainabilit. Research (Mhd Zulfikri Arsya. : Perancangan Sistem Informasi Akademik (SIAKAD) Berbasi Web di SMK Negeri 1 SijunjungAy Validasi p-ISSN: 2620 Ae 5327 e-ISSN: 2715 Ae 5501 Jurnal Ilmiah Sistem Informasi dan Teknik Informatika (JISTI) Volume 8 Nomor 1. April 2025 DOI : 10. 57093/jisti. Tabel 2. Pengujian Beta oleh Tenaga Ahli Kriteria Persentase Penilaian (%) Fungsionality Realibility 95,83 Usability 97,50 Efficiency Maintainability Rata-rata 98,67 Keterangan Sangat Baik Sangat Baik Sangat Baik Sangat Baik Sangat Baik Sangat Baik Pengujian beta oleh tenaga ahli mendapatkan hasil rata-rata 98,67% dimana angka tertinggi terletak pada efficiency dan maintainabilty dari sistem yang telah dirancang. Hasil pengujian ini membuktikan bahwa sistem sudah cukup layak untuk diimplementasikan. Tabel 3. Pengujian Beta oleh Pengguna Kriteria Persentase Penilaian (%) Tampilan website 83,33 Menu website 86,46 Isi . onten websit. 89,58 Kemudahan pengguna 88,89 Kemanfaatan 90,63 Rata-rata 87,78 Keterangan Sangat Baik Sangat Baik Sangat Baik Sangat Baik Sangat Baik Sangat Baik Pengujian beta oleh pengguna mendapatkan hasil rata-rata 87,78% dimana angka tertinggi terletak pada kemanfaatan . dari sistem yang telah dirancang. Hasil pengujian ini membuktikan bahwa sistem dapat diterima dengan baik oleh pengguna dan siap untuk diimplementasikan namun perlu perhatian lebih pada desain tampilan dari sistem informasi akademik ini. SIMPULAN DAN SARAN Penelitian ini menghasilkan sistem informasi akademik yang dapat membantu pengolahan data akademik sekolah, dengan hasil pengujian oleh tenaga ahli mendapatkan angka rata-rata 98,67% dan pengujian oleh pengguna secara langsung mendapatkan angka rata-rata 87,78%. Berdasarkan hasil pengujian dapat disimpulkan bahwa sistem informasi yang dirancang sudah dapat diterima dengan baik dan siap untuk diimplementasikan secara langsung. Untuk kedepannya perancangan terhadap desain, fitur tambahan lain, dan peningkatan pada kemanan sistem dapat dikaji lebih lanjut. DAFTAR PUSTAKA