JOISIE (Journal Of Information Systems And Informatics Engineerin.
Vol.
No.
Desember 2025.
Hlm 315-330 Received: 20 Juni 2025 Revised: 17 Juli 2025.
Accepted: 21 Juli 2025
p- ISSN: 2503-5304
e- ISSN: 2527-3116
PENGEMBANGAN SISTEM INFORMASI AKADEMIK BERBASIS WEB
DENGAN INTEGRASI WEB ENGINEERING DAN CONTINUOUS
INTEGRATION
Adetya Maharani Marpaung.
Suendri.
Sains dan Teknologi.
Universitas Islam Negeri Sumatera Utara.
Jl.
Lap.
Golf No.
Kp.
Tengah.
Kec.
Pancur Batu.
Kabupaten Deli Serdang.
Sumatera Utara 20353 email: 1 adetyamaharanimarpaung2002@gmail.
com 2 suendri@gmail.
Abstract With the development of information technology, educational institutions must be more efficient in managing academic data.
Management of academic data such as grade processing and attendance is still not optimal because the previous system has not been integrated.
The Web Engineering method and the Continuous Integration (CI) method are used in this study to create a web-based academic information system.
Web Engineering provides a structured framework for system design and development, and CI ensures that system integration and updates can be done automatically and Needs analysis, system design, development, testing, and implementation are research This system was developed using Codeigniter, with pipeline automation through GitHub Actions and containerization using Docker.
The implementation results show that this system can improve the efficiency of academic administration, reduce input errors, and accelerate user access to Internal trial results can save time that previously took A 10 minutes, now it only takes 2 minutes with an estimated efficiency of 30%.
The system can remain stable and ready to be updated without downtime thanks to the use of CI.
This research contributes to the development of educational information systems using a contemporary approach.
This research provides a practical approach in developing a CI-based academic information system.
Keywords: Academic Information Systems.
Web Engineering.
Continuous Integration.
MTs Budi Agung Medan.
Abstrak Dengan perkembangan teknologi informasi, lembaga pendidikan harus lebih efisien dalam mengelola data akademik.
Pengelolaan data akademik seperti pengolahan nilai, dan presensi masih masih belum optimal karena sistem sebelumnya belum terintegrasi.
Metode Web Engineering dan metode Continuous Integration (CI) digunakan dalam penelitian ini untuk menciptakan sistem informasi akademik berbasis web.
Web Engineering memberikan kerangka kerja yang terstruktur untuk desain dan pengembangan sistem, dan CI memastikan bahwa integrasi dan pembaruan sistem dapat dilakukan secara otomatis dan stabil.
Analisis kebutuhan, perancangan sistem, pengembangan, pengujian, dan implementasi adalah metode penelitian.
Sistem ini dikembangkan menggunakan Codeigniter, dengan otomasi pipeline melalui GitHub Actions dan containerisasi menggunakan Docker.
Hasil implementasi menunjukkan bahwa sistem ini dapat meningkatkan efisiensi administrasi akademik, mengurangi kesalahan input, dan mempercepat akses pengguna ke informasi.
Hasil coba internal dapat menghemat waktu yang sebelumnya memakan waktu A10 menit, kini hanya membutuhkan waktu 2 menit dengan estimasi efesiensi sebesar 30%.
Sistem dapat tetap stabil dan siap di-update tanpa downtime berkat penggunaan CI.
Penelitian ini berkontribusi pada pengembangan sistem informasi pendidikan dengan menggunakan pendekatan kontemporer.
Penelitian ini memberikan pendekatan praktis dalam pengembangan sistem informasi akademik berbasis CI.
Kata Kunci: Sistem Informasi Akademik.
Web Engineering.
Continuous Integration.
MTs Budi Agung Medan.
https://doi.
org/10.
35145/joisie.
JOISIE licensed under a Creative Commons Attribution-ShareAlike 4.
0 International License (CC BY-SA 4.
316 | Jurnal JOISIE.
Volume 9.
Nomor 2.
Desember 2025
PENDAHULUAN
Dengan perkembangan pesat teknologi informasi, semakin banyak orang yang menggunakannya.
Akibatnya, internet menjadi bagian penting dari teknologi informasi dan komunikasi dalam segala bidang termasuk pendidikan(Fauzi and Samsudin 2.
Salah satu contoh penerapan teknologi dalam bidang pendidikan yaitu sistem informasi akademik.
Sistem informasi akademik adalah sistem yang menyediakan layanan informasi berupa data yang berkaitan dengan pendidikan, seperti penyimpanan data siswa baru, penentuan kelas, penentuan jadwal pelajaran, pembagian wali kelas, dan proses penilaian.
Sistem informasi akademik mengolah data dan melakukan kegiatan akademik seperti administrasi sekolah, penilaian, siswa, guru, dan atribut lainnya (Bela Damanik, et al 2.
MTs (Madrasah Tsanawiya.
Budi Agung merupakan sekolah setingkat SMP yang berbasis islam dengan menggabungkan pendidikan agama dan akademik umum.
MTs ini berlokasi di Jl.
Platina Raya.
Rengas Pulau.
Medan Marelan.
Sekolah ini berkomitmen untuk memberikan pendidikan berkualitas tinggi dengan menggabungkan nilai-nilai agama islam dengan kemajuan ilmu pengetahuan(Ulfa et al.
Meskipun MTs Budi Agung telah memiliki sistem informasi akademik, sistem informasi eksisting belum terintegrasi secara menyeluruh.
Beberapa proses penting seperti pengolahan nilai, manajemen data dan pengelolaan keuangan masih berjalan secara terpisah, sehingga menyulitkan pengelolaan data secara efisien.
Selain itu, kendala pada jaringan internet yang tidak stabil sering mengganggu akses ke server EMIS, ditambah dengan format data yang berubah-ubah, semakin memperumit proses administrasi.
Pencatatan pembayaran SPP juga masih dilakukan secara manual, sehingga rawan terjadi kesalahan.
Akses terhadap informasi akademik pun masih terbatas, membuat siswa, guru, dan orang tua kesulitan memperoleh informasi secara real-time, kondisi ini menghambat komunikasi antar pihak terkait.
Untuk menjawab permasalahan tersebut, penelitian ini mengusulkan pengembangan sistem informasi akademik berbasis web dengan pendekatan Web Engineering dan Continuous Integration (CI).
Web Engineering memberikan pendekatan sistematis dan analisisi desain, dan implementasi sistem berbasis web yang efesien dan terstruktur(Oktaviani,et al 2.
Sementara itu.
CI memungkinkan proses integrasi kode secara otomatis, mendukung pembaruan sistem tanpa downtime, serta menjamin stabilitas dan kontinuitas dalam pengembangan perangkat lunak(Danur Wijayanto, et al 2.
Dengan menerapkan pendekatan ini, diharapkan sistem informasi akademik berbasis web yang dikembangkan dapat membantu MTs Budi Agung dalam memperlancar dan memperbaiki proses kegiatan akademik di MTs Budi Agung.
METODE PENELITIAN
Penelitian ini menggunakan jenis metode kualitatif, yaitu bertujuan agar dapat mendiskripsikan dengan jelas tentang AuPengembangan Sistem Informasi Akademik Dengan Integritasi Web engineering Dan Metode Continuous integration Di Mts Budi Agung MedanAy.
Gambar 1.
Tahapan Alur Penelitian https://doi.
org/10.
35145/joisie.
JOISIE licensed under a Creative Commons Attribution-ShareAlike 4.
0 International License (CC BY-SA 4.
Marpaung.
Pengembangan Sistem Informasi Akademik Berbasis Web engadn Integrasi Web Engineering dan Continuous Integration, 306-.
317 Identifikasi Masalah Tahap pertama dalam penelitian ini adalah identifikasi masalah dengan tujuan untuk mengetahui dan memahami masalah yang akan diteliti(M.
Audi Ikhsan and Samsudin 2.
Tahap ini dilakukan dengan melihat proses akademik di MTs Budi Agung Medan.
Hasil observasi menunjukkan bahwa, meskipun sekolah memiliki sistem informasi akademik, sistem tersebut belum digunakan secara optimal.
Hal ini menyebabkan pengelolaan data yang kurang efektif, pelaporan akademik yang tertunda sering, dan orang tua, guru, dan siswa belum memiliki akses ke informasi secara real-time.
Hasil ini digunakan sebagai dasar untuk mengembangkan solusi Pengumpulan Data Pengumpulan data dikumpulkan melalui wawancara dengan operator sekolah untuk mengidentifikasi kendala yang ada, serta melalui studi literatur terkait penerapan web engineering dan continuous integration dalam sistem informasi akademik(Samsudin and Pramesti 2.
Wawancara dilakukan secara semi-terstruktur kepada satu orang operator sekolah di MTs Budi Agung Medan pada tanggal 15 Maret 2025, karena yang bersangkutan merupakan pengguna utama sistem akademik.
Pertanyaan berjumlah 16 item terbuka yang disusun berdasarkan aspek kebutuhan fungsional sistem, kendala teknis, serta kesiapan infrastruktur sekolah terhadap penerapan metode Continuous Integration (CI).
Proses wawancara dicatat secara manual tanpa rekaman suara, dengan pencatatan tertulis langsung saat sesi berlangsung.
Pendekatan analisis data dilakukan secara tematik, yaitu dengan mengelompokkan temuan berdasarkan tema-tema umum seperti integrasi sistem, akses informasi, dan efisiensi kerja.
Validasi dilakukan melalui klarifikasi langsung selama wawancara serta konfirmasi interpretasi setelah analisis untuk menjaga akurasi data(Samsudin 2.
Analisis Data Data yang dikumpulkan dievaluasi dan dirumuskan melalui analisis data(Syahranitazli and Samsudin 2.
Analisis ini mencakup pengenalan kebutuhan pengguna, perbandingan dengan sistem akademik berbasis web yang telah ada, dan pemetaan fitur yang harus ada pada sistem informasi akademik yang akan dibangun.
Faktor keamanan, skalabilitas, dan kemudahan penggunaan juga dipertimbangkan dalam analisis ini.
Desain Sistem Model basis data, desain antarmuka pengguna, dan alur kerja sistem termasuk dalam desain arsitektur sistem.
Untuk memastikan bahwa sistem memiliki struktur yang kuat, dapat disesuaikan, dan mudah dikembangkan, prinsip web engineering diterapkan dalam perancangan ini.
Untuk memastikan pembaruan berkelanjutan, desain sistem juga mempertimbangkan integrasi dengan metode integrasi berkelanjutan(Siregar,et al 2.
Pengembangan Prototype Setelah itu, sistem mulai diimplementasikan dalam bentuk prototipe, yang mencakup fitur dasar yang telah dirancang sebelumnya untuk diuji di universitas.
Pengembangan dilakukan secara bertahap dengan mempertimbangkan fitur fungsionalitas, performa, dan keamanan sistem.
Uji Coba dan Validasi Setelah itu, sistem mulai diimplementasikan dalam bentuk prototipe, yang mencakup fitur dasar yang telah dirancang sebelumnya untuk diuji di universitas.
Pengembangan dilakukan secara bertahap dengan mempertimbangkan fitur fungsionalitas, performa, dan keamanan sistem.
Revisi dan Finalisasi Setelah uji coba dan validasi, tahap selanjutnya adalah Revisi dan Finalisasi.
Perbaikan dilakukan berdasarkan masukan pengguna dan hasil pengujian, mencakup desain antarmuka, optimasi basis data, dan penyesuaian fitur.
Tahap ini bertujuan agar sistem dapat berfungsi optimal dan memberi manfaat maksimal bagi pengguna.
https://doi.
org/10.
35145/joisie.
JOISIE licensed under a Creative Commons Attribution-ShareAlike 4.
0 International License (CC BY-SA 4.
318 | Jurnal JOISIE.
Volume 9.
Nomor 2.
Desember 2025 Metode yang digunakan dalam pengembangan sistem adalah pendekatan Web Engineering dan penerapan Continuous Integration (CI).
Web Engineering digunakan untuk merancang dan mengimplementasikan sistem secara terstruktur melalui tahapan analisis, desain, implementasi, dan evaluasi.
Continuous Integration digunakan untuk memastikan proses integrasi kode yang dilakukan secara otomatis, cepat, dan stabil(Enda et al.
1 WEB ENGINEERING
Dalam pengembangan Sistem Informasi Akademik di MTs Budi Agung Medan, lima tahapan Web engineering diterapkan agar sistem dapat dikembangkan dengan baik dan sesuai kebutuhan(Yasin and Hamidy 2.
Berikut adalah penjelasannya:
Communication Tahap pertama adalah Communication, di mana dilakukan komunikasi intensif dengan pihak sekolah, guru, siswa, dan staf administrasi untuk memahami kendala yang ada dalam pengelolaan Proses ini mencakup observasi langsung, wawancara, serta analisis sistem yang sudah Dari sini diperoleh gambaran kebutuhan sistem, seperti fitur manajemen siswa, jadwal, absensi, dan nilai yang harus disediakan dalam sistem baru.
Planning Setelah kebutuhan sistem dipahami, masuk ke tahap Planning.
Pada tahap ini, disusun perencanaan teknis, termasuk pemilihan teknologi seperti Laravel untuk backend dan MySQL untuk database.
Penggunaan Continuous integration (CI) mulai diterapkan agar setiap perubahan kode dapat diuji otomatis sebelum diintegrasikan ke dalam sistem utama.
Selain itu, perencanaan juga mencakup penyusunan timeline proyek, pembagian tugas tim, serta strategi pengujian dan Modelling Selanjutnya adalah Modeling, yaitu tahap perancangan sistem secara lebih teknis.
Diagram Use Case dibuat untuk menggambarkan bagaimana pengguna berinteraksi dengan sistem, sementara diagram Aktivitas menjelaskan alur kerja utama, seperti proses guru menginput nilai atau siswa melihat hasil akademik.
Pada tahap ini juga dibuat desain database dan tampilan antarmuka (UI/UX) agar sistem lebih user-friendly dan sesuai kebutuhan pengguna.
Construction Tahap berikutnya adalah Construction, di mana sistem mulai dikembangkan berdasarkan desain yang telah dibuat.
Backend dan frontend dibangun secara bertahap, serta database dihubungkan agar data akademik dapat dikelola dengan baik.
Proses ini dilakukan dengan Continuous integration, sehingga setiap perubahan kode langsung diuji untuk memastikan stabilitas sistem.
Beberapa fitur utama yang dikembangkan termasuk pendaftaran siswa, pengelolaan jadwal, absensi, serta input dan pemrosesan nilai oleh guru.
Deployment Terakhir, tahap Deployment, di mana sistem yang telah diuji mulai diterapkan di lingkungan Setelah implementasi awal, dilakukan evaluasi berdasarkan umpan balik dari guru, siswa, dan staf administrasi.
Jika ada perbaikan yang dibutuhkan, sistem terus disempurnakan agar lebih optimal.
Dengan adanya sistem informasi akademik berbasis web ini, diharapkan pengelolaan akademik di MTs Budi Agung menjadi lebih efisien, transparan, dan mudah diakses oleh semua pihak yang berkepentingan.
2 CONTINUOUS INTEGRATION
Penerapan CI pada pengembangan ini dilakukan secara individu.
Alur kerja CI pada penelitian ini menggunakan layanan GitHub Actions sebagai otomasi pipeline, serta Docker untuk proses build dan containerisasi aplikasi.
Berikut adalah workflow CI yang diterapkan:
https://doi.
org/10.
35145/joisie.
JOISIE licensed under a Creative Commons Attribution-ShareAlike 4.
0 International License (CC BY-SA 4.
Marpaung.
Pengembangan Sistem Informasi Akademik Berbasis Web engadn Integrasi Web Engineering dan Continuous Integration, 306-.
319 Gambar 2.
Workflow CI Version Control Tahap awal Continuous Integration adalah Version Control, di mana seluruh kode sistem informasi akademik dikelola dengan Git.
Setiap pengembang rutin melakukan commit ke repositori untuk memudahkan pelacakan, pemulihan, dan kolaborasi.
Dengan ini, fitur seperti manajemen siswa, absensi, jadwal, dan nilai dikelola lebih sistematis dan aman dari perubahan tak Automated Build Tahap selanjutnya adalah Automated Build, yakni proses otomatis yang dijalankan setiap ada perubahan kode(Zulhakim and Kurniawan 2.
Pada Sistem Informasi Akademik MTs Budi Agung, build memastikan modul seperti pendaftaran, input nilai, dan laporan bebas error sebelum Metode ini membantu mendeteksi kesalahan lebih cepat tanpa pemeriksaan manual.
Automated Testing Tahap berikutnya adalah Automated Testing, di mana setiap fitur diuji otomatis untuk memastikan bebas bug sebelum masuk ke sistem utama.
Unit testing diterapkan pada validasi data dan absensi, sementara integration testing memastikan modul seperti input nilai dan laporan akademik berjalan tanpa konflik.
Pengujian ini membuat sistem lebih stabil dan andal saat Code Integration Setelah pengujian berhasil, tahap selanjutnya adalah Code Integration, yaitu menggabungkan perubahan kode ke repositori utama.
Pada proyek Sistem Informasi Akademik MTs Budi Agung, kode yang lolos pengujian otomatis langsung diintegrasikan tanpa mengganggu fungsionalitas yang ada.
Ini memungkinkan pengembangan dilakukan secara bertahap tanpa menunggu seluruh fitur selesai.
Deployment Automation Terakhir adalah Deployment Automation , yaitu proses otomatis untuk menerapkan sistem ke server tanpa intervensi manual.
Dengan metode ini, pembaruan seperti perbaikan nilai atau penambahan modul laporan dapat dilakukan cepat dan tanpa downtime.
Continuous Integration memastikan sistem tetap stabil dan dapat diperbarui rutin tanpa risiko besar yang mengganggu pengelolaan data akademik di MTs Budi Agung Medan.
HASIL DAN PEMBAHASAN
1 PENERAPAN WEB ENGINEERING
Tahap Komunikasi Pada tahap komunikasi, dilakukan identifikasi kebutuhan pengguna sistem melalui interaksi langsung dengan pihak-pihak terkait, yaitu admin sekolah, guru, siswa, dan orang tua.
Hasil https://doi.
org/10.
35145/joisie.
JOISIE licensed under a Creative Commons Attribution-ShareAlike 4.
0 International License (CC BY-SA 4.
320 | Jurnal JOISIE.
Volume 9.
Nomor 2.
Desember 2025 komunikasi menunjukkan bahwa admin sekolah membutuhkan sistem untuk mengelola data guru, agenda, serta berita atau pengumuman sekolah.
Untuk menjawab kebutuhan tersebut, dirancang modul khusus yang memungkinkan admin melakukan tambah, edit, dan hapus data guru, agenda, serta pengumuman melalui dashboard yang mudah diakses.
Di sisi lain, guru membutuhkan fitur untuk mengatur jadwal pelajaran dan mengunggah materi pembelajaran dalam format digital.
Oleh karena itu, sistem ini menyediakan fitur AuData MapelAy dan AuDownloadAy yang memudahkan guru dalam mengunggah jadwal serta materi pembelajaran secara mandiri.
Adapun siswa dan orang tua mengharapkan kemudahan akses terhadap informasi penting seperti jadwal, pengumuman, agenda, dan status pembayaran uang sekolah secara real-time tanpa harus datang langsung ke sekolah.
Menanggapi hal ini, sistem dirancang memiliki halaman utama yang menyajikan informasi berupa berita, agenda, file pembelajaran, serta status pembayaran.
Dashboard yang intuitif memastikan pengguna dapat mengakses semua informasi tersebut dengan cepat dan mudah, sehingga mendukung transparansi dan efektivitas komunikasi antara sekolah dan seluruh pemangku kepentingan.
Tahap Perencanaan (Plannin.
Tahap ini mencakup penyusunan jadwal dan alokasi tugas bagi para pengembang dalam pengembangan sistem informasi MTs Darul Ulum Budi Agung.
Rencana pengembangan dimulai dengan pembuatan modul utama, yaitu Modul Data Guru yang dikembangkan oleh Backend Developer selama satu minggu dengan fungsi utama untuk mengelola data guru.
Selanjutnya.
Modul Agenda dan Pengumuman dikembangkan oleh tim Backend dan UI/UX selama satu minggu untuk mengelola jadwal kegiatan serta informasi pengumuman sekolah.
Modul Mapel dan Galeri dikembangkan oleh Fullstack Developer dalam waktu dua minggu untuk menyajikan informasi terkait mata pelajaran serta galeri kegiatan sekolah.
Setelah pengembangan modul utama, dilakukan integrasi dashboard statistik oleh Frontend Developer selama satu minggu.
Dashboard ini berfungsi untuk menampilkan data pengunjung dalam bentuk grafik yang informatif.
Tahap akhir adalah pengujian sistem selama dua minggu oleh QA Tester, yang mencakup uji fungsionalitas, responsivitas antarmuka, serta aspek keamanan Secara keseluruhan, proyek ini direncanakan berlangsung selama enam minggu dan dibagi ke dalam tiga sprint.
Sprint pertama mencakup pengembangan backend untuk Modul Guru.
Agenda, dan Pengumuman.
Sprint kedua difokuskan pada pengembangan dashboard serta pengujian Adapun Sprint ketiga mencakup pengujian responsivitas, keamanan sistem, serta penyusunan dokumentasi teknis.
Pemodelan (Modellin.
Use case diagram adalah adalah rangkaian atau uraian sekelompok yang saling terkait dan saling membentuk sistem secara teratur yang dilakukan atau diwakili oleh sebuah actor(Samsudin, et al 2.
Gambar 3.
Use case Diagram Use Case Diagram sistem informasi sekolah menggambarkan interaksi antara Admin.
Guru.
Siswa, dan Orang Tua dengan sistem.
https://doi.
org/10.
35145/joisie.
JOISIE licensed under a Creative Commons Attribution-ShareAlike 4.
0 International License (CC BY-SA 4.
Marpaung.
Pengembangan Sistem Informasi Akademik Berbasis Web engadn Integrasi Web Engineering dan Continuous Integration, 306-.
321 Admin mengelola data guru, agenda, dan pengumuman, serta memastikan informasi selalu Guru mengakses jadwal pelajaran dan mengunggah materi pembelajaran.
Siswa melihat pengumuman dan mengunduh file dari guru.
Orang Tua memantau informasi sekolah dan kegiatan siswa.
Sistem ini menjadi pusat interaksi antaraktor untuk mendukung komunikasi dan distribusi informasi yang terstruktur.
Gambar 4.
Diagram Class Diagram Class menggambarkan struktur dan deskripsi class, package dan object beserta hubungan satu sama lain dalam Sistem Informasi Sekolah(Aryati, et al 2.
Admin memiliki atribut seperti idAdmin, nama, username, dan password, serta berfungsi mengelola data guru, agenda, dan pengumuman.
Guru dengan atribut idGuru, nama, dan mataPelajaran, dapat unggah materi dan akses Siswa memiliki idSiswa, nama, dan kelas, dengan fungsi lihat pengumuman dan unduh Orang Tua dengan idOrtu dan nama, berfungsi memantau informasi sekolah.
Semua entitas terhubung ke kelas Sistem Informasi Sekolah melalui fungsi integrasiData(), memastikan sinkronisasi dan kelancaran komunikasi digital antar pengguna.
Gambar 5.
Flowchart https://doi.
org/10.
35145/joisie.
JOISIE licensed under a Creative Commons Attribution-ShareAlike 4.
0 International License (CC BY-SA 4.
322 | Jurnal JOISIE.
Volume 9.
Nomor 2.
Desember 2025 Flowchart menggambarkan alur sistem informasi sekolah yang dimulai dari pemilihan fitur dan proses login.
Setelah login, sistem memverifikasi jenis pengguna:
Admin/Guru dapat mengelola data .
ilai, pengumuma.
, lalu data divalidasi.
Jika valid, sistem menghasilkan laporan.
jika tidak, diminta perbaikan.
Siswa/Orang Tua hanya melihat data seperti nilai dan pengumuman.
Proses berakhir dengan laporan yang dapat diakses admin.
Alur ini memastikan setiap peran mendapat akses sesuai dan pengelolaan data berjalan efisien.
Kontruksi .
Pada tahap konstruksi, sistem dikembangkan secara modular menggunakan CodeIgniter dan MySQL, dengan fitur utama yang sesuai alur proses pada diagram.
Tahap konstruksi ini memastikan bahwa setiap modul dibuat dengan standar kode yang baik dan mengikuti alur proses yang efisien seperti yang ditunjukkan dalam diagram flow(Gustantia and Samsudin 2.
Ini juga mendukung sistem yang terintegrasi yang memudahkan pengelolaan data sekolah.
Tabel 2.
Rincian Modul.
Fitur, dan Fungsionalitas Sistem Modul/Fitur Manajemen Data Guru.
Agenda, dan Pengumuman Manajemen Guru Manajemen Agenda Pengumuman Dashboard Statistik Pengunjung Statistik Aktivitas Pengguna Grafik Penggunaan Fitur Sistem Galeri Dokumentasi Kegiatan Sekolah Pengelolaan Galeri Akses Galeri Alur Sistem Berdasarkan Diagram Login Verifikasi Jenis Pengguna Admin/Guru Siswa/Orang Tua Deskripsi Admin dapat melakukan CRUD (Create.
Read.
Update.
Delet.
data guru, termasuk informasi personal, mata pelajaran, dan jadwal kegiatan.
Sistem memungkinkan admin atau guru untuk membuat dan mengelola agenda sekolah yang dapat dilihat oleh siswa dan orang tua.
Fitur yang memudahkan pihak sekolah dalam menyampaikan informasi penting kepada seluruh pengguna sistem.
Dashboard memberikan informasi visual tentang aktivitas pengguna yang login ke sistem .
iswa, guru, orang tu.
Informasi tambahan berupa grafik tren penggunaan fitur sistem, statistik input nilai, dan frekuensi akses Admin atau guru dapat mengunggah foto dan video dokumentasi kegiatan sekolah.
Siswa dan orang tua dapat melihat dokumentasi visual dari berbagai acara dan kegiatan sekolah.
Pengguna memulai dengan masuk ke sistem menggunakan akun masing-masing.
Sistem memeriksa apakah pengguna adalah admin/guru atau siswa/orang tua.
Admin atau guru dapat melakukan manajemen data guru, agenda, pengumuman, serta mengelola galeri Akses terbatas pada fitur melihat data, termasuk nilai, agenda, pengumuman, dan galeri kegiatan.
https://doi.
org/10.
35145/joisie.
JOISIE licensed under a Creative Commons Attribution-ShareAlike 4.
0 International License (CC BY-SA 4.
Marpaung.
Pengembangan Sistem Informasi Akademik Berbasis Web engadn Integrasi Web Engineering dan Continuous Integration, 306-.
323 Validasi Data Laporan Sistem memeriksa keabsahan data yang dimasukkan sebelum diterima.
Jika valid, laporan akan dibuat.
tidak, sistem meminta perbaikan data.
Admin dapat melihat hasil laporan terkait nilai, agenda, dan aktivitas dalam sistem.
2 PENERAPAN CONTINUOUS INTEGRATION
Menyiapkan proyek CodeIgniter di GitHub dan menambahkan Dockerfile.
Repositori ini memiliki sejumlah direktori penting seperti application, system, dan assets, yang menunjukkan bahwa proyek ini kemungkinan menggunakan framework CodeIgniter.
File index.
php, composer.
json, dan README.
md juga turut disertakan, memberikan gambaran awal tentang konfigurasi dan dokumentasi proyek.
Aktivitas terakhir dilakukan beberapa menit yang lalu untuk memperbarui file PushImageToGithub.
yml, menandakan adanya proses otomatisasi atau CI/CD.
Kontributor utama dalam proyek ini adalah Adrestya Wahyuda Mitrya Sufrianda, dan proyek ini mayoritas menggunakan bahasa pemrograman PHP serta JavaScript.
Gambar 6.
Tampilan Repositori Proyek Aplikasi Web di GitHub Konfigurasi Docker untuk menjalankan CodeIgniter.
File ini mengatur direktori kerja, mengunduh dan menginstal Composer untuk manajemen dependensi PHP, serta memastikan file json tersedia dalam container.
Perintah RUN digunakan untuk instalasi Composer dan dependensi, termasuk ext-fileinfo, serta pengaturan environment variable.
Setelah itu, file mengatur port 80 untuk server Apache dan menentukan perintah default untuk menjalankan server web.
Dockerfile ini dirancang untuk mempermudah proses deployment dan pengujian aplikasi PHP dalam Gambar 7.
Isi File Dockerfile Menyusun workflow untuk build dan push image ke Docker Hub.
File ini berfungsi untuk mengotomatiskan proses deploy container ke Docker Hub setiap kali ada perubahan pada branch Workflow ini menggunakan beberapa langkah penting, termasuk Checkout Kode.
Login ke Docker
Hub
(DOCKER_USERNAME
DOCKER_PASSWORD), dan Build serta Push Docker Image ke repository Docker Hub yang telah File ini menunjukkan bahwa proyek telah mengimplementasikan praktik DevOps dengan memanfaatkan CI/CD (Continuous Integration and Deploymen.
secara efisien untuk menjaga konsistensi deployment dan mempercepat proses pengembangan aplikasi.
https://doi.
org/10.
35145/joisie.
JOISIE licensed under a Creative Commons Attribution-ShareAlike 4.
0 International License (CC BY-SA 4.
324 | Jurnal JOISIE.
Volume 9.
Nomor 2.
Desember 2025 Gambar 8.
Hasil Workflow GitHub Actions untuk Deploy Aplikasi CodeIgniter ke Docker Hub Workflow ini dipicu oleh aksi push ke branch main, khususnya saat file slide.
php diperbarui.
Status eksekusi menunjukkan "Success" dengan durasi sekitar 58 detik, menandakan bahwa proses build dan push Docker image ke Docker Hub berjalan lancar tanpa kendala.
Hal ini mencerminkan bahwa pipeline CI/CD telah dikonfigurasi dan berjalan dengan baik, mendukung otomatisasi deployment yang efisien dan andal untuk proyek berbasis CodeIgniter tersebut.
Gambar 9.
Proses Otomatisasi Deploy Aplikasi Melalui GitHub Actions Workflow ini dijalankan secara otomatis saat terjadi push ke branch main, yang menunjukkan bahwa konfigurasi di dalam file deploy.
yml menggunakan event on: push.
Nama job yang dijalankan adalah build-and-push dan berhasil diselesaikan dalam waktu 1 menit 2 detik dengan status Success, yang berarti tidak ada error selama proses build dan push.
Gambar 10.
Detail Proses Job build-and-push pada Workflow GitHub Actions Pada gambar tersebut terlihat tahapan dalam workflow build-and-push yang berjalan di GitHub Actions untuk melakukan build dan push image Docker ke Docker Hub.
Proses dimulai dengan Set up job yang berlangsung selama 1 detik, di mana GitHub Actions menyiapkan environment untuk menjalankan job, termasuk provisioning runner .
irtual machin.
dan memuat konfigurasi yang Setelah itu, dilanjutkan dengan Checkout Code yang memakan waktu 3 detik.
Pada tahap ini, source code diambil dari repository menggunakan aksi actions/checkout@v2 sehingga kode terbaru dapat dibuild menjadi image Docker.
Kemudian, dilakukan Log in to Docker Hub yang terjadi sangat cepat, yaitu 0 detik, karena autentikasi ke Docker Hub menggunakan username dan token yang disimpan sebagai secrets di GitHub.
Langkah ini penting untuk memberikan izin pada proses push image Docker.
Tahap berikutnya adalah Build and Push Docker Image yang memakan waktu paling lama, yaitu 55 detik.
Pada tahap ini.
Dockerfile digunakan untuk membangun image Docker, dan setelah selesai, image tersebut didorong .
ke Docker Hub dengan tag yang telah ditentukan, seperti latest.
Setelah proses utama selesai, dilakukan Post Log in to Docker Hub yang bertujuan untuk membersihkan kredensial dari runner demi menjaga keamanan.
Selanjutnya, ada Post Checkout Code yang membersihkan sisa-sisa file dari tahap checkout agar environment tetap bersih.
Terakhir, job ditutup dengan Complete job yang menyelesaikan keseluruhan workflow dan melepaskan resource yang digunakan oleh runner.
Secara keseluruhan, pipeline ini berjalan dengan sukses dalam waktu 1 menit 2 detik, menunjukkan bahwa proses build dan push telah selesai tanpa adanya error.
https://doi.
org/10.
35145/joisie.
JOISIE licensed under a Creative Commons Attribution-ShareAlike 4.
0 International License (CC BY-SA 4.
Marpaung.
Pengembangan Sistem Informasi Akademik Berbasis Web engadn Integrasi Web Engineering dan Continuous Integration, 306-.
325 Gambar 11.
tampilan dari Docker Hub Repository Pada gambar tersebut terlihat halaman Docker Hub yang menunjukkan hasil dari proses build and push yang sebelumnya dilakukan melalui GitHub Actions.
Pada tab General, terlihat bahwa repository Docker ini memiliki satu tag yaitu latest.
Tag ini menunjukkan bahwa image yang di-push adalah versi terbaru dari aplikasi yang dibangun.
Secara keseluruhan, gambar ini menegaskan bahwa proses push image Docker ke Docker Hub berhasil dilakukan dengan baik dan image dengan tag latest sekarang tersedia secara publik atau privat sesuai pengaturan repository Docker Hub yang digunakan.
Gambar 12.
Tampilan Antarmuka Pada Gambar Halaman Depan web MTsS Darul Ulum Budi Agung.
Di bagian atas, terdapat logo madrasah dengan nama "MTs Swasta Darul Ulum Budi Agung Medan.
" Menu navigasi utama mencakup beberapa opsi seperti "Home," "Profile," "Akademik," "Download File," dan "Berita.
Gambar 13.
Tampilan Dashboard Gambar ini menampilkan halaman dashboard dari Sistem Informasi Sekolah MTs Budi Agung.
Pada panel navigasi di sebelah kiri, terdapat berbagai menu seperti Dashboard.
Data Guru.
Data Agenda.
Data Pengumuman.
Data Download.
Data Mapel.
Data User.
Berita.
Album Galeri, dan Logout.
Menu ini memungkinkan administrator untuk mengelola berbagai informasi terkait Di bagian utama halaman, terdapat grafik berjudul "Statistik Pengunjung" yang menunjukkan jumlah pengunjung dalam kurun waktu tertentu.
Grafik ini tampaknya menampilkan data kunjungan yang stabil di angka 1 selama periode yang ditampilkan.
Pada bagian bawah halaman, terdapat keterangan hak cipta dengan tulisan "Copyright A Sistem Informasi Sekolah MTs Budi Agung.
" Hal ini menunjukkan bahwa sistem ini merupakan platform internal sekolah yang digunakan untuk pengelolaan data dan informasi akademik secara digital.
3 PENGUJIAN SISTEM (UAT & PERFORMA)
https://doi.
org/10.
35145/joisie.
JOISIE licensed under a Creative Commons Attribution-ShareAlike 4.
0 International License (CC BY-SA 4.
326 | Jurnal JOISIE.
Volume 9.
Nomor 2.
Desember 2025 Untuk memastikan bahwa sistem berjalan sesuai kebutuhan pengguna, dilakukan pengujian User Acceptance Test (UAT) terhadap beberapa fitur utama, seperti login, input nilai, absensi, dan cetak UAT dilakukan oleh operator sekolah dan hasilnya ditampilkan pada Tabel 3 berikut :
Tabel 3.
Hasil UAT Sistem Informasi Akademik Fitur yang diuji Login & Dashboard Input Nilai Absensi Siswa Cetak Laporan Nilai Jadwal Pelajaran Manajemen Data Siswa Pembayaran SPP/Tagihan Status Berhasil Berhasil Berhasil Berhasil Berhasil Berhasil Berhasil Tingkat kepuasan rata-rata Setelah UAT, dilakukan simulasi pengujian performa untuk menilai seberapa cepat sistem merespons permintaan pengguna dalam kondisi akses bersamaan.
Pengujian ini berfokus pada kecepatan respon sistem terhadap beberapa fitur inti.
Hasilnya ditampilkan dalam Tabel 4 Tabel 4.
Simulasi Pengujian Performa
Jumlah Akses
Bersamaan Fitur Diuji Waktu Respon
Login
Input Nilai Cetak
Laporan 2 Detik
5 Detik
8 Detik
Eror
(Y/T)
Tidak Tidak Tidak Catatan Stabil Responsif Sedikit Lambat Sebagai tolak ukur keberhasilan sistem, dilakukan perbandingan durasi proses akademik sebelum dan sesudah penerapan sistem baru.
Hasil perbandingan ini menunjukkan efisiensi waktu yang signifikan pada berbagai aktivitas.
Detailnya dapat dilihat pada Tabel 5.
Tabel 5.
Perbandingan Waktu Proses Sebelum dan Sesudah Implementasi Sistem Proses Sebelum sistem (Kurang Terintegras.
7 menit 15 menit 6 menit Sesudah Sistem (Setelah Terintegras.
3 menit 3 menit 1 menit Input Nilai Siswa Rekapitulasi Nilai Cek Pembayaran SPP Siswa Akses Data Guru 5 menit 2 menit Hasil pengujian menunjukkan bahwa sistem mampu meningkatkan efesiensi kerja hingga 70 Ae 80 % dibandingkan proses sebelumnya.
Sistem diuji selama 1 minggu dan tidak menunjukkan gangguan.
Uji coba dilakukan oleh operator sekolah.
KESIMPULAN
Penelitian ini menghasilkan sistem informasi akademik berbasis web yang berhasil menyelesaikan masalah administrasi dan manajemen data akademik di MTs Budi Agung Medan.
Metode ini menggunakan pendekatan Web Engineering dan Continuous Integration (CI).
Kebaruan .
dari penelitian ini terletak pada penerapan konsep Continuous Integration (CI) dalam pengembangan sistem informasi pendidikan di tingkat sekolah menengah.
Penerapan CI dalam konteks ini tergolong langka, karena umumnya hanya diimplementasikan pada proyek-proyek berskala besar di industri teknologi.
Dalam penelitian ini.
CI digunakan secara mandiri dengan GitHub https://doi.
org/10.
35145/joisie.
JOISIE licensed under a Creative Commons Attribution-ShareAlike 4.
0 International License (CC BY-SA 4.
Marpaung.
Pengembangan Sistem Informasi Akademik Berbasis Web engadn Integrasi Web Engineering dan Continuous Integration, 306-.
327 Actions dan Docker untuk mengotomatisasi proses commit, build, testing, dan deployment.
Pendekatan ini membuktikan bahwa CI tetap dapat diadaptasi dan memberikan manfaat nyata pada proyek pendidikan berskala kecil-menengah, seperti meningkatkan kestabilan sistem, mempercepat iterasi pengembangan, serta mengurangi risiko kesalahan saat pembaruan dilakukan.
Hasil pengujian menunjukkan bahwa sistem dapat meningkatkan efesiensi kerja secara signifikan.
Jika dibandingkan dengan proses sebelumnya, efisiensi waktu rata-rata antara 70 dan 80 persen.
Melalui uji coba terbatas, seperti simulasi beban sistem dan UAT, sistem menunjukkan kinerja yang stabil dan mendapatkan respons pengguna yang positif.
Pengujian performa sistem seperti load testing atau stress testing tidak dilakukan secara terpisah dalam penelitian ini.
Fokus pengujian difokuskan pada validasi fungsional melalui metode User Acceptance Test (UAT) untuk memastikan fitur utama berjalan sesuai kebutuhan pengguna.
Pengujian kestabilan dan performa sistem dalam kondisi beban tinggi menjadi batasan dalam studi ini dan direkomendasikan sebagai arah penelitian lanjutan guna memastikan kesiapan sistem untuk penggunaan skala besar atau multi-user secara simultan.
Penelitian ini tidak hanya memberikan kontribusi praktis berupa sistem yang dapat digunakan oleh sekolah, tetapi juga memberikan kontribusi metodologis dengan memperkenalkan model pengembangan sistem informasi akademik berbasis CI yang sederhana namun efektif, dan berpotensi untuk direplikasi pada lembaga pendidikan lainnya.
Sebagai rekomendasi untuk penelitian di masa depan, sistem sebaiknya diintegrasikan langsung dengan platform nasional seperti EMIS atau Dapodik, serta diuji lebih lanjut dalam kondisi beban tinggi secara simultan.
Uji UX yang komprehensif dan pengembangan versi mobile juga disarankan guna meningkatkan kenyamanan dan fleksibilitas akses pengguna.
Model pengembangan sistem berbasis CI ini terbukti efektif dan dapat direplikasi pada lembaga pendidikan lainnya.
DAFTAR PUSTAKA