Sistem Jadwal Piket Pegawai Berbasis Web | Next.js, TypeScript, Go & PostgreSQL
Deskripsi Produk
Jadwal Piket — Aplikasi Web Pengelolaan Jadwal Piket Pegawai
Laravel 12 + Vue 3 + Inertia.js + TypeScript
Aplikasi web berbahasa Indonesia untuk menyusun jadwal piket mingguan, mengelola pegawai dan pos jaga, serta menangani izin dan tukar jadwal — menggantikan spreadsheet dan grup chat yang mudah terlewat. Cocok untuk sekolah, kantor, klinik, dan UKM.
Apa yang Anda Dapatkan?
- Source code Laravel + Vue lengkap
- Migrasi, factory, seeder, model, request validation, controller, dan halaman Inertia
- Landing page berbahasa Indonesia
- Seeder demo lokal — data pegawai, pos, jadwal, dan permintaan yang saling terhubung
- Dokumentasi instalasi dan checklist deployment
Cocok untuk Siapa?
| Sekolah | Mengatur guru piket, satpam, dan staf tata usaha |
| Kantor & UKM | Jadwal penjagaan, resepsionis, atau operasional bergilir |
| Klinik | Membagi petugas per lokasi dan jam |
| Pengembang | Pondasi MVP Laravel + Vue untuk sistem penjadwalan piket |
| Mahasiswa & Pelajar | Bahan belajar praktik Laravel + Vue dari proyek nyata, siap dikembangkan untuk tugas kuliah/sekolah |
Tech Stack
| Komponen | Teknologi |
|---|---|
| Backend | PHP 8.2+ dan Laravel 12 |
| Frontend | Vue 3, Inertia.js v2, TypeScript |
| UI | Tailwind CSS v4, shadcn-vue/reka-ui |
| Database | SQLite (lokal), kompatibel MySQL/PostgreSQL (produksi) |
| Build Tool | Vite |
| Testing | Pest/PHPUnit |
Cocok Juga untuk Belajar
Source code ini juga cocok dijadikan bahan belajar bagi mahasiswa dan siswa/pelajar yang ingin menguasai stack Laravel + Vue di atas melalui studi kasus nyata, bukan sekadar tutorial. Struktur proyek yang rapi — migrasi, model, request validation, controller, hingga halaman Inertia — memudahkan Anda menelusuri alur kerja aplikasi secara mandiri dan mengembangkan fitur tambahan sendiri, misalnya untuk tugas kuliah, skripsi, proyek akhir sekolah, atau portofolio pribadi.
Fitur Lengkap
- Manajemen pegawai — tambah, ubah, cari, filter, hapus; status aktif/nonaktif
- Manajemen lokasi & pos piket — lokasi, deskripsi, kebutuhan jumlah petugas, status aktif/nonaktif
- Jadwal piket mingguan — grid 7 hari, disimpan sebagai draf atau diterbitkan
- Validasi bentrok jadwal — menolak penugasan jika jam pegawai yang sama tumpang tindih pada tanggal yang sama
- Permintaan izin & tukar jadwal — disetujui atau ditolak; tukar yang disetujui otomatis memindahkan entri jadwal ke pegawai pengganti
- Dasbor ringkas — pegawai aktif, pos aktif, jadwal minggu berjalan, permintaan menunggu, piket hari ini, pos belum terisi, agenda mendatang
- Profil organisasi & akun — data organisasi, profil, kata sandi, tampilan terang/gelap, autentikasi dua faktor
Cara Instalasi
Prasyarat: PHP 8.2+ (ekstensi pdo_sqlite, sqlite3), Composer, Node.js 20+, npm.
composer installnpm install
copy .env.example .env
php artisan key:generate
type nul > database\database.sqlite
php artisan migrate
php artisan db:seed
npm run build
composer run dev
Buka http://127.0.0.1:8000 setelah server berjalan. composer run dev juga menjalankan Vite dev server.
Login Demo
| Kata Sandi | |
|---|---|
demo@jadwalpiket.test | demo12345 |
CATATAN: Jalankan php artisan db:seed pada lingkungan local atau testing untuk mengaktifkan akun ini. Kredensial tersebut hanya untuk evaluasi lokal — jangan gunakan akun atau kata sandi demo di lingkungan produksi.
Batasan Versi Saat Ini
- Satu akun mewakili satu organisasi; belum ada multi-pengguna per organisasi atau peran/izin admin granular
- Belum ada notifikasi otomatis melalui email, WhatsApp, atau push
- Belum ada ekspor PDF/Excel maupun fitur cetak jadwal
- Aplikasi web responsif, bukan aplikasi mobile native/Flutter
- Antarmuka berbahasa Indonesia saja, belum mendukung multi-bahasa
- Belum ada integrasi payroll, absensi biometrik, kalender eksternal, atau layanan pihak ketiga lainnya
- Permintaan dikelola dari aplikasi oleh pemilik akun; belum ada portal pegawai terpisah untuk mengajukan sendiri
