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

Authors

  • Mohammad Iqbal Program Studi Teknik Elektro, Fakultas Teknik, Universitas Muria Kudus, Indonesia
  • Endang Supriyati Program Studi Teknik Informatika, Fakultas Teknik Universitas Muria Kudus, Indonesia
  • Tri Listyorini Program Studi Teknik Informatika, Fakultas Teknik Universitas Muria Kudus, Indonesia

DOI:

https://doi.org/10.30595/jrst.v10i1.28796

Keywords:

Bootstrap, PHP, MySQL, recording system, final exams

Abstract

 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

 

 

Author Biographies

Mohammad Iqbal, Program Studi Teknik Elektro, Fakultas Teknik, Universitas Muria Kudus, Indonesia

Program Studi Teknik Elektro, Fakultas Teknik, Universitas Muria Kudus, Indonesia

Endang Supriyati, Program Studi Teknik Informatika, Fakultas Teknik Universitas Muria Kudus, Indonesia

Program Studi Teknik Informatika, Fakultas Teknik, Universitas Muria Kudus, Indonesia

Tri Listyorini, Program Studi Teknik Informatika, Fakultas Teknik Universitas Muria Kudus, Indonesia

Program Studi Teknik Informatika, Fakultas Teknik, Universitas Muria Kudus, Indonesia

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

2026-03-07

How to Cite

Iqbal, M., Supriyati, E., & Listyorini, T. (2026). 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 . JRST (Jurnal Riset Sains Dan Teknologi), 10(1), A.51-A.69. https://doi.org/10.30595/jrst.v10i1.28796

Issue

Section

Research in Computer Science and Informatics Engineering

Similar Articles

1 2 > >> 

You may also start an advanced similarity search for this article.