Integrasi Data Absensi Siswa dari Canva ke Google Spreadsheet melalui Apps Script
Langkah-Langkah Tutorial
1. Membuat Spreadsheet Absen
-
Buka Google Spreadsheet → klik + (New Spreadsheet).
-
Beri nama:
Absen Siswa SMA. -
Klik Bagikan (Share).
-
Ubah akses menjadi:
→ Anyone with the link → Editor.
Ini agar Canva dapat menulis data ke spreadsheet tersebut.
2. Membuka Google Apps Script
-
Di menu atas Spreadsheet, pilih Extensions → Apps Script.
-
Apps Script berfungsi sebagai “jembatan” antara Canva dan Spreadsheet.
-
Canva tidak bisa langsung menulis data ke Spreadsheet tanpa Apps Script.
3. Membuat Script Otomatis
-
Di Canva AI (atau ChatGPT), masukkan prompt:
“Buatkan saya Apps Script untuk data absensi siswa dengan kolom nomor, nama, kelas, status, dan tanggal.”
-
Salin kode hasil generate dari Canva AI.
-
Tempel (paste) ke editor Apps Script, ganti seluruh isi lama.
4. Menjalankan dan Menguji Script
-
Klik Save (Ctrl+S) → kemudian Run (Jalankan).
-
Saat muncul dialog izin, pilih:
-
Review permissions → pilih email → Advanced → Go to Project (unsafe) → Allow.
-
-
Jika berhasil, script otomatis membuat 3 sheet:
Kelas 10,Kelas 11,Kelas 12,
lengkap dengan header: Nomor, Nama, Kelas, Status, Tanggal.
5. Men-deploy Apps Script sebagai Web App
-
Klik Deploy → New deployment.
-
Pilih Web App.
-
Isi nama misalnya:
Absen Siswa SMA. -
Akses: Anyone → klik Deploy.
-
Salin URL Web App yang muncul.
6. Menghubungkan ke Canva
-
Di Canva AI, masukkan URL dari Apps Script tersebut ke form atau tombol “Kirim Absen”.
-
Canva akan menyesuaikan kode agar data dari Canva terkirim ke URL Apps Script.
7. Menguji Integrasi
-
Di Canva, pilih kelas → isi status hadir siswa → klik Simpan Absen.
-
Jika berhasil, tombol berubah hijau → data muncul otomatis di Spreadsheet.
-
Jika gagal (warna merah):
-
Periksa link URL,
-
Pastikan izin “Anyone with the link” masih aktif,
-
Coba update Apps Script dari Canva AI dengan prompt:
“Perbaiki agar data absen dapat tersimpan 100% ke spreadsheet.”
Source: Youtube Dede Irwan