Overview Dashboard (Admin)
Ringkasan halaman dashboard utama admin yang menampilkan statistik singkat dan progres naskah.
Overview Dashboard (Admin)
Halaman Overview adalah beranda utama admin setelah login. Halaman ini memberi gambaran cepat tentang kondisi sistem, tanpa perlu masuk ke modul-modul detail terlebih dahulu.
Saat ini, halaman overview fokus pada dua area utama:
- Ringkasan statistik (kartu-kartu angka) melalui komponen Dashboard Summary.
- Progres naskah melalui komponen Manuscript Progress.
Semua ini ditampilkan di halaman /dashboard/overview (atau beranda dashboard admin tergantung konfigurasi routing).
1. Loading & Error State
Sebelum data siap ditampilkan, halaman overview menampilkan tampilan loading:
- Kartu-kartu statistik dummy (skeleton) untuk menggambarkan posisi dan jumlah kartu.
- Skeleton untuk area progres naskah.
Ini memberi sinyal kepada admin bahwa sistem sedang memuat data, bukan mengalami error diam-diam.
Jika terjadi kesalahan saat memuat statistik (misalnya API bermasalah), komponen OverviewError akan menampilkan alert:
- Judul:
Error. - Pesan:
Gagal memuat statistik: ...diikuti detail pesan error.
2. Kartu Ringkasan (Dashboard Summary)
Bagian atas halaman overview menampilkan grid kartu statistik yang dirender oleh komponen DashboardSummary.
Secara visual, setiap kartu biasanya berisi:
- Judul kecil – menjelaskan metrik, misalnya:
- Total naskah.
- Naskah dalam proses.
- Naskah selesai.
- Metrik lain yang relevan dengan operasional.
- Angka utama – nilai metrik dalam ukuran besar (misalnya jumlah naskah).
- Ikon kecil – ikon visual yang menggambarkan jenis metrik.
Saat data belum dimuat, DashboardSummary digantikan oleh skeleton grid:
- Empat kartu dummy dengan garis abu-abu sebagai placeholder judul dan angka.
Karena detail isi DashboardSummary dikelola di komponen terpisah, dokumentasi di sini fokus pada perilaku umum:
- Kartu-kartu statistik membantu admin melihat kondisi sistem secara sekilas.
- Tidak ada aksi langsung (klik) yang mengubah data dari kartu ini; fungsi utamanya adalah indikator.
3. Progres Naskah (Manuscript Progress)
Di bawah ringkasan statistik, halaman overview menampilkan blok progres naskah melalui komponen ManuscriptProgress.
Tujuan area ini adalah untuk memberi gambaran singkat mengenai:
- Sejauh mana naskah-naskah dalam sistem sudah diproses (misalnya berapa banyak yang masih di tahap awal vs mendekati selesai).
- Distribusi status naskah (draft, dalam review, selesai, dan sebagainya – tergantung implementasi di komponen tersebut).
Saat data progres belum siap, komponen ManuscriptProgressSkeleton akan ditampilkan sebagai placeholder, sehingga tata letak tidak "meloncat" saat data masuk.
Catatan: Detail visual dan metrik spesifik di dalam
ManuscriptProgressdiatur di komponen tersebut (grafik, bar progres, dsb.). Di dokumen ini kita hanya mencatat bahwa blok tersebut memang ada di halaman overview dan menampilkan ringkasan progres naskah.
4. Interaksi Pengguna
Halaman Overview saat ini berfungsi terutama sebagai halaman informasi:
- Tidak ada form input di overview yang mengubah data langsung.
- Interaksi utama admin adalah membaca statistik dan progres.
- Aksi-aksi lebih detil (misalnya mengelola naskah, penulis, atau royalti) dilakukan di modul-modul khusus melalui menu sidebar.
Dengan demikian, Overview menjadi pintu masuk cepat bagi admin untuk memahami kondisi terkini sebelum memutuskan modul mana yang perlu dibuka untuk tindakan lebih lanjut.