Bayangkan kamu sudah susah payah menghitung seluruh attainment CPL — ratusan data mahasiswa, puluhan mata kuliah, query SQL yang njlimet — lalu hasilnya hanya berbentuk tabel Excel yang harus dibuka kolom per kolom. Melelahkan, bukan? Nah, di sinilah dashboard OBE tampil sebagai penyelamat. Dengan visualisasi data OBE yang tepat di SIAKAD, laporan yang tadinya butuh penjelasan 30 menit bisa dipahami hanya dalam 30 detik. Artikel ke-20 dan terakhir dari seri OBE from Zero to Zorro ini akan memandu kamu membangun dashboard attainment yang informatif, elegan, dan actionable — bahkan untuk yang belum pernah sentuh kode sekalipun.
📊 Mengapa Dashboard OBE Lebih dari Sekadar Tampilan Cantik?
Coba ingat pengalaman terakhir kamu melihat laporan akreditasi. Berlembar-lembar tabel, angka bertumpuk, penjelasan panjang. Sekarang bayangkan kalau semua itu diringkas jadi satu halaman dengan chart donat dan traffic light merah-kuning-hijau. Mana yang lebih cepat dipahami?
Itulah esensi dashboard OBE. Ia bukan sekadar kosmetik — ia adalah alat pengambilan keputusan. Ketika kaprodi bisa melihat langsung bahwa CPL-3 hanya tercapai 58% dari target, tindakan korektif bisa diambil di semester depan, bukan saat evaluasi tahunan sudah terlambat.
Penelitian di bidang educational data analysis menunjukkan bahwa pengambil keputusan yang menggunakan dashboard visual memproses informasi 3–5× lebih cepat dibanding yang membaca tabel statis. Otak manusia memang lebih suka gambar daripada angka mentah.
Dashboard yang baik dalam konteks evaluasi prodi SIAKAD harus menjawab tiga pertanyaan fundamental secara sekilas pandang:
🛠️ Komponen Wajib dalam Dashboard OBE SIAKAD
Sebelum langsung coding atau minta tim IT untuk bikin dashboard, kamu perlu tahu dulu komponen apa saja yang wajib ada. Bayangkan dashboard OBE seperti kokpit pesawat — ada instrumen utama yang harus selalu terlihat, dan ada panel pendukung yang tersedia saat dibutuhkan.
Kartu Ringkasan KPI (Summary Cards)
Tampilkan angka-angka kunci di bagian paling atas: jumlah CPL, rata-rata attainment keseluruhan, jumlah CPL yang sudah tercapai, dan jumlah yang belum mencapai target. Format: kotak kecil dengan angka besar dan ikon. Pembaca bisa langsung "scanning" kondisi prodi dalam 5 detik.
Bar Chart atau Radar Chart per CPL
Visualisasi utama laporan attainment CPL. Bar chart horizontal sangat efektif karena label CPL bisa terbaca jelas di sisi kiri. Gunakan warna berbeda untuk "sudah tercapai" vs "belum tercapai". Radar chart bagus untuk menampilkan profil keseimbangan antar CPL sekaligus.
Tabel Detail dengan Filter Interaktif
Di bawah chart, sediakan tabel lengkap yang bisa difilter per semester, per angkatan, atau per mata kuliah. Tabel ini untuk pengguna yang ingin "menggali" lebih dalam. Tambahkan badge warna (hijau/kuning/merah) pada kolom status attainment agar tetap visual.
Grafik Tren Antar Semester (Line Chart)
Satu CPL, bagaimana perkembangannya dari Semester 1 sampai Semester 6? Line chart dengan titik data per semester menjawab pertanyaan ini. Ini krusial untuk akreditasi karena asesor ingin melihat improvement trajectory, bukan hanya snapshot terakhir.
Tombol Export & Print
Dashboard yang bagus harus bisa "dibawa keluar". Sediakan tombol export ke PDF untuk laporan akreditasi, export ke Excel untuk analisis lanjutan, dan opsi cetak yang rapi. Ini fitur sederhana tapi sangat diapresiasi oleh pengguna non-teknis.
Gunakan aturan "traffic light" untuk warna status: Merah = di bawah 55% (belum tercapai), Kuning = 55–75% (mendekati), Hijau = di atas 75% (tercapai). Konsistensi warna ini membuat siapapun langsung paham tanpa perlu membaca legenda.
💻 Implementasi Teknis: Kode Dashboard OBE di SIAKAD
Nah, sekarang bagian yang ditunggu-tunggu. Bagaimana cara mengimplementasikan visualisasi data OBE ini secara nyata? Kita akan menggunakan kombinasi query SQL (yang sudah kita bahas di artikel sebelumnya) + library Chart.js yang ringan dan populer untuk menampilkan grafik di browser.
Ini adalah contoh implementasi berbasis PHP + MySQL yang bisa diadaptasi ke sistem SIAKAD apapun. Jangan khawatir kalau kamu bukan programmer — fokus pada logikanya, bukan sintaksnya.
Ambil Data dari Query SQL
Gunakan query dari artikel sebelumnya untuk mengambil data attainment per CPL:
SELECT
c.kode_cpl,
c.nama_cpl,
ROUND(AVG(n.skor_attainment), 2) AS rata_attainment,
CASE
WHEN AVG(n.skor_attainment) >= 75 THEN 'Tercapai'
WHEN AVG(n.skor_attainment) >= 55 THEN 'Mendekati'
ELSE 'Belum Tercapai'
END AS status
FROM cpl c
JOIN penilaian_cpl n ON c.id = n.cpl_id
WHERE n.semester = 'Genap 2024/2025'
GROUP BY c.kode_cpl, c.nama_cpl
ORDER BY c.kode_cpl;<!-- Sertakan Chart.js -->
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<canvas id="chartCPL" width="600" height="300"></canvas>
<script>
const ctx = document.getElementById('chartCPL');
new Chart(ctx, {
type: 'bar',
data: {
labels: ['CPL-1', 'CPL-2', 'CPL-3', 'CPL-4', 'CPL-5'],
datasets: [{
label: '% Attainment',
data: [82, 75, 58, 90, 67],
// Warna otomatis: hijau/kuning/merah sesuai nilai
backgroundColor: [
'#10b981', '#10b981', '#f43f5e',
'#10b981', '#f59e0b'
],
borderRadius: 8,
borderSkipped: false
}]
},
options: {
responsive: true,
plugins: {
legend: { display: false }
},
scales: {
y: { min: 0, max: 100,
title: { display: true, text: '% Attainment' }}
}
}
});
</script>Kamu bisa membuat warna bar otomatis berubah berdasarkan nilai menggunakan fungsi JavaScript: data.map(v => v >= 75 ? '#10b981' : v >= 55 ? '#f59e0b' : '#f43f5e'). Ini membuat dashboard kamu dinamis dan self-explanatory tanpa perlu update warna manual setiap semester.
🎯 Best Practice: Dashboard OBE yang Lolos Akreditasi
Membangun dashboard OBE bukan hanya soal estetika — ada standar fungsional yang harus terpenuhi, terutama untuk keperluan evaluasi prodi SIAKAD dan akreditasi BAN-PT / LAM. Berikut best practice yang sudah teruji:
🔍 Analisis: Checklist Dashboard OBE Standar Akreditasi
Jangan sampai dashboard hanya "cantik tapi kosong". Data yang ditampilkan harus benar-benar bersumber dari penilaian nyata mahasiswa, bukan dummy data. Asesor akreditasi akan meminta klarifikasi jika angka di dashboard tidak konsisten dengan dokumen penilaian dosen.
🗺️ Peta Jalan: Dari Query ke Dashboard yang Siap Presentasi
Supaya implementasi kamu tidak buntu di tengah jalan, berikut alur lengkap membangun dashboard OBE dari nol sampai siap presentasi ke asesor. Anggap saja ini peta jalan perjalanan kamu:
Sebelum akreditasi, lakukan "dashboard walkthrough" bersama seluruh dosen prodi. Minta mereka mengakses dashboard dan membacanya sendiri tanpa penjelasan kamu. Jika ada yang bingung di bagian tertentu, itu sinyal bahwa bagian tersebut perlu diperbaiki desainnya — bukan pengguna yang salah.
Seri Kurikulum OBE: OBE from Zero to Zorro
20 artikel lengkap dari konsep dasar OBE hingga digitalisasi di SIAKAD — panduan terlengkap berbahasa Indonesia.
Query SQL untuk Menghitung Attainment CPL Secara Otomatis
Artikel 19 dari 20 — Fase 4: Digitalisasi
Artikel ini adalah bagian dari seri 20 Artikel Kurikulum OBE: OBE From Zero to Zorro — ditulis untuk membantu pendidik Indonesia menerapkan OBE dengan percaya diri.
No comments:
Post a Comment