Project Overview
Portal dosen yang memfasilitasi pembuatan materi, penugasan, penilaian, dan komunikasi ke mahasiswa — dirancang untuk menurunkan overhead administratif pengajaran.
Dampak & Skala Implementasi:
Saya mengimplementasikan gradebook interaktif dengan inline editing dan bulk-upload (CSV) untuk mempercepat proses koreksi, form pembuatan tugas dengan attachment + deadline management, preview tugas mahasiswa (file/PDF) langsung di browser, serta fitur export/import untuk gradebook. Teknis meliputi penggunaan Ant Design untuk tabel dan form kompleks, axios untuk endpoint grading, client-side validation dan preview sebelum submit, serta pencegahan aksi kritikal melalui confirmation flows.
Problem
Dosen menghabiskan banyak waktu untuk mengelola penilaian manual (spreadsheet) dan verifikasi berkas mahasiswa, menyulitkan pelaporan nilai tepat waktu.
Goal
Menyediakan dashboard yang mempermudah pembuatan tugas, penilaian cepat, dan ekspor data nilai untuk administrasi akademik.
Solution
Membangun UI gradebook dengan kemampuan inline edit, bulk upload/download CSV, preview berkas mahasiswa, dan form pembuatan tugas yang terstruktur sehingga alur penilaian menjadi lebih efisien.
Tech Stack
- Next.js 14 — rendering hybrid untuk admin pages
- Ant Design — table & form kompleks
- axios — service layer untuk grading endpoints
- CSV utilities — import/export gradebook
Key Features
- Interactive gradebook (inline editing)
- Bulk grade upload (CSV) & export
- Assignment creation with attachments
- Student submission preview
Architecture
Separation of concerns: presentational components, service layer, dan small-state management untuk form/preview. Fokus pada reliability untuk operasi data-sensitive (grades).