Mahasiswa Program Studi Teknik Informatika Universitas Pamulang melaksanakan kegiatan Kerja Praktik di MTsN 1 Serang dengan mengembangkan sistem E-Learning berbasis web. Sistem ini dirancang untuk membantu proses belajar mengajar tetap berjalan secara terstruktur, terutama ketika guru berhalangan hadir karena kegiatan luar sekolah, rapat, sakit, atau kondisi lainnya.

Kegiatan Kerja Praktik ini dilaksanakan oleh Azay Agustian, Muhammad Najhan Tsaani, dan Olivia Ramadhani dengan judul “Perancangan dan Implementasi Sistem E-Learning Berbasis Web Menggunakan Framework Laravel, Tailwind CSS, dan AlpineJS untuk Mendukung Pembelajaran Daring pada MTsN 1 Serang.”

Sistem E-Learning yang dikembangkan memiliki tiga peran utama, yaitu admin, guru, dan siswa. Melalui sistem ini, guru dapat mengelola course, membuat pertemuan pembelajaran, mengunggah materi, membuka forum diskusi, memberikan tugas, membuat pre-test dan post-test, mengelola asesmen, serta memantau aktivitas siswa. Siswa dapat mengakses materi, mengunduh lampiran, menandai materi selesai dibaca, mengikuti diskusi, mengumpulkan tugas, mengerjakan quiz, serta melihat progres pembelajaran. Sementara itu, admin dapat mengelola data dasar akademik seperti akun pengguna, guru, siswa, kelas, mata pelajaran, tahun ajaran, semester, dan struktur course.

Selain fitur pembelajaran reguler, sistem ini juga mendukung pembuatan Paket Pertemuan Massal. Fitur tersebut membantu guru membuat satu paket pertemuan dan membagikannya ke banyak course yang diampu, lengkap dengan materi, diskusi, tugas, quiz, serta konten non-reguler seperti Ulangan Harian, UTS, UAS, dan Kegiatan di Luar Kelas. Fitur ini dibuat agar proses persiapan pembelajaran menjadi lebih efisien tanpa mengurangi kelengkapan konten pembelajaran.

Pada 18 Juni 2026, aplikasi telah diuji bersama validator mitra dari MTsN 1 Serang, yaitu Rizka Desiana, S.Kom., M.TI. Pengujian dilakukan untuk role admin, guru, dan siswa melalui perangkat handphone, laptop, dan komputer. Berdasarkan hasil validasi, aplikasi dinyatakan dapat diterima dan layak digunakan sebagai media pendukung pembelajaran, dengan catatan penyempurnaan pada sisi kemudahan penggunaan dan tampilan antarmuka.

Melalui pengembangan sistem ini, mahasiswa berharap E-Learning MTsN 1 Serang dapat menjadi media pendukung pembelajaran yang membantu guru dan siswa menjalankan aktivitas belajar secara lebih terpusat, terdokumentasi, dan mudah dipantau. Ke depannya, sistem ini juga dapat dikembangkan lebih lanjut untuk mendukung pembelajaran harian maupun kebutuhan evaluasi berbasis online di lingkungan sekolah.

Fitur Utama yang Disampaikan

• Admin dapat mengelola akun pengguna, data guru, data siswa, kelas, mata pelajaran, tahun ajaran, semester, pengampu, anggota kelas, Kokurikuler, arsip, backup, monitoring, dan log audit.
• Guru dapat membuat pertemuan, mengunggah materi teks/link/file, membuka diskusi, memberi tugas, membuat quiz manual atau import CSV, memantau aktivitas siswa, dan mengunduh rekap.
• Siswa dapat membuka course, mengikuti pertemuan, membaca materi, mengunduh lampiran, mengerjakan quiz, mengirim tugas, mengikuti diskusi, serta melihat progress pembelajaran.
• Paket Pertemuan Massal membantu guru membagikan satu paket pertemuan ke banyak course dengan konten yang tetap lengkap seperti pertemuan satuan.

Kontak Penulis

Muhammad Najhan Tsaani, Azay Agustian, Olivia Ramadhani

Program Studi Teknik Informatika – Universitas Pamulang

Email/No. HP: najhan.tsaani12@gmail.com

Catatan redaksi: foto dokumentasi kegiatan dan screenshot tampilan aplikasi terbaru disertakan pada halaman berikutnya.

Lampiran Foto Dokumentasi

Foto berikut memperlihatkan dokumentasi uji coba dan diskusi validasi aplikasi E-Learning bersama pihak MTsN 1 Serang.

Dokumentasi tim Kerja Praktik bersama pembimbing lapangan MTsN 1 Serang.

Demonstrasi dan uji coba aplikasi E-Learning di MTsN 1 Serang.

Diskusi hasil validasi dan masukan pengembangan aplikasi.

Lampiran Screenshot Aplikasi

Screenshot berikut dipilih dari tampilan aplikasi terbaru pada sisi login, siswa, guru, dan Paket Pertemuan Massal.

Halaman login E-Learning dengan captcha keamanan.

Dashboard siswa dengan menu Course Saya dan akses Progress Saya.

Halaman Progress Saya dengan pencarian, filter, dan pagination.

Detail pertemuan siswa dengan akses materi dan aksi penyelesaian.

Halaman quiz siswa dengan timer dan alur pengerjaan.

Form Paket Pertemuan Massal guru dengan default publikasi.

Section materi file pada Paket Pertemuan Massal.

Pembuatan quiz manual dan import CSV pada Paket Pertemuan Massal.