Menyimpan Nilai Game Interaktif Canva AI ke Google Spreadsheet

Langkah 1: Membuat Game Interaktif di Canva AI

1. Buka Canva dan pilih "Kode untuk Saya" (Code for Me).

2. Ketikkan perintah (prompt) seperti:

   Buatkan media pembelajaran berupa video interaktif
   untuk siswa kelas 1 mata pelajaran Pendidikan Agama Islam bab 1.
   Dalam aplikasi ini ada video YouTube tentang huruf hijaiyah,
   harakat, dan surah Al-Fatihah.
   Setelah video, siswa menjawab pertanyaan kuis.
   Hasil penilaian tersimpan di Google Spreadsheet.
   

3. Canva AI akan otomatis membuat game interaktif:

   • Ada kolom nama siswa dan kelas.

   • Ada video pembelajaran.

   • Ada kuis 10 soal (bisa ditambah efek suara & getaran).

   • Ada hasil nilai otomatis (misal: “Skor kamu 50 dari 100”).

   • Ada tombol “Simpan ke Spreadsheet”.

---

🔹 Langkah 2: Menyiapkan Google Spreadsheet

1. Masuk ke Google Drive → klik + Baru → pilih Google Spreadsheet.

2. Beri nama file, misalnya:
   “Data Kuis Hijaiyah Kelas 1”.

3. Tidak perlu membuat header kolom, karena akan otomatis dibuat oleh Apps Script.

---

🔹 Langkah 3: Membuat Google Apps Script

1. Di spreadsheet, klik menu Ekstensi → Apps Script.

2. Hapus isi default, lalu paste script yang diberikan Canva AI.
   (Script berisi fungsi doPost() untuk menerima data nilai kuis dari aplikasi).

3. Temukan baris:

   var ss = SpreadsheetApp.openById("GANTI_ID_SPREADSHEET_ANDA");
   

   Ganti teks di dalam tanda kutip dengan ID Spreadsheet Anda:

   • Buka link spreadsheet Anda, contoh:
     https://docs.google.com/spreadsheets/d/1XyZAbcDEfGh123456/edit#gid=0

   • ID-nya adalah: 1XyZAbcDEfGh123456.

4. Klik 💾 Simpan (disk icon) → beri nama proyek, misalnya “Kuis Hijaiyah API”.

---

🔹 Langkah 4: Publikasi Apps Script sebagai Web App

1. Klik Deploy → New Deployment (Penerapan Baru).

2. Pilih jenis “Web App”.

3. Pada bagian Siapa yang dapat mengakses, pilih Siapa saja (Anyone).

4. Klik Simpan / Terapkan.

5. Salin URL Web App yang muncul (contohnya seperti ini):

   https://script.google.com/macros/s/AKfycbzXYZ123abc456/exec
   

---

🔹 Langkah 5: Integrasikan URL ke Canva AI

1. Kembali ke proyek di Canva AI.

2. Masukkan perintah:

   Lakukan langkah ketiga, update kode HTML dengan URL Web App berikut:
   https://script.google.com/macros/s/AKfycbzXYZ123abc456/exec
   

3. Canva AI akan memperbarui kode HTML dan menghubungkan aplikasi dengan Google Sheet.

---

🔹 Langkah 6: Uji Coba

• Jalankan game → isi nama dan kelas → kerjakan kuis → klik “Simpan ke Spreadsheet”.

• Buka Google Sheet Anda, hasil akan muncul otomatis:

  Waktu	Nama	Kelas	Skor	Benar	Salah	Persentase	Predikat	Waktu
  07/11/2025 14:30	Fatul	1A	50	5	5	50%	Perlu Bimbingan	65 detik

---

🔹 Hasil Akhir

• Nilai siswa tersimpan otomatis.
• Predikat (sangat baik, baik, perlu bimbingan) muncul otomatis dengan warna berbeda.
• Guru bisa melihat semua hasil tanpa harus memeriksa per perangkat siswa.
• Data bisa digunakan untuk analisis hasil belajar.
• 
  

Source: Youtube Nesacip