Akses Selamanya

Ambil Promo
flash sale
hamburger-menu

Kelas Online
SC Laravel 12 Vue: Web HRIS Absensi, Cuti & Payroll Karyawan

icon global
Released date December 2025
icon convert
Last updated March 2026
Member

95 enrolled

Lesson Type

Video Only

Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check

Develop Your Skills

Note: kelas ini hanya menjual source code

 

Source code ini adalah paket all-in-one yang menggabungkan sistem Human Resource Information System (HRIS) dan Manajemen Proyek & Tim dalam satu proyek siap pakai.

 

Frontend memakai Vue 3 dengan Axios dan Pinia untuk state management, sedangkan backend dibangun menggunakan Laravel 12 LTS dengan Sanctum (auth) serta Spatie Permission (RBAC). Hasilnya: satu aplikasi terpadu untuk mengelola data karyawan, absensi, cuti, penggajian, dan tim langsung bisa dipelajari, dikustom, atau dijual ke perusahaan yang butuh solusi HR digital modern.

 

Di sisi Manajemen Karyawan, role HR Manager memiliki kontrol penuh: CRUD data karyawan (NIK, jabatan, divisi, status kerja), pengelolaan data pribadi & pekerjaan, proses onboarding, hingga pengaturan rekening bank dan kontak darurat. Seluruh data tersimpan rapi dan mudah diakses melalui panel admin yang responsif dan clean.

 

Pada bagian Absensi, sistem mendukung clock-in/clock-out berbasis waktu dan lokasi, serta menampilkan rekap kehadiran harian dan bulanan. HR dapat memantau tingkat kehadiran tiap karyawan langsung dari dashboard, lengkap dengan statistik sederhana dan daftar ketidakhadiran.

 

Untuk Manajemen Cuti, karyawan dapat mengajukan cuti secara online, dan HR Manager dapat melakukan approval langsung dari dashboard. Prosesnya sederhana dan cepat tanpa sistem persetujuan berlapis, memastikan efisiensi alur kerja HR.

Di sisi Penggajian, sistem menghitung gaji otomatis berdasarkan data absensi, cuti, dan izin. Slip gaji dikirimkan langsung ke email karyawan setiap periode payroll selesai diproses. Proses export payroll dijalankan menggunakan queue job, sehingga tetap cepat dan tidak mengganggu performa sistem utama.

 

Selain itu, terdapat modul Manajemen Tim & Proyek, di mana HR atau Manager dapat membentuk tim per divisi, menugaskan proyek tertentu, memantau progres, dan mengetahui siapa bertanggung jawab atas tiap tugas. Fitur ini dirancang untuk meningkatkan transparansi dan kolaborasi antaranggota tim.

 

Secara arsitektur, backend menerapkan Repository Pattern agar logic bisnis terpisah rapi dari controller mudah di-maintain, di-test, dan di-scale. Penyimpanan file menggunakan Laravel Storage (Local), dengan konfigurasi database berbasis MySQL dan seluruh endpoint API disusun RESTful.

 

Singkatnya, SenjaHRIS adalah fondasi lengkap untuk sistem HR modern mencakup absensi, cuti, payroll, dan manajemen proyek dalam satu codebase. Desainnya ramah pengguna, arsitekturnya maintainable, performanya stabil, dan siap dikomersialkan bagi perusahaan atau startup yang ingin digitalisasi HR secara cepat dan efisien.

Sneak Peek

Key Points

icon_check

Source code lengkap sistem HRIS modern berbasis Laravel 12 + Vue 3, mencakup modul karyawan, absensi, cuti, payroll, dan manajemen proyek.

icon_check

Implementasi autentikasi dan role-based access control (RBAC) menggunakan Laravel Sanctum dan Spatie Permission.

icon_check

Struktur backend profesional dengan Repository Pattern, siap untuk dikembangkan atau diintegrasikan ke sistem lain.

icon_check

Integrasi frontend-backend via REST API, dengan state management Pinia dan request handling menggunakan Axios.

icon_check

Contoh penerapan queue job untuk export payroll agar proses tetap cepat dan tidak mengganggu performa aplikasi.

Designed For

icon_check

Developer Laravel & Vue yang ingin punya template HRIS siap pakai untuk proyek komersial atau portofolio profesional.

icon_check

Freelancer atau software house yang ingin menjual solusi HRIS ke klien bisnis tanpa membangun dari nol.

icon_check

Startup & perusahaan kecil-menengah (SME) yang butuh sistem HR digital dengan fitur lengkap dan bisa dikustom.

icon_check

Mahasiswa atau peserta bootcamp yang ingin mempelajari arsitektur proyek real-world berbasis Laravel + Vue.

icon_check

Tim internal IT perusahaan yang ingin mengimplementasikan sistem HR sendiri dengan biaya efisien.

Course Lessons

Learn With Expert

Mentor Muhamad Rafli Al Farizqi

Muhamad Rafli Al Farizqi

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star

(9.8K)

Our Happy Students

Review setelah bergabung di kelas SC Laravel 12 Vue: Web HRIS Absensi, Cuti & Payroll Karyawan

All Rating
Hanis Siddiq at BuildWithAngga
Hanis Siddiq

Full-Stack Developer

Source nya sangat bagus detail arahan instalasinya juga mantep. Cuma harus pakai docker read more

19 Mar 2026

ic-star ic-star ic-star ic-star ic-star
ALFAKRI AKBARSYARIF HIDAYATULLAH at BuildWithAngga
ALFAKRI AKBARSYARIF HIDAY

Full-Stack Developer

bagus sekali read more

19 Mar 2026

ic-star ic-star ic-star ic-star ic-star
AHMAD FAJAR MAULANA at BuildWithAngga
AHMAD FAJAR MAULANA

Back-End Developer

SC HRIS sangat bagus read more

18 Mar 2026

ic-star ic-star ic-star ic-star ic-star
Hafizh at BuildWithAngga
Hafizh

Full-Stack Developer

Bagus pembelajaran dapat dipahami, semua terdokumentasi dengan baik read more

14 Jan 2026

ic-star ic-star ic-star ic-star ic-star
winda heri santoso at BuildWithAngga
Winda heri santoso

Lifetime Learner

Mantap sekali, tidak bertele-tele read more

27 Dec 2025

ic-star ic-star ic-star ic-star ic-star
Agus Setiawan at BuildWithAngga
Agus Setiawan

Lifetime Learner

Mantapp, lengkap banget fiturnya read more

23 Dec 2025

ic-star ic-star ic-star ic-star ic-star
Belum ada review
loader
Load More Reviews

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

logo

Laravel

Software

logo

Mysql

Software

logo

Vue JS 3

Software

Low Risk, High Return

Investasi kepada diri kita sendiri memberikan
leverage kuat untuk masa depan karir kita

icon_check

Selamanya

Rp 219,000

Miliki kelas Premium secara permanen dan bangun sebuah projek nyata

icon_check

Akses kelas selamanya

icon_check

Premium rewards

icon_check

Career consultation

icon_check

Assets & group konsultasi

icon_check

Sertifikat kelulusan

icon_check

Lowongan magang dan kerja

Lihat Benefit Lainnya

Recommended for You

Pertanyaan Umum

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

Contact CS

Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels yang memberartikan bahwa cocok untuk seluruh tingkatan. Kami juga menyarankan calon member untuk mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.

Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan untuk mendapatkannya, para member diwajibkan untuk menyelesaikan seluruh materi kelas dan juga Quiz yang telah disediakan oleh mentor.

Salah satu benefit unggulan kami adalah group konsultasi yang diberikan sebagai bonus untuk member yang telah mengikuti kelas Premium di platform BuildWithAngga. Silakan menghubungi Admin untk mendapatkan akses pada group tersebut.

Kami mengizinkan member yang telah mengikuti kelas Premium untuk menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat utamanya adalah dengan memodifikasi sedikitnya yaitu 30% dari original project buatan mentor kelas tersebut.

Kami melarang member menjual atau membagikan hak akses kelas Premium kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari kita support creators Indonesia dengan cara membeli kelas secara resmi dan satu akun hanya untuk satu pengguna saja.

Kami tidak memperbolehkan member menjual kembali materi kelas di BuildWithAngga. Kami siap melanjutkan kepada proses hukum apabila Anda terbukti benar memperjualbelikan kelas kami secara ilegal.
Foto kelas SC Laravel 12 Vue: Web HRIS Absensi, Cuti & Payroll Karyawan Foto kelas SC Laravel 12 Vue: Web HRIS Absensi, Cuti & Payroll Karyawan Foto kelas SC Laravel 12 Vue: Web HRIS Absensi, Cuti & Payroll Karyawan Foto kelas SC Laravel 12 Vue: Web HRIS Absensi, Cuti & Payroll Karyawan

SC Laravel 12 Vue: Web HRIS Absensi, Cuti & Payroll Karyawan

  • lock
    Setup Backend
    Video 8 minutes
  • lock
    Setup Frontend
    Video 4 minutes
  • lock
    Generate Data Dummy
    Video 6 minutes
Member
95
Lesson Type
Video Only
Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check
Develop Your Skills

Note: kelas ini hanya menjual source code

 

Source code ini adalah paket all-in-one yang menggabungkan sistem Human Resource Information System (HRIS) dan Manajemen Proyek & Tim dalam satu proyek siap pakai.

 

Frontend memakai Vue 3 dengan Axios dan Pinia untuk state management, sedangkan backend dibangun menggunakan Laravel 12 LTS dengan Sanctum (auth) serta Spatie Permission (RBAC). Hasilnya: satu aplikasi terpadu untuk mengelola data karyawan, absensi, cuti, penggajian, dan tim langsung bisa dipelajari, dikustom, atau dijual ke perusahaan yang butuh solusi HR digital modern.

 

Di sisi Manajemen Karyawan, role HR Manager memiliki kontrol penuh: CRUD data karyawan (NIK, jabatan, divisi, status kerja), pengelolaan data pribadi & pekerjaan, proses onboarding, hingga pengaturan rekening bank dan kontak darurat. Seluruh data tersimpan rapi dan mudah diakses melalui panel admin yang responsif dan clean.

 

Pada bagian Absensi, sistem mendukung clock-in/clock-out berbasis waktu dan lokasi, serta menampilkan rekap kehadiran harian dan bulanan. HR dapat memantau tingkat kehadiran tiap karyawan langsung dari dashboard, lengkap dengan statistik sederhana dan daftar ketidakhadiran.

 

Untuk Manajemen Cuti, karyawan dapat mengajukan cuti secara online, dan HR Manager dapat melakukan approval langsung dari dashboard. Prosesnya sederhana dan cepat tanpa sistem persetujuan berlapis, memastikan efisiensi alur kerja HR.

Di sisi Penggajian, sistem menghitung gaji otomatis berdasarkan data absensi, cuti, dan izin. Slip gaji dikirimkan langsung ke email karyawan setiap periode payroll selesai diproses. Proses export payroll dijalankan menggunakan queue job, sehingga tetap cepat dan tidak mengganggu performa sistem utama.

 

Selain itu, terdapat modul Manajemen Tim & Proyek, di mana HR atau Manager dapat membentuk tim per divisi, menugaskan proyek tertentu, memantau progres, dan mengetahui siapa bertanggung jawab atas tiap tugas. Fitur ini dirancang untuk meningkatkan transparansi dan kolaborasi antaranggota tim.

 

Secara arsitektur, backend menerapkan Repository Pattern agar logic bisnis terpisah rapi dari controller mudah di-maintain, di-test, dan di-scale. Penyimpanan file menggunakan Laravel Storage (Local), dengan konfigurasi database berbasis MySQL dan seluruh endpoint API disusun RESTful.

 

Singkatnya, SenjaHRIS adalah fondasi lengkap untuk sistem HR modern mencakup absensi, cuti, payroll, dan manajemen proyek dalam satu codebase. Desainnya ramah pengguna, arsitekturnya maintainable, performanya stabil, dan siap dikomersialkan bagi perusahaan atau startup yang ingin digitalisasi HR secara cepat dan efisien.

read more
Key Points
  • check
    Source code lengkap sistem HRIS modern berbasis Laravel 12 + Vue 3, mencakup modul karyawan, absensi, cuti, payroll, dan manajemen proyek.
  • check
    Implementasi autentikasi dan role-based access control (RBAC) menggunakan Laravel Sanctum dan Spatie Permission.
  • check
    Struktur backend profesional dengan Repository Pattern, siap untuk dikembangkan atau diintegrasikan ke sistem lain.
  • check
    Integrasi frontend-backend via REST API, dengan state management Pinia dan request handling menggunakan Axios.
  • check
    Contoh penerapan queue job untuk export payroll agar proses tetap cepat dan tidak mengganggu performa aplikasi.
Created For
  • check
    Developer Laravel & Vue yang ingin punya template HRIS siap pakai untuk proyek komersial atau portofolio profesional.
  • check
    Freelancer atau software house yang ingin menjual solusi HRIS ke klien bisnis tanpa membangun dari nol.
  • check
    Startup & perusahaan kecil-menengah (SME) yang butuh sistem HR digital dengan fitur lengkap dan bisa dikustom.
  • check
    Mahasiswa atau peserta bootcamp yang ingin mempelajari arsitektur proyek real-world berbasis Laravel + Vue.
  • check
    Tim internal IT perusahaan yang ingin mengimplementasikan sistem HR sendiri dengan biaya efisien.
For Your Career
phone
Akses Selamanya
Belajar lebih santai & produktif
private
Assets & Grup Private
Diskusi belajar agar lebih terarah
project
Sertifikat & Portfolio
Gunakan untuk modal bekerja
95
Happy Students
Hanis Siddiq at BuildWithAngga
Hanis Siddiq

Full-Stack Developer

Source nya sangat bagus detail arahan instalasinya juga mantep. Cuma harus pakai docker

19 Mar 2026

ic-star ic-star ic-star ic-star ic-star
ALFAKRI AKBARSYARIF HIDAYATULLAH at BuildWithAngga
ALFAKRI AKBARSYARIF HIDAYATULLAH

Full-Stack Developer

bagus sekali

19 Mar 2026

ic-star ic-star ic-star ic-star ic-star
AHMAD FAJAR MAULANA at BuildWithAngga
AHMAD FAJAR MAULANA

Back-End Developer

SC HRIS sangat bagus

18 Mar 2026

ic-star ic-star ic-star ic-star ic-star
Hafizh at BuildWithAngga
Hafizh

Full-Stack Developer

Bagus pembelajaran dapat dipahami, semua terdokumentasi dengan baik

14 Jan 2026

ic-star ic-star ic-star ic-star ic-star
winda heri santoso at BuildWithAngga
winda heri santoso

Lifetime Learner

Mantap sekali, tidak bertele-tele

27 Dec 2025

ic-star ic-star ic-star ic-star ic-star
Agus Setiawan at BuildWithAngga
Agus Setiawan

Lifetime Learner

Mantapp, lengkap banget fiturnya

23 Dec 2025

ic-star ic-star ic-star ic-star ic-star
loader

Pertanyaan Umum

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

Contact CS

Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels yang memberartikan bahwa cocok untuk seluruh tingkatan. Kami juga menyarankan calon member untuk mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.

Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan untuk mendapatkannya, para member diwajibkan untuk menyelesaikan seluruh materi kelas dan juga Quiz yang telah disediakan oleh mentor.

Salah satu benefit unggulan kami adalah group konsultasi yang diberikan sebagai bonus untuk member yang telah mengikuti kelas Premium di platform BuildWithAngga. Silakan menghubungi Admin untk mendapatkan akses pada group tersebut.

Kami mengizinkan member yang telah mengikuti kelas Premium untuk menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat utamanya adalah dengan memodifikasi sedikitnya yaitu 30% dari original project buatan mentor kelas tersebut.

Kami melarang member menjual atau membagikan hak akses kelas Premium kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari kita support creators Indonesia dengan cara membeli kelas secara resmi dan satu akun hanya untuk satu pengguna saja.

Kami tidak memperbolehkan member menjual kembali materi kelas di BuildWithAngga. Kami siap melanjutkan kepada proses hukum apabila Anda terbukti benar memperjualbelikan kelas kami secara ilegal.

Rp 219,000

Rp 1,000,000

arrow_upward
Marketing Banner

Kode Promo