Tutorial Membuat Aplikasi Absensi Online dengan Tanda Tangan Menggunakan Laravel 11

Hai guys, kali ini admin akan share tutorial dari Youtube nya AlamKoding yaitu Tutorial Membuat Aplikasi Absensi menggunakan Laravel Versi 11. Aplikasi ini sering saya gunakan ketika ada zoom meeting di kantor. Saya diminta untuk membuat absensi online. Karena dulu belum buat sendiri, saya membuatnya dengan layanan online seprti Google Form, JotForm dan ZohoForm. Tapi untuk Google Form ada kekurangan karena belum bisa menambahkan Tanda Tangan Digital, sedangkan saya diminta yang menggunakan tanda tangan digital.

Tutorial Aplikasi Absensi Online Laravel 11

#0 Demo

#1 Install Laravel dan Bootstrap

✅ Instalasi Laravel 11

✅ Pemasangan Bootstrap 5 ke Laravel 11

#2 CRUD Daftar Absensi
✅ Membuat input data Kegiatan
✅ Menampilkan data Daftar Kegiatan
✅ Menghapus data Kegiatan
✅ Mengedit data kegiatan

#3 Form Absen

✅ Membuat form absensi

✅ Membuat canvas untuk gambar tanda tangan

✅ Menyimpan data gambar ke dalam textarea dalam bentuk base64

✅ Decode base64 gambar lalu menyimpannya di public storage

#4 Export to PDF

✅ Menginstall Laravel Dompdf

✅ Menampilkan data di Dompdf

✅ Mengkonversi gambar ke base64 untuk ditampilkan di Dompdf

#5 DataTables

✅ Memasang Jquery DataTables (Client Side)

✅ Memasang Yajra DataTables (Server Side) dengan artisan

✅ Delete Data Menggunakan Ajax

✅ Select Data Berdasarkan Slug

#6 Login

✅ Menampilkan Relasi tabel di Yajra DataTables

✅ Memasang Laravel UI

✅ Middelware Route

Source Code

Google Drive