Absensi V2

QR Absensi

Arahkan QR Code ke Kamera

Kamera Gagal Diakses

Pastikan browser mengizinkan akses kamera untuk situs ini.

Berhasil

Jeda 1.5 detik...

Absensi Terakhir Hari Ini

• Belum ada scan hari ini.

Berhasil!

Budi telah absen.

Data Siswa

Kelola data siswa yang dapat melakukan absensi.

Filter berdasarkan Kelas Semua Kelas

ID Siswa	Nama Lengkap	Kelas	Aksi

Riwayat Absensi

Semua data absensi yang telah terekam.

Filter berdasarkan Kelas Semua Kelas

Waktu (Timestamp)	ID Siswa	Nama Lengkap	Kelas

Panduan Koneksi Google Sheets (Backend)

Saat ini aplikasi menggunakan penyimpanan lokal browser (agar kamu bisa langsung mencobanya).
Untuk menyimpan data permanen ke Google Sheets, ikuti 4 langkah mudah di bawah ini.

Langkah 1: Siapkan Google Sheets

1. Buat Spreadsheet baru di Google Sheets.
2. Ganti nama Sheet pertama (di tab paling bawah) menjadi Students.
3. Buat Sheet baru dan beri nama Attendance.

Langkah 2: Tambahkan Script

1. Di Google Sheets, klik menu Ekstensi (Extensions) > Apps Script.
2. Hapus semua kode yang ada, lalu salin (copy) kode di bawah ini dan tempel (paste) ke sana.
3. Klik ikon Simpan (Save).

function doPost(e) { try { const sheetApp = SpreadsheetApp.getActiveSpreadsheet(); const payload = JSON.parse(e.postData.contents); const action = payload.action; if (action === 'ADD_ATTENDANCE') { const sheet = sheetApp.getSheetByName('Attendance'); // Append row: [Timestamp, ID, Nama, Kelas] sheet.appendRow([payload.data.timestamp, payload.data.id, payload.data.name, payload.data.class]); return ContentService.createTextOutput(JSON.stringify({status: 'success'})).setMimeType(ContentService.MimeType.JSON); } if (action === 'SYNC_STUDENTS') { const sheet = sheetApp.getSheetByName('Students'); sheet.clear(); // Tambahkan header sheet.appendRow(['ID', 'Name', 'Class']); // Tambahkan semua data siswa const students = payload.data; if (students.length > 0) { const rows = students.map(s => [s.id, s.name, s.class]); sheet.getRange(2, 1, rows.length, 3).setValues(rows); } return ContentService.createTextOutput(JSON.stringify({status: 'success'})).setMimeType(ContentService.MimeType.JSON); } } catch (error) { return ContentService.createTextOutput(JSON.stringify({status: 'error', message: error.toString()})).setMimeType(ContentService.MimeType.JSON); } } // BARU: Fungsi untuk MENARIK data (GET) agar sinkron ke HP/Device lain function doGet(e) { try { const sheetApp = SpreadsheetApp.getActiveSpreadsheet(); let students = []; let attendance = []; const studentSheet = sheetApp.getSheetByName('Students'); if (studentSheet) { const sData = studentSheet.getDataRange().getValues(); if (sData.length > 1) { // Skip baris pertama (header) students = sData.slice(1).map(row => ({id: String(row[0]), name: row[1], class: row[2]})); } } const attSheet = sheetApp.getSheetByName('Attendance'); if (attSheet) { const aData = attSheet.getDataRange().getValues(); if (aData.length > 0) { attendance = aData.map(row => ({ timestamp: String(row[0]), id: String(row[1]), name: row[2], class: row[3] })); } } return ContentService.createTextOutput(JSON.stringify({ status: 'success', data: { students: students, attendance: attendance } })).setMimeType(ContentService.MimeType.JSON); } catch (error) { return ContentService.createTextOutput(JSON.stringify({status: 'error', message: error.toString()})).setMimeType(ContentService.MimeType.JSON); } }

Langkah 3: Deploy (Terapkan) Web App

1. Di Apps Script, klik tombol biru Terapkan (Deploy) di kanan atas, pilih Deployment Baru (New deployment).
2. Klik ikon roda gigi (⚙️) di sebelah "Pilih jenis", lalu pilih Aplikasi Web (Web app).
3. Bagian "Deskripsi" isi bebas. "Jalankan sebagai" pilih Saya (Me).
4. Bagian "Siapa yang memiliki akses", wajib ubah menjadi Siapa saja (Anyone).
5. Klik Terapkan (Deploy). (Jika diminta "Otorisasi Akses", klik Review Permissions > pilih akun google > Advanced > Go to... > Allow).
6. Salin URL Web App yang diberikan!

Langkah 4: Masukkan URL Web App

Tempel URL yang kamu dapatkan di langkah 3 ke kotak di bawah ini lalu Simpan.

URL berhasil disimpan! Data akan tersinkronisasi ke Google Sheets.

Tambah Siswa Baru

ID Siswa (Unik)

Nama Lengkap

Kelas

Kartu QR Code Absensi