Aplikasi E-Absensi Siswa V2 Berbasis QR Code & WhatsApp Real-Time (Laravel 12)

Aplikasi E-Absensi Siswa V2 Berbasis QR Code & WhatsApp Real-Time (Laravel 12)

Table of Contents

    🏫 E-Absensi Siswa

    E-Absensi Siswa adalah aplikasi berbasis web modern untuk manajemen presensi siswa sekolah yang efisien, transparan, dan real-time. Aplikasi ini memanfaatkan QR Code untuk mempercepat proses absensi, serta fitur notifikasi WhatsApp otomatis kepada orang tua, dan rekap laporan kehadiran yang komprehensif.


    📥 Download Source Code

    👉 Download Source Code Disini

    📥 Demo Aplikasi

    👉 Demo Aplikasi Disini


    📸 Preview Aplikasi

    🏠 Halaman Depan (Landing Page)

    Tampilan utama dengan desain dark-theme premium, hero section informatif, dan navigasi intuitif.

    QETlzKw8EbGiehr3zt82zuUmEVkSDkAHkqx2Eqwj.webp

    ⚙️ Alur Proses Kerja

    Sistem absensi otomatis: Scan Kartu → Data Diproses → Notifikasi WhatsApp ke Orang Tua.

    r0iwXA2NMz7tht4yNDCGCI9y5Wp2pZhZAb59Yc8r.webp

    🛡️ Dashboard Super Admin

    Panel kontrol utama dengan statistik real-time, system health, dan akses ke seluruh manajemen sekolah.

    vpx1CM5nEykjhOc9mnWe2AdYZpE2xl9DdAYwGpcu.webp

    📋 Dashboard Wali Kelas

    Monitoring kehadiran siswa per kelas, permintaan izin, dan riwayat absensi.

    oqtzvgcQuA4WRpUh7EvXDyoy0ixnHaS6WPNoKtJu.webp

    👨‍🏫 Dashboard Guru

    Absen selfie, scan QR, jurnal mengajar, dan jadwal pelajaran hari ini.

    yP4sjJHl7UHW2w1W6vfjraK6m7mxhfCvCccEJ5Cd.webp


    🚀 Fitur Unggulan

    • ✨ Landing Page modern (SaaS style)
    • 📥 Import data guru via Excel (.xlsx)
    • 📱 Scan QR Code super cepat
    • 💬 Notifikasi WhatsApp otomatis (real-time)
    • 📄 Laporan PDF otomatis
    • 👥 Multi role (Admin, Wali Kelas, Guru)
    • 📊 Dashboard statistik kehadiran
    • 🎨 UI responsif (Tailwind + Alpine.js)
    • 🔧 Setting sekolah dinamis

    🛠️ Teknologi

    • Backend: Laravel 12
    • Frontend: Tailwind CSS, Alpine.js, Blade
    • Database: MySQL
    • Auth: Laravel Breeze

    ⚙️ Cara Instalasi

    composer install
    npm install
    cp .env.example .env
    php artisan key:generate
    php artisan migrate --seed
    php artisan serve
    npm run dev
    

    🔐 Akun Default

    • Email: admin@admin.com
    • Password: password

    🔥 Kenapa Aplikasi Ini Layak Dipakai?

    • ✔ Menghemat waktu absensi
    • ✔ Transparansi ke orang tua
    • ✔ Siap digunakan sekolah
    • ✔ Mudah dikembangkan

    📄 Lisensi

    Open-source (MIT License)

    You Might Also Like
    0 Comments
    Leave a Comment
    This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.