Jurnal informasi dan Komputer Vol: 13 No:2 2025 P-ISSN: 2337-8344 E-ISSN: 2623-1247 SISTEM INFORMASI E-LEARNING BERBASIS WEB PADA SEKOLAH Mami Maryati1 . Panca Indah Lestari2. Sabar Hanadwiputra3 . Kresno Murti Prabowo4 Universitas Bani Saleh1234 Jl. Hasibuan No. 68 Kota Bekasi Email : mami@ubs. id1, pancaindahlestari@ubs. id2, sabar@ubs. id3, kresno@ubs. Abstrak Seiring kemajuan teknologi, pendidikan menuntut adaptasi. Penelitian ini bertujuan mengembangkan sistem informasi elearning berbasis web untuk mendukung proses pembelajaran yang lebih efisien dan fleksibel, terutama di tingkat Menggunakan metodologi kualitatif deskriptif dan model Waterfall, penelitian ini merinci tahapan pengembangan perangkat lunak dari analisis kebutuhan hingga implementasi. Data dikumpulkan melalui wawancara, observasi, dan studi literatur. Sistem dibangun menggunakan PHP. MySQL, dan HTML/CSS untuk mengintegrasikan fitur-fitur seperti manajemen soal, tugas, ujian daring, dan penilaian otomatis. Temuan utama adalah sebuah sistem fungsional dengan hak akses bertingkat . dmin, guru, sisw. Penerapan sistem di SMK Fadilatul Ilmi membuktikan bahwa teknologi ini tidak hanya memfasilitasi akses materi 24/7 tetapi juga secara signifikan mengurangi beban administratif guru dan siswa, sehingga meningkatkan kualitas dan efisiensi pembelajaran. , . Abstract As technology advances, education demands adaptation. This study aims to develop a web-based e-learning information system to support a more efficient and flexible learning process, especially at the school level. Using a descriptive qualitative methodology and the Waterfall model, this study investigates the development of software from needs analysis to implementation. Data were collected through interviews, observations, and literature studies. The system was built using PHP. MySQL, and HTML/CSS to integrate features such as question management, assignments, dare tests, and automatic grading. The main conclusion is a functional system with tiered access rights . dmin, teacher. The implementation of the system at SMK Fadilatul Ilmi proves that this technology not only facilitates 24/7 access to materials but also significantly reduces the administrative burden on teachers and students, thereby improving the quality and efficiency of learning. , . Keywords: E-Learning. Information System. Web-Based Learning. School PENDAHULUAN Kemajuan teknologi informasi yang cepat telah mengakibatkan perubahan penting dalam berbagai aspek kehidupan, termasuk di sektor pendidikan. Dalam penggunaan teknologi informasi di dunia pendidikan adalah melalui sistem pembelajaran elektronik atau elearning. E-learning memungkinkan proses pendidikan tidak terpengaruh oleh ruang dan waktu, melainkan dapat dilaksanakan dengan fleksibel menggunakan teknologi dan koneksi internet. Ini menjadi pilihan alternatif yang sangat tepat, terutama dalam mendukung pembelajaran jarak jauh serta meningkatkan efisiensi dan efektivitas proses belajar. Sekolah sebagai institusi pendidikan di bidang kejuruan tentu harus mengikuti kemajuan teknologi untuk menciptakan suasana belajar yang modern dan adaptif. Namun, menurut pengamatan awal, metode pengajaran di Sekolah masih sering dilakukan secara tradisional dengan terbatasnya pemanfaatan media digital. Akibatnya, terdapat keterbatasan dalam fleksibilitas penyampaian Pembelajaran, kesulitan dalam penugasan dan proses pembelajaran, serta kurangnya efektivitas komunikasi antara guru dan siswa di luar waktu kelas. Masalah tersebut mengindikasikan perlunya sistem pembelajaran yang terpadu dan bisa diakses secara online. Oleh karena itu, sangat dibutuhkan aplikasi pembelajaran berbasis web yang dapat dimanfaatkan oleh peserta sebagai sarana pembelajaran, pengumpulan tugas, diskusi, serta evaluasi pembelajaran. Melalui aplikasi ini, bertujuan mempermudah proses KBM pada lingkup sekolah sehingga teratur, hemat, dan mampu mengatasi tantangan di era digital. Melalui studi ini, penulis berharap mendesain dan mengembangkan sistem informasi e-learning berbasis web yang memenuhi kebutuhan sekolah, mudah diakses, serta dapat mendukung proses belajar mengajar secara optimal. Studi ini diharapkan dapat memberikan sumbangan nyata 34 | L P P M I T B A D I A N C I P T A C E N D I K I A Jurnal informasi dan Komputer Vol: 13 No:2 2025 dalam pengembangan sistem pendidikan yang berbasis teknologi di lingkungan Sekolah. Uji berbasis komputer dapat mengurangi pemakaian kertas dalam pelaksanaannya karena format digitalnya, memudahkan pendidik atau guru dalam mengoreksi jawaban siswa berkat sistem otomatis yang ada pada uji berbasis komputer, serta penyimpanan yang terintegrasi, sehingga mengurangi kehilangan data nilai siswa. P-ISSN: 2337-8344 E-ISSN: 2623-1247 Unit Permasalahan Kasir Wali Kelas Data belum terdokumentasikan dengan Data belum terdokumentasikan dengan Data belum mendukung untuk pengembangan aplikasi CBT Desain METODE PENELITIAN Urutan kedua dari penelitian yaitu desain, pada tahap ini akan dilakukan desain tentang use case diagram. Use case dibawah ini menjelaskan aktifitas dari computer best test dan prosedur operasional computer best test. Gambar 1. Urutan Pengembangan Pada tahap penelitian ini dimulai dengan analisis kebutuhan, di mana dilakukan analisis untuk sistem computer best test. Kemudian tahap kedua adalah desain, yang mencakup pembuatan desain database dan desain form Requirement Tahapan awal dalam penelitian ini adalah persyaratan mengenai analisis kebutuhan yang dilakukan melalui observasi dan wawancara. Diketahui bahwa setiap bagian, yaitu PSB. Kasir, dan Keuangan, telah terhubung dengan jaringan, meskipun masing-masing bagian menggunakan file kerja sendiri, sehingga berpotensi terjadi kesalahan data. Gambar 2. Use case Computer best test Class diagram dibawah ini menjelaskan skema database operasional Computer best test. Tabel 1. Aliran Aktivitas Kerja Proses Bisnis Permasalahan Proses Sistem e-learning pembelajaran tidak menyediakan wadah pembelajaran terpusat berbasis web Guru kesulitan Sistem memungkinkan mengarsipkan tugas penyimpanan digital dan penilaian otomatis Siswa kesulitan Materi dapat diakses kapan akses materi saja melalui web browser Tabel 2. Permasalahan pada bagian atau unit. Gambar 3. Class Diagram 35 | L P P M I T B A D I A N C I P T A C E N D I K I A Jurnal informasi dan Komputer Vol: 13 No:2 2025 P-ISSN: 2337-8344 E-ISSN: 2623-1247 Implementasi Pada tahap ketiga, yaitu pelaksanaan dari desain use case yang telah disusun, kemudian dilakukan proses pemrograman dengan menggunakan HTML . sebagai tampilan front-end dan PHP . sebagai latar belakangnya agar sesuai dengan proses kasus penggunaan computer best test, diagram kelas basis data. Dalam proses ini harus sangat memperhatikan dan teliti agar sesuai dengan hasil yang diharapkan Testing Tahap terakhir adalah pengujian pada level ini setelah implementasi pemrograman selesai dilakukan. HASIL DAN PEMBAHASAN Implementasi sistem menunjukkan adanya peningkatan efektivitas dalam pembelajaran daring. Guru dapat dengan mudah mengarsipkan soal, nilai, dan data siswa secara digital, sementara siswa mendapatkan akses ke materi setiap saat . , . Menu administrasi, pengaturan akun, pengelolaan kelas, dan ujian terbukti membantu efisiensi kerja guru serta meningkatkan transparansi nilai . , . Gambar 5. Menu Beranda Admin Menu ini berisikan menu yang terdapat di form admin seperti data pengaturan admin, guru, mapel, tambah soal, soal, nilai, siswa, kelas/jurusan dan ujian. lebih jelas dapat dilihat pada Gambar 5. Hasil ini konsisten dengan penelitian sebelumnya mengenai pemanfaatan sistem informasi untuk mendukung kegiatan akademik di sekolah dan perguruan tinggi . , . , . Gambar 6. Menu Pengaturan Admin Menu ini berfungsi untuk mengatur semua data kecuali untuk lebih jelas dapat dilihat pada Gambar 6. Gambar 4 Halaman Login Admin dan Guru Halaman ini berisikan menu login yang dapat diakses oleh admin dan guru untuk lebih jelas dapat dilihat pada Gambar 4. Gambar 7 Menu Tambah Admin Menu ini berfungsi untuk menampilkan informasi tambah data admin. untuk lebih jelas dapat dilihat pada Gambar 7. 36 | L P P M I T B A D I A N C I P T A C E N D I K I A Jurnal informasi dan Komputer Vol: 13 No:2 2025 Gambar 8. Menu Data Guru Menu ini berisikan daftar guru. untuk lebih jelas dapat dilihat pada Gambar 8. Gambar 9. Menu Data Mapel Menu ini berisikan data Mapel. untuk lebih jelas dapat dilihat pada Gambar 9. P-ISSN: 2337-8344 E-ISSN: 2623-1247 Gambar 11. Menu Nilai Menu ini berfungsi untuk menampilkan informasi data Nilai. untuk lebih jelas dapat dilihat pada Gambar 11. Gambar 12 Menu Siswa Menu ini berfungsi untuk menampilkan informasi data Siswa. untuk lebih jelas dapat dilihat pada Gambar 12. Gambar 10 Menu Tambah Soal Gambar 13. Menu Kelas/Jurusan Menu ini berfungsi untuk menampilkan informasi Tambah data Soal. untuk lebih jelas dapat dilihat pada Gambar 10 Menu ini berfungsi untuk menampilkan informasi data Kelas/Jurusan. untuk lebih jelas dapat dilihat pada Gambar 13 37 | L P P M I T B A D I A N C I P T A C E N D I K I A Jurnal informasi dan Komputer Vol: 13 No:2 2025 P-ISSN: 2337-8344 E-ISSN: 2623-1247 Pengembangan Akses Mobile Mengingat sebagian besar siswa lebih sering menggunakan smartphone, pengembangan aplikasi berbasis mobile (Android/iOS) atau desain web responsif sangat penting untuk meningkatkan aksesibilitas. Gambar 14. Menu Ujian Integrasi dengan Sistem Akademik Untuk mendukung administrasi sekolah secara menyeluruh, sistem e-learning dapat diintegrasikan dengan sistem informasi akademik (SIAKAD), seperti data absensi, raport digital, dan pembayaran sekolah. Menu ini berfungsi untuk menampilkan informasi data Ujian. untuk lebih jelas dapat dilihat pada Gambar 14. DAFTAR PUSTAKA KESIMPULAN DAN SARAN Sutabri. Sistem Informasi Manajemen. Yogyakarta: Andi, 2016. 1 Kesimpulan . Utami. AuAplikasi Computer-Based Test Ujian pada SMP Negeri 6 Cimahi,Ay J. Teknol. Inf. , vol. 9, no. 2, pp. 151Ae160, 2019, doi: 34010/jati. Penelitian menunjukkan bahwa rancangan aplikasi computer best test dapat memenuhi kebutuhan sekolah dalam mendukung kegiatan pembelajaran jarak jauh secara daring, terutama dalam situasi di mana Sistem e-learning yang telah dibuat sebaiknya terus diperbaiki dengan menambah fitur-fitur lain yang mendukung pembelajaran digital dengan lebih komprehensif, seperti fitur video konferensi . ntegrasi Zoom/Google Mee. , serta notifikasi tugas melalui email atau WhatsApp 1 Saran