Pemanfaatan AI Canva untuk Membuat Website Mini Pembelajaran

Tutorial AI • Media Pembelajaran • GuruUpgradeID

Pemanfaatan Canva AI untuk Membuat Website Mini Pembelajaran

Tutorial praktis membuat website bahan ajar interaktif dengan bantuan AI, disertai contoh PAI kelas XI: Menebarkan Islam dengan Damai.

Ditulis oleh: Ika Lathifah · GuruUpgradeID

Daftar Isi

1. Pengantar
2. Langkah Pembuatan
3. Prompt untuk Semua Guru
4. Contoh Prompt PAI
5. Hasil dan Manfaat
6. Refleksi
7. Ayo Praktik

Pengantar

Dengan fitur pembuatan kode berbantuan AI di Canva, guru dapat mencoba membuat website mini pembelajaran tanpa harus menulis kode dari awal. Website ini dapat dirancang untuk menampilkan tujuan pembelajaran, materi, aktivitas, tugas, hingga refleksi.

Pendekatan ini cocok untuk membuat bahan ajar digital yang dapat diakses siswa melalui perangkat yang didukung. Guru tetap perlu memeriksa isi, fungsi tombol, serta tampilan sebelum membagikannya.

Ide utamanya: Satu prompt yang jelas dapat menjadi titik awal website pembelajaran dengan navigasi, materi, tugas, dan refleksi yang terstruktur.

Langkah Membuat Website dengan Canva AI

Berikut alur praktik yang dapat dicoba. Nama menu dapat berbeda sesuai versi dan ketersediaan fitur pada akun Canva.

01

Buka Canva AIMasuk ke Canva, lalu cari fitur Canva AI dan opsi pembuatan kode (misalnya Canva Code / Code for Me jika tersedia).

02

Tulis prompt websiteJelaskan mata pelajaran, kelas, tujuan, struktur menu, gaya visual, dan aktivitas interaktif yang diinginkan.

03

Jalankan generasiKirim prompt, tunggu proses pembuatan, lalu buka pratinjau hasilnya.

04

Uji dan revisiPeriksa tombol, navigasi, ketepatan materi, keterbacaan di HP, dan aktivitas siswa. Berikan instruksi perbaikan jika diperlukan.

05

Publikasikan dan bagikanJika hasil sudah sesuai, gunakan opsi desain atau publikasi website yang tersedia. Salin tautan dan, bila perlu, buat QR code untuk siswa.

Catatan: Website hasil AI perlu diuji sebelum digunakan di kelas. Fitur penyimpanan jawaban, login, dan penilaian otomatis tidak boleh diasumsikan berfungsi hanya karena tampilannya sudah tersedia.

Contoh Prompt untuk Semua Guru

Gunakan prompt berikut sebagai dasar, lalu sesuaikan nama mata pelajaran, kelas, dan isi pembelajarannya.

PROMPT UMUM • SIAP DISALIN

Create an educational mini website titled "Projek Kelas Kreatif" in Indonesian language with 6 sections:
1. Halaman Judul
2. Ice Breaking
3. Tujuan Pembelajaran (Inquiry Learning)
4. Materi
5. Tugas Siswa
6. Refleksi dan Penutup

Design the website with a modern classroom theme, bright colors, and easy navigation for students.
Add motivational quotes and interactive buttons for each section.
Make it mobile-friendly.
Ensure every navigation button works and the text is easy to read on a smartphone.

Contoh Spesifik: PAI Kelas XI

Contoh berikut berfokus pada pembelajaran dakwah yang mengedepankan hikmah dan sikap damai. Rujukan QS. An-Nahl ayat 125 relevan untuk membahas ajakan dengan hikmah dan pengajaran yang baik.

PROMPT PAI • SIAP DISALIN

Create a mini educational website in Indonesian language titled:
"Menebarkan Islam dengan Damai melalui Khutbah, Dakwah, dan Tabligh"

Theme: Pendidikan Agama Islam kelas XI SMA
Style: modern Islamic learning interface with pastel green and gold accents.

Include the following menu sections:
1. Halaman Judul – Judul besar dan subjudul; cantumkan nama guru dan sekolah.
2. Ice Breaking – Kuis "Aku bukan perang, tapi menyatukan…" (jawaban: DAKWAH).
3. Tujuan Pembelajaran – kaitkan dengan QS. An-Nahl: 125 (hikmah dan nasihat yang baik).
4. Materi – pengertian khutbah, dakwah, dan tabligh; prinsip dakwah damai; contoh di sekolah dan media sosial.
5. Tugas Inquiry – telusuri tokoh dakwah damai di Indonesia, analisis pendekatannya, dan tuliskan refleksi.
6. Refleksi & Penutup – "Dakwah bukan hanya di mimbar, tapi juga dalam tutur kata dan perbuatan."

Make the interface responsive, the menu buttons functional, and the learning activities clear for grade XI students.
Do not invent Qur'anic quotations or religious references; use verified sources.

Pengingat untuk guru PAI: Periksa kembali ayat, penjelasan keagamaan, dan contoh materi sebelum digunakan dalam pembelajaran. AI dapat membantu merancang media, tetapi validasi materi tetap menjadi tanggung jawab guru.

Hasil dan Manfaat

Website mini pembelajaran yang dirancang dengan baik dapat memberi manfaat berikut:

• ✓Materi, tujuan, aktivitas, dan refleksi tersusun dalam satu tempat.
• ✓Navigasi sederhana memudahkan siswa menjelajahi materi.
• ✓Guru dapat menghemat waktu penyusunan rancangan awal media.
• ✓Materi dapat digunakan sebagai pendukung belajar mandiri, setelah akses dan fungsinya diuji.

Refleksi

“AI tidak menggantikan guru; AI membantu memperluas kreativitas dan efisiensi pembelajaran. Guru tetap menentukan tujuan, memeriksa isi, dan mendampingi proses belajar.”

Ayo Praktik!

Pilih salah satu prompt, sesuaikan dengan mata pelajaran Anda, lalu coba buat website mini di Canva. Setelah selesai, uji di HP dan laptop sebelum membagikan tautan atau QR code kepada siswa.

Lihat Prompt Umum ↑Lihat Prompt PAI ↑Buka Canva ↗

#GuruUpgradeID #DIGMA #AICanva #BelajarKreatif

GURUUPGRADEID

Terus belajar dan berinovasi untuk menghadirkan pembelajaran yang bermakna.

Belajar • Berkarya • Berbagi • Menginspirasi
Instagram • TikTok • YouTube
@guruupgradeid

Read More

Tutorial Membuat Video AI Musik dengan Veo 3, Flow, Gemini & Sync.so

Eksplorasi pembuatan video musik dengan bantuan kecerdasan artifisial.

Tutorial AI • Video Musik • GuruUpgradeID

Cara Membuat Video Musik AI dengan Veo, Flow, Gemini, CapCut & Sync.so

Mulai dari ide, prompt sinematik, klip video, hingga sinkronisasi bibir dengan lagu.

Ingin membuat video musik AI yang menarik dan realistis tanpa proses produksi yang rumit? Kini, berbagai alat berbasis kecerdasan artifisial dapat membantu kita merancang adegan, menghasilkan klip, mengedit video, dan menyelaraskan gerakan bibir dengan audio.

Dalam tutorial ini, kita menggunakan ChatGPT untuk merancang prompt, Google Flow atau Gemini dengan model video yang tersedia untuk membuat klip, CapCut untuk menyunting, serta Sync.so untuk lip-sync. Fitur, akses, biaya, dan batas durasi setiap layanan dapat berubah.

Alur Pembuatan Video Musik AI

01 ChatGPT02 Flow / Gemini03 CapCut04 Sync.so

01

Siapkan Konsep dan Prompt di ChatGPT

Buka ChatGPT dan jelaskan konsep video musik yang diinginkan. Agar hasil lebih terarah, sertakan:

• ✓Karakter: misalnya perempuan berhijab peach atau pria berhoodie hitam.
• ✓Aktivitas: bernyanyi, memainkan keyboard, atau bermain gitar.
• ✓Lokasi: Raja Ampat, studio musik, atau taman kota.
• ✓Gaya visual: realistis, animasi 3D, atau sinematik.
• ✓Gerak kamera dan suasana: slow zoom, golden hour, ekspresi emosional.

Contoh prompt siap pakai:

In a realistic cinematic style, show a young woman wearing a peach hijab and sweater, playing a keyboard piano while singing a sad song at sunset on a hill overlooking Raja Ampat. The wind moves softly, the camera slowly zooms in on her expression, and the scene feels emotional yet peaceful. Maintain consistent character appearance, natural hand movements, realistic lighting, and smooth camera motion. No captions, logos, or watermarks.

Salin prompt yang sudah diperiksa untuk digunakan pada generator video. Untuk video dengan banyak adegan, buat prompt terpisah agar karakter dan suasana tetap konsisten.

02

Hasilkan Video di Google Flow atau Gemini

Buka Google Flow atau Gemini, lalu cari fitur pembuatan video jika tersedia pada akun Anda. Model video seperti Veo dapat digunakan melalui produk yang mendukungnya.

• ✓Pilih fitur pembuatan video dan tentukan rasio aspek jika tersedia, misalnya 9:16 untuk Shorts/Reels atau 16:9 untuk YouTube.
• ✓Tempel prompt dari ChatGPT, lalu atur opsi yang disediakan.
• ✓Jalankan generasi video dan tinjau hasilnya.
• ✓Jika gerakan, ekspresi, atau pencahayaan belum sesuai, perbaiki prompt dan coba kembali.

Catatan akses: Jangan menganggap semua akun harus memakai paket yang sama atau bahwa Gemini selalu hanya mendukung landscape. Ketersediaan model, orientasi video, kuota, dan langganan bergantung pada fitur serta kebijakan layanan saat digunakan.

03

Edit dan Gabungkan Klip di CapCut

Setelah video dibuat, buka CapCut untuk menyusun hasil menjadi video musik yang utuh.

• ✓Impor klip dari Flow atau Gemini.
• ✓Gabungkan klip sesuai urutan cerita dan irama musik.
• ✓Tambahkan musik berlisensi sesuai kebutuhan, efek, teks lirik, dan transisi.
• ✓Sesuaikan timing potongan video dengan ketukan lagu.
• ✓Ekspor versi sementara untuk proses lip-sync jika diperlukan.

Untuk hasil yang lebih alami, gunakan klip wajah yang terlihat jelas saat adegan bernyanyi.

04

Sinkronkan Bibir dengan Lagu di Sync.so

Agar karakter terlihat bernyanyi mengikuti audio, gunakan layanan Sync.so jika fitur lip-sync tersedia pada paket Anda.

• ✓Buka Sync.so dan masuk ke akun Anda.
• ✓Pilih fitur lip-sync yang tersedia.
• ✓Unggah video serta audio lagu yang berhak Anda gunakan.
• ✓Jalankan proses sinkronisasi dan tunggu hasilnya.
• ✓Unduh hasil, periksa kesesuaian bibir dan suara, lalu lakukan penyuntingan akhir jika perlu.

Penting: Batas durasi dan kuota lip-sync dapat berubah menurut paket. Angka “maksimal 1 menit per akun” dari artikel lama tidak digunakan sebagai ketentuan tetap. Jangan menggunakan wajah atau suara seseorang tanpa izin untuk membuat seolah-olah mereka menyanyikan sesuatu.

Tips agar Hasil Lebih Menarik

• ✓Gunakan karakter, pakaian, dan pencahayaan yang konsisten antaradegan.
• ✓Jaga durasi klip sesuai ritme musik dan kebutuhan platform.
• ✓Gunakan lagu dan aset yang memiliki izin publikasi.
• ✓Periksa kembali sinkronisasi suara, gerakan bibir, dan hasil ekspor sebelum mengunggah.

Kesimpulan

Membuat video musik AI kini dapat dilakukan melalui proses yang lebih sederhana: merancang ide dengan ChatGPT, menghasilkan klip menggunakan Flow atau Gemini, menyuntingnya di CapCut, dan menambahkan lip-sync dengan Sync.so.

AI membantu mempercepat proses produksi, tetapi ide, pilihan artistik, pemeriksaan hasil, dan tanggung jawab publikasi tetap berada di tangan kreator.

Selamat mencoba, bereksperimen, dan menghasilkan karya kreatif yang bermanfaat! 🚀

GURUUPGRADEID

Terus eksplorasi teknologi untuk menghasilkan karya edukatif dan kreatif yang bermakna.

Belajar • Berkarya • Berbagi • MenginspirasiInstagram • TikTok • YouTube
@guruupgradeid

Read More