Sabtu, 16 Agustus 2025

Membuat Link Multimedia

 




Tutorial Gim Edukasi Lumi Education

https://youtu.be/x4-IG4dFRQg?si=_pj1itw_qw70FQQt


Contoh Gim Edukasi

https://app.Lumi.education/run/rDDDU8


Tips: 

  1. Pada video YouTube mode Book Interactive dengan skenario materi dan tantangan sesuai pilihan. 

  2. Untuk Gim Edukasi silakan pilih mode Game Maps, buat dulu mapsnya dan siapkan slide materi dari canva.

  3. Pilih Course Presentation untuk membuat presentasi interaktif, polanya sama materi dan tantangannya.

  4. Simpan baik baik tautan docs ini nanti akan diupdate tutorial cara membuat Gim Edukasi. Selamat berkreasi 


TEMPLATE GIM EDUKASI

Video Tutorial Lengkap Integrasi Canva Web ke Spreadsheet 

https://youtu.be/-XEwGYLvAOo

Judul: Gim Edukasi Sejarah Indonesia 

Peristiwa Seputar Proklamasi Kemerdekaan Indonesia 1945

semat logo sekolah dari tautan ini

https://freeimage.host/i/FETy62S

<a href="https://freeimage.host/id"><img src="https://iili.io/FETy62S.png" alt="FETy62S.png" border="0"></a>

bagian footer

copyright 2025 Gim Edukasi Sejarah Indonesia-SMAN 24 Bandung

buat gim edukasi dengan halaman login nama lengkap dan kelas dikosongkan tentang peristiwa penting seputar proklamasi kemerdekaan Indonesia

DESAIN GIM EDUKASI

materi 1 tentang berita kekalahan jepang dalam perang Pasifik

tantangan level 1 berisi 5 soal pilihan ganda 5 opsi jawaban dengan validasi benar salah jika sudah selesai semua muncul lanjutkan ke materi berikutnya

materi 2 tentang perbedaan pendapat golongan tua dan golongan muda hingga peristiwa rengasdengklok

tantangan level 2 berisi 5 soal pilihan ganda 5 opsi jawaban dengan validasi benar salah  jika sudah selesai semua muncul lanjutkan ke materi berikutnya

materi 3 perumusan naskah proklamasi dan pembacaan naskah proklamasi

tantangan level 2 berisi 5 soal pilihan ganda 5 opsi jawaban dengan validasi benar salah  jika sudah selesai semua muncul lanjutkan ke materi berikutnya

tampilkan hasilnya meliputi nama lengkap, kelas, dan nilai. desain gim edukasi modern warna merah


INTEGRASI SPRADSHEET

Video Tutorial Lengkap Integrasi Canva Web ke Spreadsheet 

https://youtu.be/-XEwGYLvAOo

KOMPONEN PROMPT CANVA CODE 

Buatkan Multimedia Pembelajaran Interaktif mata pelajaran [Isi Mapel, topik, dan kelas]

[Isi nama sekolah]

semat logo sekolah dari tautan ini

Unggah gambar ke sini https://freeimage.host/id

Pilih format html

Desain navigasi berupa beranda (topik, tujuan pembelajaran, cara penggunaan), materi, kesimpulan, dan latihan soal

Selesai mengerjakan latihan soal buat pembahasan soalnya

Materi [isi topik spesifik]

1….

2…..

3…..

Unggah gambar pendukung materi ke sini https://freeimage.host/id

Pilih format html

Tujuan Pembelajaran:

1. siswa mampu memahami ….

2. siswa mampu menguasai …. 

3. siswa mampu menarik kesimpulan …

Petunjuk Penggunaan:

silakan pilih tombol navigasi ….

Latihan Soal:

buat latihan soal [isi topik:....]

buat form input manual nama siswa dan kelas

soal sebanyak 10 butir

Hasil latihan soal pada format spreadsheet Nama Siswa, Kelas, Nilai, Keterangan

rekapan terhubung ke spreadsheet https://script.google.com/macros/s/AKfycbwF3kyDxzMZC1V8r79kL4POIcmcLGGpuXGWiDGLBumEPnCw0xeEwMVudbmTTHzUbXMC/exec [buat dulu google form Nama, Kelas, Nilai, Keterangan lalu kirim ke spreadsheet kemudian duplikat sheet dan edit kolom sesuai Nama, Kelas, Nilai, Keterangan. Selanjutnya ke extention Apps Script copas kode dari hasil prompt ChatGPT ini]

Ketik prompt chatgpt

buatkan script di apps script import data dari canva web berupa nama siswa, kelas, dan nilai tersimpan di spreadsheet

Selanjutnya klik play sampai sukses dan deploy format web app, hasilnya pilih web app copas ke prompt canva seperti diatas

buat materi yang menarik disertai gambar

warna website modern 

dibuat tahun 2025-2026

Contoh hasil https://sholahudinsanusi.my.canva.site/sejarah-kerajaan-islam-bagian-1

CONTOH PROMPT  JADI

Buatkan Multimedia Pembelajaran Interaktif mata pelajaran sejarah kelas x

SMA Negeri 24 Bandung

semat logo sekolah dari tautan ini

https://freeimage.host/i/FETy62S

<a href="https://freeimage.host/id"><img src="https://iili.io/FETy62S.png" alt="FETy62S.png" border="0"></a>

Desain navigasi berupa beranda (topik, tujuan pembelajaran, cara penggunaan), materi, kesimpulan, dan latihan soal

Selesai mengerjakan latihan soal buat pembahasan soalnya

materi sejarah kerajaan Hindu Buddha di Indonesia

kerajaan kutai

Kerajaan Tarumanegara

Kerajaan Sriwijaya

Tujuan Pembelajaran:

1. siswa mampu memahami teori kedatangan HIndu Buddha ke Indonesia

2. siswa mampu menguasai kerajaan Hindu BUddha di Indonesia 

3. siswa mampu menarik kesimpulan perkembangan kerajaan HIndu Buddha di Indonesia

Petunjuk penggunaan:

silakan pilih tombol navigasi

Latihan Soal:

buat latihan soal sejarah kerajaan Hindu Buddha di Indonesia:

buat form input manual nama siswa dan kelas

soal sebanyak 10 butir

Hasil latihan soal:

Nama Lengkap

Kelas

Nilai

Terhubung ke Spreadheet dengan tombol kirim

https://script.google.com/macros/s/AKfycbxJxFn__79xVPmm7CjiEkEp_G9nS3AOsW-J7CLO18VbKnzuUVFdUNC7yePhOmhaPJdr/exec

buat materi yang menarik disertai gambar

warna website modern nuansa merah 

dibuat tahun 2025-2026

Prompt chatGPT 

buatkan script di apps script data dari canva web berupa nama lengkap, kelas, dan nilai terhubung otomatis ke spreadsheet

Code Apps Script

function doPost(e) {

  var sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();

  try {

    // Ambil data dari POST request

    var data = JSON.parse(e.postData.contents);

    var nama = data.nama_lengkap;

    var kelas = data.kelas;

    var nilai = data.nilai;

    // Tambahkan ke baris berikutnya

    sheet.appendRow([nama, kelas, nilai]);

    return ContentService.createTextOutput("Data berhasil disimpan").setMimeType(ContentService.MimeType.TEXT);

  } catch (error) {

    return ContentService.createTextOutput("Terjadi kesalahan: " + error).setMimeType(ContentService.MimeType.TEXT);

  }

}

Hasilnya

https://sholahudinsanusi.my.canva.site/sejarahkerajaanhindubuddha-1



Perhatian penting:

  1. Hasil generate canva code versi 1 belum tentu sesuai, jika menu ada yang tidak ada silakan balas chat codenya. Contoh ternyata kelasnya sudah ada pilihan. Minta kelasnya diisi manual oleh siswa. Lalu klik untuk melihat versi 2. Begitu seterusnya

  2. Pada spreadsheet pastikan kolom dan nama dibawah sesuai dengan yg diberikan code chat gpt. Kemudian di Apps Script copas dan klik play di menu atas harus complete ya

  3. Jika nilai belum terhubung ke sheet silakan copas tautan sheet ke kolom chat code ketik perintahnya hubungkan nilai ke tautan berikut. JIka masih belum sinkron copas kode apps scriptnya ke chat revisi berikutnya

  4. Silakan tes terus sampai beberapa versi dan maksimal jika sudah oke baru gunakan desain ini pilih situs web dan publikasikan

  5. Jika masih ada kendala cek tutorialnya di YouTube Rolla Fardila 

https://youtu.be/-XEwGYLvAOo




Tidak ada komentar:

Posting Komentar

Html Reverensi

  https://www.youtube.com/watch?v=HAwwoUdHY3k https://www.youtube.com/watch?v=wHy6leEdgL8 https://www.youtube.com/watch?v=kf6l2fNbMOw https:...