Nesas Smart School

Tentang SMKN 1 Sumedang

SMKN 1 Sumedang adalah sekolah menengah kejuruan negeri di Sumedang, Jawa Barat. Kayak SMK lain di Indonesia, sekolah ini nyiapin siswa buat dunia kerja lewat beberapa jurusan dan Praktik Kerja Lapangan (PKL) wajib di perusahaan mitra.

Nesas Smart School berawal dari project Uji Kompetensi Keahlian (UKK) aku: ujian praktik akhir di mana siswa SMK harus buktiin bisa nyelesaiin produk yang utuh secara mandiri.

Tantangan

Administrasi sekolah sehari-hari tersebar di spreadsheet, grup chat, dan kertas. Jadwal pelajaran, data siswa dan guru, jurusan, penempatan PKL di perusahaan mitra, berita sekolah, dan pembayaran tersimpan di tempat yang beda-beda, jadi susah dijaga akurasinya dan susah diikuti siswa maupun orang tua.

Tujuannya satu platform di mana setiap orang lihat persis apa yang mereka butuhin: admin ngelola seluruh sekolah, guru ngurus kelas dan jadwalnya, dan siswa ngikutin pelajaran, PKL, dan pengumuman.

Yang aku bikin

Aku design dan develop sendiri seluruh aplikasinya, dari schema database sampai user interface.

Role-based dashboards

• Admin ngelola jurusan, kelas, guru, siswa, akun user, artikel, moderasi forum, pesan kontak, dan perusahaan mitra PKL.

• Guru lihat jadwal mengajar, nulis artikel, dan ngelola profilnya.

• Siswa ngikutin jadwal pelajaran, mantau PKL, nulis artikel buat di-review, dan ngatur akunnya.

Data akademik

• Jurusan, kelas, guru beserta jabatannya, dan siswa beserta status kelulusannya, semuanya terhubung dalam satu schema relasional.

• Penjadwalan kelas untuk guru dan siswa.

Pelacakan PKL

• Direktori perusahaan mitra beserta statusnya.

• Penempatan PKL per siswa lengkap dengan status progresnya, jadi sekolah tahu tiap siswa ditempatkan di mana.

Komunitas dan komunikasi

• Forum diskusi dengan komentar, terbuka buat warga sekolah.

• Artikel yang ditulis guru dan siswa, dengan alur draft dan review sebelum dipublikasikan.

• Website publik berisi berita sekolah, form kontak, dan AI chatbot yang jawab pertanyaan umum soal sekolah.

Akun, file, dan pembayaran

• Authentication dengan verifikasi email dan reset password, plus activity log untuk aksi-aksi penting.

• Upload file buat profil dan konten.

• Alur pembayaran yang terintegrasi dengan Midtrans.

Gambaran arsitektur

Gambaran umum aplikasinya. Satu app Next.js nampung website publik dan tiga area berdasarkan role. Data disimpan di PostgreSQL lewat Prisma, sementara email, upload file, pembayaran, dan chatbot ditangani layanan eksternal.

flowchart LR
  accTitle: Arsitektur Nesas Smart School
  accDescr: Pengunjung, siswa, guru, dan administrator memakai satu app Next.js. Data disimpan di PostgreSQL lewat Prisma, dan app terhubung ke layanan email, file, pembayaran, dan AI.
  visitor([Pengunjung]) --> publicSite
  student([Siswa]) --> auth
  teacher([Guru]) --> auth
  adminUser([Administrator]) --> auth
  subgraph app["Next.js app"]
    publicSite["Website publik<br/>berita, forum, kontak, chatbot"]
    auth{"Login Auth.js<br/>dan role"}
    studentArea["Area siswa<br/>jadwal, PKL, artikel"]
    teacherArea["Area guru<br/>jadwal, artikel"]
    adminArea["Dashboard admin<br/>data sekolah, user, moderasi"]
    auth --> studentArea & teacherArea & adminArea
  end
  app --> prisma["Prisma ORM"] --> db[("PostgreSQL")]
  app --> services["Email Resend · file UploadThing<br/>pembayaran Midtrans · chatbot OpenAI"]

Tech stack

Next.js 14, TypeScript, Prisma, PostgreSQL, Auth.js (NextAuth v5), Tailwind CSS, Midtrans, Resend, UploadThing, dan OpenAI API.

Hasil

Nesas Smart School ngubah administrasi sekolah yang tersebar jadi satu platform dengan dashboard yang disesuaikan buat tiap role. Source code-nya ada di GitHub.