Implementasi Logika Time-Aware dan State Management pada Modul Kalender Akademik Berbasis Web untuk Otomatisasi Status Penjadwalan Kursus (Studi Kasus: Platform Kelas Bisa)

Abstract

Pesatnya perkembangan teknologi informasi di sektor pendidikan menuntut sistem manajemen jadwal kursus yang dinamis untuk mengoptimalkan pengalaman pengguna. Penelitian ini membahas implementasi logika time-aware dan state management pada modul kalender akademik berbasis web untuk otomatisasi status penjadwalan pada platform Kelas Bisa di Vrasmedia IT Solution. Selain itu, proyek ini juga mengembangkan Dasbor Utama Admin, Dasbor Merchandise dengan simulasi payment gateway Midtrans, serta modul pengelolaan artikel dan testimoni. Metode pengembangan difokuskan pada sisi frontend menggunakan React.js, Tailwind CSS, dan React Hooks (useState dan useEffect), serta pemodelan sistem menggunakan Use Case, Class, dan Sequence Diagram. Hasil penelitian menunjukkan sistem berhasil melakukan sinkronisasi waktu nyata (real-time) untuk menjalankan fungsi kontrol akses (canJoin) dan deteksi status terlewat (isMissed) secara otomatis tanpa pemuatan ulang halaman. Kesimpulannya, penerapan logika time-aware dan manajemen status ini efektif meningkatkan otomasi sistem, meminimalisir kesalahan manual, serta menyajikan antarmuka yang informatif.