Sistem AbsenPKL - Absensi Online GPS & Kamera

Formulir AbsenPKL

Lengkapi identitas PKL Anda, pilih jenis absen, dan ambil foto wajah.

Nama Lengkap

Nama Toko / Instansi

Pilihan Absen (Masuk / Pulang)

Absen Masuk Absen Pulang

Verifikasi Wajah (Foto)

Kamera belum diaktifkan

Lokasi Presensi (GPS)

Mencari lokasi GPS...

Total Absen 0

Hadir Masuk 0

Hadir Pulang 0

Mode Simulasi

Catatan Tanggal & Jam Absen Hari Ini

Belum Ada Absensi

Silakan lakukan absensi menggunakan formulir di sebelah kiri untuk merekam data pertama Anda.

Koneksi Debugger Aktif

[SISTEM] Debugger siap mendiagnosis pengiriman Anda...

Pengaturan Database Google Sheets

Aplikasi ini berjalan dalam mode simulasi offline secara default. Sambungkan ke spreadsheet Anda untuk menyimpan data absensi nyata.

Google Apps Script Web App URL

Masukkan URL Web App dari Apps Script yang telah Anda Deploy.

🚨 UPDATE KODE GOOGLE APPS SCRIPT ANDA

PENTING: Agar semua perangkat dapat melihat total absen secara global, Anda wajib mengganti kode di Apps Script dengan kode baru di bawah ini.

Kode baru ini menambahkan fungsi doGet() agar web absensi bisa mengambil data langsung dari baris Google Sheets secara dua arah.

Buka menu Ekstensi > Apps Script di Google Sheets Anda.

Hapus semua kode lama yang ada di sana, ganti dengan seluruh kode di bawah ini:

// 1. FUNGSI UNTUK MENERIMA ABSENSI BARU DARI WEB (POST)
function doPost(e) {
  try {
    var sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
    var data = JSON.parse(e.postData.contents);
    
    sheet.appendRow([
      new Date(), // Timestamp otomatis
      data.nama, // Nama lengkap siswa
      data.id, // Nama Toko / Instansi PKL
      data.status, // Masuk / Pulang
      data.lokasi, // Koordinat GPS
      data.foto // Foto Base64
    ]);
    
    return ContentService.createTextOutput(JSON.stringify({
      status: "success",
      message: "Absensi berhasil disimpan!"
    })).setMimeType(ContentService.MimeType.JSON);
    
  } catch(err) {
    return ContentService.createTextOutput(JSON.stringify({
      status: "error",
      message: err.toString()
    })).setMimeType(ContentService.MimeType.JSON);
  }
}

// 2. FUNGSI BARU UNTUK MENGIRIM DATA ABSEN KE SELURUH PERANGKAT (GET)
function doGet(e) {
  try {
    var sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
    var dataRange = sheet.getDataRange();
    var values = dataRange.getValues();
    var rows = [];
    
    // Mulai dari baris index 1 (lewati header kolom)
    for (var i = 1; i < values.length; i++) {
      var row = values[i];
      rows.push({
        timestamp: row[0],
        nama: row[1],
        id: row[2], // Toko / Instansi
        status: row[3],
        lokasi: row[4],
        foto: row[5]
      });
    }
    
    // Urutkan data dari yang paling baru di atas
    rows.reverse();
    
    return ContentService.createTextOutput(JSON.stringify({
      status: "success",
      data: rows
    })).setMimeType(ContentService.MimeType.JSON);
    
  } catch(err) {
    return ContentService.createTextOutput(JSON.stringify({
      status: "error",
      message: err.toString()
    })).setMimeType(ContentService.MimeType.JSON);
  }
}

Tekan Simpan (Save).