Integrasi Canva AI dan Google Sheets

 

https://www.youtube.com/watch?v=KNC9AvsYuUg

https://www.youtube.com/watch?v=jlPucGnLe1w

https://www.youtube.com/watch?v=nZhxJuCwOqQ

https://www.youtube.com/watch?v=Dku_JQjRbFQ

https://www.youtube.com/watch?v=Mg-VGenEorM

Prompt: Website Pendaftaran Sekolah (Data ke Google Sheets)

Buatkan sebuah aplikasi web pendaftaran sekolah sederhana berbasis HTML, CSS, dan JavaScript, dengan fitur sebagai berikut:

✅ Fitur Utama:

1. Formulir pendaftaran yang mencakup field berikut:

   • Nama Lengkap

   • NISN

   • Email

   • No. HP

   • Jenis Kelamin (Radio button: Laki-laki / Perempuan)

   • Pilihan Jurusan (Dropdown: RPL, TKJ, DKV, TBSM, Akuntansi)

   • Alamat Lengkap (Textarea)

2. Tombol Submit, yang jika diklik:

   • Validasi semua input tidak boleh kosong

   • Menyimpan data ke Google Spreadsheet melalui Google Apps Script Web Apps (POST ke URL)

   • Menampilkan notifikasi “Pendaftaran berhasil” tanpa reload halaman

3. Gunakan desain yang responsif dan bersih:

   • Styling dengan CSS sederhana (boleh pakai Bootstrap jika perlu)

   • Layout rapi dan ramah pengguna, gunakan font Google Fonts

4. Sertakan komentar dalam kode untuk memudahkan pengembangan lebih lanjut.

5. File yang dihasilkan:

   • index.html

   • style.css

   • script.js

6. Sertakan juga contoh Google Apps Script (Code.gs) yang menangani penyimpanan data ke Google Sheets:

   • Fungsi doPost(e) untuk menerima data dan menyimpannya ke spreadsheet

   • Spreadsheet memiliki header sesuai dengan field formulir

7. Sertakan instruksi singkat di dalam HTML dalam komentar:
   👉 bagaimana cara menyebarkan Google Apps Script sebagai Web App agar form bisa digunakan.