Скачать или смотреть Integrasi Canva AI dan Google Sheets: Kirim Terima Data Absensi via Apps Script

== PROMPT MEMBUAT ABSENSI ONLINE KOMUNIKASI 2 ARAH CANVA AI DAN GOOGLE SPREADSHEET
Buat Google Apps Script untuk menangani absensi siswa dengan fitur:
1. Fungsi saveToSheet() untuk menyimpan data ke sheet 'Absensi' dengan struktur NO, NAMA, NIS, KELAS, KEHADIRAN, TANGGAL, dan WAKTU_DISIMPAN
2. Fungsi getStudentData() untuk membaca data siswa dari sheet 'Siswa' dan return sebagai array of objects
3. Handler doGet() untuk testing dan mengambil data siswa
4. Handler doPost() untuk menerima data dari form
5. Error handling dan return response JSON
6. Buat sheet baru dengan header jika sheet tidak ada


== PROMPT MEMBUAT TAMPILAN HTML:
Buatkan tampilan HTML + CSS + JavaScript sederhana untuk sistem absensi siswa yang terhubung ke Google Apps Script Web App. Berikut ketentuannya:

Fitur yang harus ada:
1. Form input absensi (nama, NIS, kelas, status kehadiran, tanggal)
2. Tombol submit untuk mengirim data ke Google Script
3. Tampilkan pesan sukses/gagal setelah submit
4. Daftar siswa (diambil dari fungsi getStudentData() di Google Script)

Desain:
1. Responsif (bisa dibuka di HP/PC)
2. Minimalis, rapi, dan mudah digunakan
3. Gunakan Bootstrap atau CSS sederhana
4. Koneksi ke Google Script: https://script.google.com/macros/s/WE...
5. Gunakan fetch() JavaScript untuk mengirim data (POST) dan mengambil data siswa (GET)
6. Handle error jika koneksi gagal
7. Pastikan bisa mengirim data sesuai struktur di Google Script (NO, NAMA, NIS, KELAS, KEHADIRAN, TANGGAL)*

Demo: https://osisgrituka.my.canva.site/abs...