Live Project

Sistem Manajemen Kegiatan

Platform digital terpadu untuk digitalisasi manajemen kegiatan, event kemahasiswaan, dan pemantauan beasiswa melalui ekosistem SPA dan REST API.

Siaruna Hero Mockup

Latar Belakang

Sistem ini berawal dari evaluasi program Baitul Arqam Mahasiswa (yang kini diwadahi dalam fitur Activity). Setelah acara utama selesai, terdapat Rencana Tindak Lanjut (RTL) di mana peserta diwajibkan mengikuti kajian internal kampus yang dibuktikan dengan stempel fisik. Sayangnya, pada praktiknya banyak mahasiswa yang memalsukan stempel tersebut dengan membuat stempel mereka sendiri.

Berangkat dari masalah pemalsuan dan validitas data tersebut, SIARUNA dilahirkan sebagai one-stop app untuk mendigitalisasi seluruh flow kegiatan kemahasiswaan — merubah pembuktian fisik menjadi sistem Learning Log dan absensi berbasis QR yang jauh lebih aman dan terintegrasi.

Seiring berjalannya waktu, sistem ini turut diekspansi untuk mencakup monitoring beasiswa (meskipun dari segi user flow masih dalam tahap penyempurnaan) dengan menyertakan fitur persetujuan berjenjang (Workflow Approval).

Peran Saya

Full-stack Developer

Timeline

Januari 2024 — Sekarang

Teknologi Utama

Vue 3Laravel 12TailwindCSS

Arsitektur Ekosistem

Frontend SPA

Repository: fe-siaruna

  • Dibangun dengan Vue 3 (Composition API) dan Vite untuk performa yang sangat cepat.
  • Pinia untuk state management yang ringan dan reaktif.
  • Styling dengan TailwindCSS 4 untuk UI/UX yang modern.
  • Fitur QR Code Scanner native (html5-qrcode) untuk absensi instan.

Backend REST API

Repository: be-siaruna

  • Menggunakan Laravel 12 & PHP 8.2+ sebagai core REST API murni (JSON).
  • JWT Authentication & RBAC (Spatie) untuk kontrol akses dinamis multi-role.
  • Polymorphic Relations untuk fitur Learning Log (Logbook Universal).
  • Fitur Export/Import Excel yang masif untuk presensi dan manajemen peserta.

Fitur Unggulan

🎫

Manajemen Event & QR

Pembuatan event internal/eksternal lengkap dengan tiket digital dan scan QR untuk presensi kehadiran yang akurat.

Workflow Approval

Sistem persetujuan berjenjang multi-layer untuk pengajuan kegiatan, memastikan akuntabilitas di tiap level.

🎓

Manajemen Beasiswa

Mastering data beasiswa, assignment ke mahasiswa, dan monitoring logbook kegiatan berbasis persetujuan.

🏛️

Hierarki Institusi

Struktur data kompleks yang memetakan Universitas → Fakultas → Prodi → Lembaga Mahasiswa.

📝

Learning Log (Logbook)

Logbook kegiatan mahasiswa universal yang fleksibel dengan pendekatan relasi polymorphic database.

📊

Data Export & Import

Kemudahan manajemen operasional dengan export/import massal data peserta dan nilai menggunakan Excel.

Galeri Modul Sistem

Navigasi ke berbagai halaman inti di dalam aplikasi untuk melihat detail antarmuka pengguna dari masing-masing fitur.

1

Dashboard

Dashboard - SIARUNA

Dashboard berfungsi untuk menampilkan nama dan deskripsi kegiatan, kontak penyelengara, dan pin lokasi acara

2

Peserta

Peserta - SIARUNA

halaman peserta menampilkan foto, nama, email, status kesehatan, status presensi, dan penilaian untuk peserta

3

Kesehatan

Kesehatan - SIARUNA

halaman kesehatan menampilkan status kesehatan peserta, dan informasi riwayat penyakit

4

Jadwal Sesi

Jadwal Sesi - SIARUNA

halaman jadwal sesi menampilkan jadwal sesi kegiatan

5

Ruang Kamar

Ruang Kamar - SIARUNA

halaman ruang kamar menampilkan ruang kamar peserta

6

Presensi

Presensi - SIARUNA

halaman presensi menampilkan status presensi peserta

7

Penilaian

Penilaian - SIARUNA

halaman penilaian menampilkan penilaian untuk peserta

8

Quiz

Quiz - SIARUNA

halaman quiz menampilkan quiz untuk peserta

9

Ringkasan

Ringkasan - SIARUNA

halaman ringkasan menampilkan ringkasan kegiatan