Bicimici LMS Platform
Awalnya dibuat sebagai prototipe web menggunakan Next.js 16 dan Supabase seperti yang ditampilkan pada video demo, kemudian dibangun ulang menggunakan Laravel, MySQL, dan Filament untuk versi produksi agar memenuhi kebijakan keamanan data dari badan siber nasional dan meningkatkan performa.
Ikhtisar
LMS Bicimici dirancang sebagai platform pembelajaran digital untuk siswa dan guru, menggabungkan materi ajar, kuis, dan pengalaman game edukatif dalam satu sistem.
Prototipe awal yang ditampilkan pada video demo dibangun menggunakan Next.js 16, React 19, dan TypeScript, dengan styling Tailwind CSS v4 dan komponen Radix UI/shadcn, Supabase untuk autentikasi dan penyimpanan data, layanan Python untuk asisten AI Sheby, serta Unity WebGL untuk game edukatif.
Untuk versi produksi, backend dibangun ulang menggunakan Laravel, MySQL, dan PHP 8.5, dikelola melalui panel admin Filament, sehingga seluruh data siswa dan sekolah disimpan pada infrastruktur yang sesuai dengan regulasi keamanan siber nasional sekaligus memberikan performa yang lebih baik dibandingkan versi Next.js sebelumnya.
Tantangan
Tantangan utama dalam proyek ini meliputi:
- Memenuhi regulasi badan siber nasional yang melarang penyimpanan data siswa dan sekolah pada platform cloud pihak ketiga seperti Supabase.
- Memigrasikan platform dari prototipe Next.js dan Supabase ke stack produksi Laravel dan MySQL tanpa kehilangan fitur atau data yang sudah ada.
- Mengatasi performa yang lambat pada versi Next.js sebelumnya agar LMS menjadi lebih cepat dan responsif.
- Membangun ulang sistem autentikasi dan kontrol akses berbasis peran untuk admin, guru, dan siswa menggunakan Laravel dan Filament.
- Menjaga integrasi game edukatif Unity WebGL tetap berjalan dengan baik selama proses migrasi.
- Memenuhi persyaratan fungsional dan timeline 6 bulan dengan pengembangan yang selaras dengan kebutuhan pengguna.
Solusi
Solusi yang diterapkan meliputi:
- Memigrasikan backend dari Supabase ke stack Laravel dan MySQL yang dihosting sendiri dengan PHP 8.5, memastikan kepatuhan penuh terhadap persyaratan keamanan data dari badan siber nasional.
- Membangun dashboard admin menggunakan Filament untuk mengelola pengguna, materi, dan konten, dengan kontrol akses berbasis peran untuk admin, guru, dan siswa.
- Mengimplementasikan ulang sistem autentikasi dan otorisasi menggunakan fitur keamanan bawaan Laravel untuk menggantikan sistem autentikasi Supabase sebelumnya.
- Mengintegrasikan ulang game edukatif Unity WebGL dengan backend Laravel yang baru melalui REST API.
- Mengoptimalkan query database dan server-side rendering untuk mengatasi masalah performa dari versi Next.js sebelumnya.
- Menggunakan Git untuk version control, Postman untuk pengujian API, serta praktik Agile untuk kolaborasi tim selama proses migrasi.
Hasil
- Berhasil memigrasikan LMS dari Next.js dan Supabase ke Laravel, MySQL, dan Filament, memenuhi persyaratan keamanan data dari badan siber nasional.
- Peningkatan signifikan pada kecepatan loading halaman dan responsivitas secara keseluruhan dibandingkan versi Next.js sebelumnya.
- Panel admin Filament mempermudah pengelolaan konten dan pengguna bagi admin dan guru.
- Integrasi game Unity WebGL tetap berfungsi penuh setelah migrasi, menjaga pengalaman belajar yang interaktif.
- 80% pengembangan sistem selesai dalam 6 bulan sesuai dengan kebutuhan pengguna dan spesifikasi fungsional.
Demo Platform
Tonton demonstrasi platform Bicimici LMS dalam aksi. Video ini menampilkan fitur-fitur platform dan antarmuka pengguna.
Catatan: video demo ini menampilkan versi prototipe awal platform yang menggunakan Next.js dan Supabase. Versi produksi telah dimigrasikan ke Laravel, MySQL, dan Filament.