Implementation of Bootstrap and PHP in a Web-Based Academic Violation Recording System
Implementasi Framework Bootstrap dan PHP dalam Sistem Pencatatan Pelanggaran Ujian Akhir Semester
DOI:
https://doi.org/10.30595/jrst.v10i1.28796Keywords:
Bootstrap, PHP, MySQL, recording system, final examsAbstract
Final exams, are usually one of the most important components in course assessment, for measuring learning outcomes. This activity is usually conducted at the end of the semester, and violations by students often occur during its implementation. Violations can include tardiness, cheating, collaboration, or other offenses. The Faculty of Engineering at Universitas Muria Kudus (UMK) pays special attention to this issue because the large number of students increases the potential for violations and the volume of violation data, making it impossible to record manually. Therefore, to facilitate the recording and management of violation data, a web-based violation recording system application was developed. This research is aimed at developing an application using the Waterfall method. The stages of application development include four stages, namely data collection and problem identification, design, implementation, and maintenance. The system is implemented in two parts, namely the front-end, which is developed using the Bootstrap framework to produce a responsive and easy-to-use interface, and the back-end, which is built with the PHP programming language as server-side programming with the support of the MySQL database, which is open source, free, and highly compatible with PHP, thereby supporting efficient information system development. The results of testing using the black box testing method show that all pages and features in the system are functioning as designed, so it can be concluded that the system is working properly. With this UAS violation recording system in place, it is hoped that the committee can improve efficiency in recording violations and encouraging student discipline during the examination.
ABSTRAK (Bahasa Indonesia)
Ujian Akhir Semester biasanya menjadi salah satu komponen terpenting dalam evaluasi penilaian mata kuliah, untuk mengukur capaian pembelajaran. Kegiatan ini biasanya dilakukan di akhir semester dan seringkali dalam pelaksanaannya, terjadi pelanggaran oleh mahasiswa. Pelanggarannya bisa berupa datang terlambat, mencontek, kerja sama atau pelanggaran yang lainnya. Fakultas Teknik Universitas Muria Kudus (UMK) mempunyai perhatian khusus terhadap masalah ini, karena dengan jumlah mahasiswa yang cukup besar maka potensi pelanggaran meningkat dan data pelanggaran menjadi lebih besar, sehingga tidak mungkin dicatat secara manual. Olah sebab itu, untuk mempermudah pencatatan dan pengelolaan data pelanggaran, dikembangkan sebuah aplikasi sistem pencatatan pelanggaran berbasis web. Penelitian ini adalah ditujukan untuk pengembangan aplikasi, dengan menggunakan metode Waterfall. Tahapan pengembangan aplikasi ini meliputi empat tahap, yaitu pengumpulan data dan identifikasi masalah, perancangan, implementasi, serta pemeliharaan (maintenance). Sistem diimplementasikan dalam dua bagian, yaitu front-end yang dikembangkan menggunakan framework Bootstrap agar menghasilkan tampilan antarmuka responsif dan mudah digunakan, serta back-end yang dibangun dengan bahasa pemrograman PHP sebagai server-side programming dengan dukungan basis data MySQL yang bersifat open source, gratis, dan sangat kompatibel dengan PHP sehingga mendukung pengembangan sistem informasi secara efisien. Hasil pengujian menggunakan metode black box testing menunjukkan bahwa seluruh halaman dan fitur dalam sistem telah berjalan sesuai dengan rancangan, sehingga dapat disimpulkan bahwa sistem ini berfungsi dengan baik. Dengan adanya sistem pencatatan pelanggaran UAS ini, diharapkan panitia dapat meningkatkan efisiensi dalam pencatatan pelanggaran sekaligus mendorong terciptanya kedisiplinan mahasiswa selama pelaksanaan ujian
References
Christian, A., Hesinto, S., & Agustina, A. (2018). Rancang Bangun Website Sekolah Dengan Menggunakan Framework Bootstrap ( Studi Kasus SMP Negeri 6 Prabumulih ). Jurnal Sisfokom (Sistem Informasi Dan Komputer), 7(1), 22–27. https://doi.org/10.32736/sisfokom.v7i1.278
Fauzi, M. R., Rusdianto, D. S., & Nurwarsito, H. (2020). Pengembangan Sistem Pencatatan Pelanggaran Mahasiswa (Studi Kasus: Fakultas Ilmu Komputer Universitas Brawijaya). Jurnal Pengembangan Teknologi Informasi Dan Ilmu Komputer, 4(12), 4254–4263. http://j-ptiik.ub.ac.id
Febrian, R. P., Widiyaningsih, W., & Lailasari, M. (2023). Rancang bangun website informasi dan pembayaran spp sekolah menggunakan php dan bootstrap (studi kasus sma pgri 1 jakarta). Jurnal Nasional Teknologi Komputer, 3(3), 96–115. https://doi.org/10.61306/jnastek.v3i3.82
Gunadi, G. (2021). Rancang Bangun Sistem Peminjaman Laptop dengan Metode Extreme Programming Menggunakan Framework Bootstrap. Ultima InfoSys : Jurnal Ilmu Sistem Informasi, 12(1), 74–86. https://doi.org/10.31937/si.v12i1.2087
Hormati, R., Yusuf, S., & Abdurahman, M. (2021). Sistem informasi Data Poin Pelanggaran Siswa Menggunakan Metode Prototyping Berbasis Web Pada SMA Negeri 10 Kota. Jurnal Ilmiah ILKOMINFO - Ilmu Komputer & Informatika, 4(2). https://doi.org/10.47324/ilkominfo.v4i2.128
Indra Astutik, I. R., & Rosid, M. A. (2018). Integrated Information System Teaching Plan in College Using FAST Method and Twitter Bootstrap. Kinetik: Game Technology, Information System, Computer Network, Computing, Electronics, and Control, 163–170. https://doi.org/10.22219/kinetik.v3i2.588
Khairi, A., Iawan, J., Fibrian, A. H., Sholeh, A. N., Tio Pratama, W. K., Efendi, A. T. A. U., Zainurrahman, Z., & Ikbal, M. (2022). Sistem Informasi Berbasis Web pada Pelanggaran Santri di Pondok Pesantren Nurul Jadid. TRILOGI: Jurnal Ilmu Teknologi, Kesehatan, Dan Humaniora, 3(2), 71–76. https://doi.org/10.33650/trilogi.v3i2.4183
Laaziri, M., Benmoussa, K., Khoulji, S., Mohamed Larbi, K., & Yamami, A. El. (2019). Analyzing bootsrap and foundation font-end frameworks : a comparative study. International Journal of Electrical and Computer Engineering (IJECE), 9(1), 713. https://doi.org/10.11591/ijece.v9i1.pp713-722
Martin, J., & Tanaamah, A. R. (2018). Perancangan Dan Implementasi Sistem Informasi Penjualan Berbasis Desktop Website Menggunakan Framework Bootstrap Dengan Metode Rapid Application Development, Studi Kasus Toko Peralatan Bayi ‘Eeng Baby Shop.’ Jurnal Teknologi Informasi Dan Ilmu Komputer, 5(1), 57–68. https://doi.org/10.25126/jtiik.201851547
Megariani, T. V. N. (2017). Aplikasi Forum Pajak Menggunakan Framework Bootstrap. Technologia: Jurnal Ilmiah, 8(2), 97. https://doi.org/10.31602/tji.v8i2.1113
Meilani, Y. I. (2019). Implementasi Metode Proyotyping Dan Twitter Bootstrap Responsive Pada Sistem Pembelajaran Bagi Siswa/i SMA Di Palembang. Simetris: Jurnal Teknik Mesin, Elektro Dan Ilmu Komputer, 10(2), 753–762. https://doi.org/10.24176/simet.v10i2.3685
Munaldi, M. (2017). Perancangan Tryout Online Berbasis Web Menggunakan Framework Bootstrap pada SMP Tirta Buaran. Jurnal Informatika Universitas Pamulang, 2(3), 159. https://doi.org/10.32493/informatika.v2i3.1497
Nelfira, N., Amuharnis, A., Elizamiharti, E., & Wiriani, C. (2021). Sistem Informasi Akademik Pada SMA N 1 Palembayan Berbasis Web Menggunakan Framework Bootstrap. Rang Teknik Journal, 4(2), 348–358. https://doi.org/10.31869/rtj.v4i2.2636
Nurjani, M. A., Mulyadi, I., & Taryanto, A. (2021). Sistem Informasi Persediaan Barang Menggunakan Framework Bootstrap dan Bahasa Pemrograman PHP MYSQL. Computer Based Information System Journal, 9(2), 50–57. https://doi.org/10.33884/cbis.v9i2.4453
Perdana, C., Maharani, & Angga Wijaya, M. (2024). Implementasi Framework Bootstrap 5 Pada Perancangan Front-End Website MC BRO di PT X. Jurnal Sistem Informasi Galuh, 2(1), 30–43. https://doi.org/10.25157/jsig.v2i1.3634
Rahayuda, I. G. S., Watiniasih, N. L., & Santiari, N. P. L. (2023). Sistem Informasi Magang Berbasis Web Framework Bootstrap 5 (Studi Kasus: Program Studi Informatika, Fakultas MIPA, Universitas Udayana). JELIKU (Jurnal Elektronik Ilmu Komputer Udayana), 12(1), 233. https://doi.org/10.24843/JLK.2023.v12.i01.p27
Sansprayada, A., Mariskhana, K., & Aziz, R. A. (2020). Sistem Pengendalian dan Pencegahan Infeksi Rumah Sakit Menggunakan Bootstrap. Jurnal Teknologi Informatika Dan Komputer, 6(1), 108–119. https://doi.org/10.37012/jtik.v6i1.150
Santoso, M. F. (2019). Teknik Responsive Web Design Bootstrap 4 Serta Penerapannya Dalam Rancang Bangun Layout Web. Jurnal Pilar Nusa Mandiri, 15(1), 61–68. https://doi.org/10.33480/pilar.v15i1.101
Sari, A. K., & Zakaria, H. (2023). Rancang Bangun Sistem Informasi Pengelolaan Transaksi Penjualan dan Persediaan Bahan Makanan Berbasis Web Menggunakan Bootstrap dan Framework Codeigniter. Jurnal Teknologi Sistem Informasi Dan Aplikasi, 6(1), 34–38. https://doi.org/10.32493/jtsi.v6i1.28669
Siagian, H. M., Nasution, M. I. P., & Triase. (2022). Implementasi Framework Bootstrap Pada Sistem Kerja Praktek Berbasis Web Responsive. JSiI (Jurnal Sistem Informasi), 9(1), 6–11. https://doi.org/10.30656/jsii.v9i1.3922
Sopian, A. (2018). Pengembangan Aplikasi Konversi Mata Kuliah Menggunakan Framework Codeigniter Dan Bootstrap (Studi Kasus : Sekolah Tinggi Ilmu Komunikasi Profesi Indonesia). Jurnal Teknologi Informatika Dan Komputer, 4(2), 44–50. https://doi.org/10.37012/jtik.v4i2.262
Sopian, A., Agustino, R., & Wiyatno, A. (2020). Perancangan Aplikasi Surat Menggunakan Framework Codeigniter Dan Bootstrap Pada LPPM Universitas Mohammad Husni Thamrin. Jurnal Teknologi Informatika Dan Komputer, 6(2), 47–62. https://doi.org/10.37012/jtik.v6i2.297
Suhendri, S. (2019). Rancang Bangun Aplikasi SMS Gateway Berbasis Web Dengan Fasilitas Schedule SMS Dan SMS Auto Replay/ Auto Responder Menggunakan Framework Codeigniter Dan Bootstrap (Studi Kasus : SMPN 1 Majalengka). INFOTECH Journal, 5(2), 34–42. https://ejournal.unma.ac.id/index.php/infotech/article/view/102
Suprayogi, B., & Rahmanesa, A. (2019). Penerapan Framework Bootstrap dalam Sistem Informasi Pendidikan SMA Negeri 1 Pacet Cianjur Jawa Barat. TEMATIK, 6(2), 119–127. https://doi.org/10.38204/tematik.v6i2.244
Susanti, D. (2017). Perancangan Aplikasi Absensi Dan Catatan Pegawai Di Desa Cihaur Berbasis Web Menggunakan Codeigniter Dan Bootstrap. Komputa : Jurnal Ilmiah Komputer Dan Informatika, 6(1), 10–15. https://doi.org/10.34010/komputa.v6i1.2470
Syahfitri, A. A., Mulya, M. F., Larasati, P. D., & Anwar, S. (2023). Perancangan Sistem Informasi Penerimaan Peserta Didik Baru Menggunakan Codeigniter, Bootstrap Dan Mysql (Studi Kasus: Raudhatul Athfal Az-Zahra). Jurnal SISKOM-KB (Sistem Komputer Dan Kecerdasan Buatan), 6(2), 125–136. https://doi.org/10.47970/siskom-kb.v6i2.375
Utami, M., & Apridiansyah, Y. (2019). Implementasi Algoritma Sequential Searching Pada Sistem Pelayanan Puskesmas Menggunakan Bootstrap (Studi Kasus Puskesmas Kampung Bali Bengkulu). JSAI (Journal Scientific and Applied Informatics), 2(1). https://doi.org/10.36085/jsai.v2i1.166
Zaenudin, Lubis, B. I. F., & Samsumar, L. D. (2021). Design and Build a Web-Based Medical Record Information System Using Codeigniter and Bootstrap. Jurnal Mantik, 5(3), 2047–2052. https://www.iocscience.org/ejournal/index.php/mantik/article/view/1832
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2026 Mohammad Iqbal, Endang Supriyati, Tri Listyorini

This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
Authors who publish with this journal agree to the following terms:
Authors retain copyright and grant the journal right of first publication with the work simultaneously licensed under a Creative Commons Attribution License that allows others to share the work with an acknowledgement of the work's authorship and initial publication in this journal.
Authors are able to enter into separate, additional contractual arrangements for the non-exclusive distribution of the journal's published version of the work (e.g., post it to an institutional repository or publish it in a book), with an acknowledgement of its initial publication in this journal.
Authors are permitted and encouraged to post their work online (e.g., in institutional repositories or on their website) prior to and during the submission process, as it can lead to productive exchanges, as well as earlier and greater citation of published work (See The Effect of Open Access)
JRST (Jurnal Riset Sains dan Teknologi) is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.

