Zayyan

Beranda/Proyek/PKM UPNVJ

PKM UPNVJ

Satu pintu informasi Program Kreativitas Mahasiswa kampus, yang bisa dikelola tanpa koding

  • Next.js
  • TypeScript
  • Tailwind CSS
  • Supabase
Tangkapan layar beranda website PKM UPNVJ
bidang PKM terstruktur
10
panduan resmi diolah
11
rilis terbaru
v1.1
01

Latar Belakang

Setiap tahun ribuan mahasiswa UPN Veteran Jakarta menekuni Program Kreativitas Mahasiswa (PKM), tetapi informasinya tersebar di berbagai kanal dan panduan resminya tersedia sebagai belasan file PDF panjang. Calon peserta kesulitan menemukan alur, tema, dan tips yang relevan.

Saya melihat kesempatan yang jelas: satu pintu informasi yang selalu terbarui, yang bisa dikelola sendiri oleh pembina tanpa perlu seorang programmer.

Halaman Bidang PKM menampilkan kartu sepuluh bidang, skema, dan ringkasan kegiatan
02

Yang Saya Kerjakan

Semuanya mulai dari riset. Sebelas panduan resmi PKM 2026 saya baca dan petakan menjadi data terstruktur, lalu dituangkan ke PRD, ERD, dan serangkaian ADR sebelum satu baris antarmuka ditulis.

  • Membangun situs publik dengan Next.js, TypeScript, dan Tailwind CSS: panduan 10 bidang, alur pendaftaran, tema 2026, tips proposal, dan unduhan resmi
  • Merancang panel admin ber-autentikasi Google (Supabase) agar pengelola dapat memperbarui pengumuman dan agenda tanpa menyentuh kode, lengkap dengan hapus dua langkah dan ekspor cadangan JSON
  • Menjaga aksesibilitas: skip link, hierarki heading, dan kontras yang lolos audit
  • Menyiapkan RUNBOOK dan MANUAL-ADMIN agar situs bisa dilanjutkan organisasi tanpa saya
Halaman Tema PKM Tematik 2026 dengan daftar tema bernomor dan ringkasannya
03

Hasil

Situs rilis sebagai v1.1 dan digunakan pengelola untuk memperbarui informasi secara mandiri. Seluruh siklus dari riset sampai serah terima saya kerjakan sendiri, dengan setiap keputusan penting terdokumentasi dan bisa ditelusuri.

Linimasa tahapan PKM 2026 dari penyusunan proposal hingga PIMNAS
04

Pelajaran

Dokumentasi bukan pelengkap. PRD dan ADR mempercepat pengambilan keputusan, dan RUNBOOK membuat kata selesai berarti bisa dilanjutkan orang lain. Pembiasaan inilah yang saya bawa ke setiap proyek berikutnya.

Halaman tips proposal PKM dengan kartu aturan administrasi, format, dan penilaian