Skip to main content

Membuat Presensi Mudah dan Praktis Berbasis Google Script

presensi-digital
Persiapan:
  1. Login ke Google Drive Anda
  2. Pastikan pilihan preferred language pada Akun Google Anda menggunakan  "English"

Langkah 1: Siapkan Google Spreadsheet

  1. Buka Google Sheets dan buat Spreadsheet Baru.
  2. Berikan nama, misal: Database Presensi 2025.
  3. Penting: Ubah nama tab (Sheet1) menjadi nama kelas yang Anda ajar, misalnya X-A atau XII-IPA-1.
  4. Jika Anda mengajar banyak kelas, klik tanda + di bawah untuk menambah sheet baru dan beri nama sesuai kelasnya. Biarkan sheet tersebut kosong, script akan membuatkan templatenya nanti.
  5. Salin ID Spreadsheet Anda. ID ini ada di URL browser, terletak di antara /d/ dan /edit.
    • Contoh URL: https://docs.google.com/spreadsheets/d/1aBcD_xYz12345.../edit
    • ID-nya adalah kode acak di tengah yang ditebalkan.

Langkah 2: Memasang Script Konfigurasi

  1. Di Google Sheet, klik menu Extension (Ekstensi) > Appscript
  2. Di editor Apps Script, klik tanda + di sebelah kiri tulisan "Files", pilih Script.
  3. Beri nama file: Config (harus persis, huruf besar 'C').
  4. Copy dan Paste kode Config.gs pada link ini:  https://pastebin.com/aBcLWX2H

PENTING: Jangan lupa mengganti PASTE_ID_SPREADSHEET_ANDA_DISINI di bagian paling atas kode dengan ID Spreadsheet Anda dari Langkah 1.

Langkah 3: Memasang Script (Backend)

  1. Di Google Sheet, klik menu Extensions (Ekstensi) > Apps Script.
  2. Akan terbuka tab baru. Hapus semua kode yang ada di file Code.gs.
  3. Copy dan Paste kode Code.gs pada link ini: https://pastebin.com/W6J3Zkm6 

Langkah 4: Membuat Tampilan Aplikasi (Frontend)

  1. Di editor Apps Script yang sama, klik tanda + di sebelah kiri tulisan "Files", pilih HTML.
  2. Beri nama file: Index (harus persis, huruf besar 'I').
  3. Copy dan Paste kode HTML di bawah ini: https://pastebin.com/zcrMVtcs

Langkah 5: Publikasi (Deploy)

Ini adalah langkah terakhir agar aplikasi bisa diakses via HP:

  1. Klik tombol biru Deploy di pojok kanan atas > New deployment.
  2. Klik icon roda gigi (Select type) > pilih Web app.
  3. Isi konfigurasi berikut:
    • Description: Versi 1
    • Execute as: Me (Penting! Jangan ubah ini).
    • Who has access: Anyone (Pilih ini agar siswa/guru lain bisa akses tanpa login).
  4. Klik Deploy.
  5. Akan muncul Web app URL. Salin link tersebut dan simpan di HP Anda.

Cara Menggunakan

  1. Buka link Aplikasi di browser HP/Laptop.
  2. Pilih Kelas.
  3. Otomatis daftar nama siswa akan muncul (diambil dari Spreadsheet).
    • Tips: Untuk pertama kali, ketik manual 1 nama siswa di Sheet Excel kolom B baris 7, agar aplikasi mendeteksi struktur tabel.
  4. Tandai status kehadiran (H/A/I/S/T/B).
  5. Klik Simpan Presensi.
  6. Cek Spreadsheet Anda! Kolom baru bertanggal hari ini otomatis muncul, lengkap dengan rekapitulasi warna-warni di bagian bawah.

Selamat mencoba! Dengan sistem ini, data presensi Anda akan jauh lebih rapi, aman, dan terlihat sangat profesional.

 

Leave a Reply

Restricted HTML

  • Allowed HTML tags: <br> <p> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id> <cite> <dl> <dt> <dd> <a hreflang href> <blockquote cite> <ul type> <ol type start> <strong> <em> <code> <li>
  • Lines and paragraphs break automatically.
  • Web page addresses and email addresses turn into links automatically.

Article Related