Membuat Sistem Absensi Sekolah Berbasis QR Code

Full-Stack Web Developer
Overview

DEMO : https://demo-presensi.onlenkan.com/

ADMIN :
admin@gmail.com
pass: admin123

GURU :
guru@gmail.com
guru123

------------------
Website ini adalah platform manajemen sekolah untuk mencatat kehadiran siswa, mengelola data kelas, dan menghasilkan laporan absensi dengan mudah dan efisien.

FITUR - FITUR :
- Halaman Login :
Form login dengan input "Username" dan "Password".
Tombol "Log In" untuk mengautentikasi pengguna.

2. Dashboard Utama
Menampilkan informasi statistik seperti jumlah kelas, wali kelas, siswa, dan admin.

3. Sidebar navigasi untuk akses cepat ke berbagai fitur seperti Dashboard, Kelas, Siswa, Wali Kelas, Kehadiran, Laporan, Rekap Absensi, Semester, Tahun Ajaran, Super Admin, dan Log Out.

4. Manajemen Kelas :
Tabel daftar kelas dengan informasi seperti nama kelas, wali kelas, tahun ajaran, semester, dan total siswa.
5. Fitur untuk melihat detail siswa dalam kelas, mengedit kelas, dan menghapus kelas.
Tombol "Tambah Kelas" untuk menambahkan kelas baru.
Manajemen Siswa
Tabel daftar siswa dengan kolom seperti kelas, NIS, nama siswa, jenis kelamin, dan orang tua.
Fitur untuk melihat detail siswa, mengedit data siswa, dan menghapus siswa.
Tombol "Tambah Siswa" untuk menambahkan siswa baru.
Filter untuk memilih kelas tertentu.
Absensi Siswa
Tampilan absensi per kelas dengan informasi siswa seperti NIS, nama siswa, jenis kelamin, dan status kehadiran.
Fitur untuk memilih status kehadiran (Hadir, Sakit, Izin) dari dropdown.
Tampilan foto siswa saat absensi dilakukan.
Rekap Absensi
Pemilihan kelas, tahun ajaran, dan semester untuk melihat rekap absensi.
Tabel rekap absensi yang menunjukkan data absensi berdasarkan bulan yang dipilih.
Laporan Kehadiran Siswa
Filter untuk memilih minggu, bulan, semester, dan tahun ajaran.
Ranking siswa berdasarkan kehadiran, sakit, dan izin.
Grafik kehadiran siswa yang menunjukkan data visualisasi kehadiran berdasarkan waktu.
Pengaturan Semester dan Tahun Ajaran
Fitur untuk mengatur semester dan tahun ajaran yang sedang berjalan.

Apa yang akan Kamu dapatkan?
CRUD menggunakan Laravel
Relasi pada Laravel ORM
Menggunakan bootstrap untuk mempercantik tampilan
menggunakan Laravel breeze untuk membuat otentikasi
Tools dalam E-Course?
Composer
NodeJS
PHP v8.2 keatas
XAMPP/Laragon
Visual Studio code
Persyaratan Mengikuti E-Course
Tidak ada persyaratan khusus di e-course ini
Materi Pembelajaran

2.

Tools yang harus diinstall Preview

3 Menit

3.

Instalasi Laravel

9 Menit

4.

Instalasi Laravel UI

5 Menit

1.

DEMO KELAS - Website Absensi Preview

9 Menit

1.

Styling Login Preview

14 Menit

2.

Membuat Layout Preview

16 Menit

3.

Mengganti Env Database

5 Menit

1.

Model dan Migration Preview

3 Menit

2.

Index

14 Menit

3.

Create

13 Menit

4.

Edit

5 Menit

5.

Delete

2 Menit

1.

Model dan Migration

5 Menit

2.

Index

12 Menit

3.

Create

14 Menit

4.

Store

8 Menit

5.

Edit

6 Menit

6.

Update

8 Menit

7.

Delete

2 Menit

1.

Model dan Migration

4 Menit

2.

Index

8 Menit

3.

Create

10 Menit

4.

Edit

4 Menit

5.

Delete

1 Menit

1.

Model dan Migration

5 Menit

2.

Index

11 Menit

3.

Seeder dan Factory

8 Menit

4.

Filter Kelas

5 Menit

5.

Create

13 Menit

6.

Edit

5 Menit

7.

Instalasi Simple QR Code

6 Menit

8.

Show

13 Menit

9.

Delete

4 Menit

1.

Tambah Semester di Kelas

7 Menit

2.

Sidebar Active

5 Menit

3.

Mengaktifkan Middleware Otentikasi

6 Menit

4.

Stats Dashboard Admin

13 Menit

1.

Model & Migration

4 Menit

2.

Controller & View

14 Menit

1.

Ralat | Mengubah Semester dari Kelas ke Tahun Ajaran

8 Menit

2.

Mengganti Route Admin

5 Menit

3.

Membuat Middleware Admin dan Guru

11 Menit

1.

Controller Dashboard

11 Menit

2.

View Dashboard

8 Menit

2.

Model & Migration

4 Menit

3.

Menampilkan Siswa

9 Menit

4.

Absensi Manual

13 Menit

5.

Menampilkan Kamera

9 Menit

6.

Absensi Kamera Backend

20 Menit

7.

Integrasi dengan WhatsApp Gateway

11 Menit

8.

Absen Pulang

10 Menit

1.

Controller Kelas

11 Menit

1.

Laporan Kehadiran

16 Menit

2.

Detail Laporan Kehadiran

11 Menit

3.

Laporan Kehadiran

11 Menit

1.

Rekap Kehadiran

10 Menit

2.

Rekap Kehadiran Detail

14 Menit

1.

Kartu Pelajar - Backend

11 Menit

2.

Kartu Pelajar - Frontend

15 Menit

1.

Install Dependency

3 Menit

2.

Controller

7 Menit

3.

View

13 Menit

Membuat Sistem Absensi Sekolah Berbasis QR Code Rp. 600,000
Rp. 350,000

E-Course Include
Konsultasi Gratis
Source Code
Akses Selamanya
E-Sertifikat
Beli E-Course