SC Universitas Dashboard — Template CMS Admin Universitas HTML Bootstrap 5 (RBAC & Editorial Workflow)

SC Universitas Dashboard adalah template dashboard CMS (Content Management System) universitas berbahasa Indonesia yang modern, profesional, dan responsif. Fokusnya mengelola seluruh konten website kampus: berita, artikel, halaman, pengumuman, agenda, galeri, fakultas & program studi, dosen & staf, media, menu, hingga pengaturan website. Dibangun dengan HTML5, CSS3, Bootstrap 5.3, Bootstrap Icons, JavaScript vanilla, DataTables, TinyMCE, Chart.js, dan SweetAlert2. Semua pustaka disimpan lokal, jadi berjalan tanpa CDN, bahkan langsung dari file.

Tampilan: layout admin dengan sidebar gelap yang bisa diciutkan (menjadi menu geser di HP), top navbar dengan pencarian global (Ctrl+K), breadcrumb, dropdown notifikasi, dan dropdown profil pengguna. Disertai logo dan ilustrasi SVG orisinal serta data contoh yang realistis, sehingga terlihat seperti CMS kampus yang sudah beroperasi.

Halaman (24):

• Overview: 8 kartu statistik, grafik publikasi per bulan, status konten editorial, grafik aktivitas pengguna, berita terbaru, aktivitas terakhir, dan daftar artikel menunggu persetujuan.
• Berita & artikel: tab status, filter kategori/penulis/fakultas, berita utama (featured), berita populer. Editornya berisi judul, slug otomatis, ringkasan, TinyMCE, kategori, tag, gambar utama + caption, galeri banyak foto (urutan seret-lepas), SEO title & description dengan pratinjau Google, jadwal terbit, dan riwayat status.
• Review editorial: diagram alur, antrean review, checklist editorial, serta tombol setujui, minta revisi, tolak, dan terbitkan.
• Halaman statis (dengan template halaman & meta SEO), pengumuman (nomor surat, lampiran PDF, periode tayang), dan agenda kegiatan.
• Galeri: album, unggah banyak foto, video YouTube atau berkas, caption, dan urutan seret-lepas.
• Fakultas & program studi (dekan, kaprodi, akreditasi, visi-misi) serta dosen & tenaga kependidikan (NIDN/NIP, pendidikan, bidang keahlian).
• Media library ala WordPress (pratinjau, ganti nama, filter tipe, ukuran & dimensi), menu builder header/footer bertingkat dengan seret-lepas, serta kategori & tag.
• Pengguna (reset password, aktif/nonaktif), role & permission, pengaturan website (identitas, kontak, media sosial, warna tema, header/footer, Google Maps, SEO, analytics, copyright), notifikasi, activity log (ekspor CSV), profil & sesi aktif, serta login, lupa kata sandi, dan reset kata sandi.

Role Based Access Control: 9 role, yaitu Super Administrator, Administrator, Editor, Kontributor, Staf Fakultas, Staf Akademik, Staf Humas, Dosen, dan Author. Hak akses diatur per modul × tindakan (View, Create, Edit, Delete, Publish, Approve) lewat matriks. Staf Fakultas bisa dibatasi hanya ke konten fakultasnya sendiri, dan penulis hanya ke tulisan miliknya. Menu, tombol, dan halaman (403) otomatis mengikuti izin.

Editorial workflow: Draft → Pending Review → Revision Required / Rejected / Approved → Published → Archived. Catatan revisi dan alasan penolakan wajib diisi. Konten bisa dijadwalkan terbit, dan setiap perubahan status tercatat di riwayat konten, activity log, dan notifikasi ke penulis atau editor.

Keamanan (alur & tampilan): login dengan kunci sementara setelah 5 kali gagal, lupa & reset kata sandi dengan pengukur kekuatan, token CSRF di setiap formulir, sesi berakhir otomatis saat tidak aktif, konfirmasi penghapusan, dan validasi form.

Kode rapi: layout (sidebar, topbar, breadcrumb, footer) dirender dari satu sumber, ada helper CRUD generik, data contoh di satu file, dan skrip terpisah per halaman. Diuji dengan 5 role di desktop & HP: tanpa error JavaScript dan tanpa permintaan ke server luar.

Catatan: ini template frontend. Login, CSRF, dan penyimpanan disimulasikan di peramban (data di localStorage, jadi perubahan tetap ada setelah halaman dimuat ulang). README menjelaskan fungsi-fungsi yang perlu disambungkan ke backend Anda (PHP, Laravel, CodeIgniter, dll.).

Isi paket: 24 halaman HTML, CSS & JS, 18 ilustrasi/logo SVG, font Inter lokal, Bootstrap 5.3.3, Bootstrap Icons 1.11, DataTables 1.13, Chart.js 4.4, SweetAlert2 11, TinyMCE 6.8 (MIT, antarmuka berbahasa Indonesia), README, LICENSE, dan NOTICE.

Lisensi: gratis untuk semua member sharecode.id. Boleh dipakai untuk website kampus sendiri maupun klien tanpa batas jumlah, dan boleh menarik biaya jasa. Dilarang menjual atau membagikan ulang template ini sebagai template/produk. Atribusi "Template SC Universitas Dashboard oleh sharecode.id" di footer dashboard wajib dipertahankan (detail di LICENSE.md).

Klik Lihat Demo untuk mencoba langsung. Di halaman login tersedia satu akun demo untuk tiap role (kata sandi Demo@123), jadi Anda bisa merasakan perbedaan hak akses dan alur editorial dari sisi penulis maupun editor.

Butuh tampilan situs publiknya juga? Lihat SC Universitas HTML — template website universitas & portal kampus dari keluarga produk yang sama.