GpWpTSY8TfO8GpOoGpzoBSO5Gi==

Form

Comment

Absen Online Selvie

Source Code
Xcoding
Diposting oleh:Xcoding

Aplikasi Absensi

Aplikasi Absensi Online Berbasis Foto Selfie dan Auto Detect Lokasi Pengguna. Website ini dibangun menggunakan framework bootstrap dan PHP MySQL Improved (MYSQLi). Sekilas cara kerjanya dengan merekam absen menggunakan verifikasi foto selfie atau webcam, serta mendetek lokasi pengguna saat mengisi absensi online. Pengguna hanya boleh melakukan absen masuk dan absen pulang 1 kali perhari di jam kerja nya.

Pengguna dapat mengisi Absen online menggunakan perangkat mobile, tablet, maupun desktop, sistem berbasis web dibangun dengan tampilan responsive dan fast load yang tentunya akan memudahkan penggunanya. Informasi absen pengguna dibagi menjadi beberapa keterangan sebagai berikut Hadir, Telat, dan Tidak Masuk (Sakit, Izin, Tanpa Keterangan).

Fitur Unggulan

  • Absensi dengan foto wajah/selfie
  • Absen masuk & absen pulang
  • Generate ID card & QR code
  • Generate lokasi absensi & QR code
  • Deteksi lokasi pengguna (geolocation)
  • Penyempurnaan akurasi geo location
  • Menghitung durasi kerja pengguna
  • Pengelompokan user (jabatan/kelas/jenis)
  • Manajemen jam kerja (per shift/fulltime)
  • Fitur login dengan akun google

Fitur Umum

  • Landing page & web responsive
  • Mudah di gunakan dan aplikasi ringan
  • Notifikasi email jika ada operator / user login
  • Notifikasi email jika operator ubah password
  • Verifikasi email jika user reset password
  • Rekap laporan berdasarkan bulan
  • Laporan absen dalam PDF dan excel
  • Fitur print laporan langsung ke printer

Halaman User

  • Dashboard & Navigasi UI/UX Lebih Fresh
  • Halaman Absen Deteksi Lokasi & Akses Kamera
  • Halaman Generate QR Code & ID Card
  • Halaman Pengaturan Akun
  • Halaman Riwayat Absen

Halaman Admin

  • Dashboard AdminLTE
  • Halaman pengaturan website
  • Manajemen data pengguna (admin/karyawan)
  • Manajemen data jabatan/jenis user
  • Manajemen data jam kerja/shift
  • Manajemen lokasi kantor (titik absensi)
  • Manajemen data absensi

Halaman Laporan

  • Filter Laporan Data Absensi
  • Hasil Auto Detect Lokasi Pengguna
  • Hasil Foto Selfie Pengguna
  • Data Jam Pengguna Absen Masuk & Keluar
  • Status Kehadiran: Masuk & Tidak
  • Keterangan Kehadiran: Tepat Waktu, Telat, Tidak Masuk.
  • Export Laporan ke Mesin Printer
  • Export Laporan ke Excel
  • Export Laporan ke PDF

Level Aktor

  • Administrator
  • Operator
  • Karyawan/Anggota

Teknologi Support

  • Php v.5.6+ s/d 7.4+
  • AdminLTE dashboard template
  • PHP MySQL improved
  • Framework bootstrap
  • DataTables
  • Chart.js
  • jQuery UI
  • jQuery
  • SweetAlert
  • Lightbox
  • Google Font API
  • Font Awesome

Panduan Install Project

1. Persiapan Awal

Sebelum mulai, pastikan kamu sudah menyiapkan:

  • XAMPP, Laragon, atau WAMP
  • PHP versi 5.6 sampai 7.4
  • Text editor seperti VS Code atau Sublime Text
  • Project CodeIgniter 3

2. Letakkan Project di Folder Localhost

Salin folder project CodeIgniter ke folder htdocs (untuk XAMPP) atau www (untuk Laragon).

C:\xampp\htdocs\[nama_folder_project]\

3. Jalankan Apache dan MySQL

Buka XAMPP Control Panel, klik Start pada Apache dan MySQL. Jika menggunakan Laragon, klik Start All.

4. Akses Project di Browser

Buka browser dan ketik:

http://localhost/[nama_folder_project]

Jika berhasil, akan tampil halaman default CodeIgniter.

5. Buat Database

Buka phpMyAdmin di:

http://localhost/phpmyadmin/

Buat database baru, misalnya db_project.

6. Konfigurasi Database

Buka file application/config/database.php dan ubah bagian berikut:

$db['default'] = array(
    'hostname' => 'localhost',
    'username' => 'root',
    'password' => '',
    'database' => 'db_project',
    'dbdriver' => 'mysqli',
    'db_debug' => TRUE
);

7. Atur Base URL

Buka file application/config/config.php dan ubah baris:

$config['base_url'] = 'http://localhost/[nama_folder_project]

8. Import Database (Jika Ada File SQL)

Jika kamu memiliki file SQL, import melalui phpMyAdmin pada database db_project.

9. Jalankan Project

Buka kembali browser dan akses:

http://localhost/[nama_folder_project]

Jika tampil halaman utama aplikasi, berarti instalasi berhasil.


Login Aplikasi

  • Administrator // User : admin // Password : admin
  • User  // User : user // Password : user

0Komentar