Panduan Membuat Aplikasi Pendidikan di Canva Coding

1️⃣ Konsep Dulu (PENTING)

Sebelum buka Canva, tentukan:

• 🎯 Tujuan aplikasi
  → Belajar Online, Modul PDF, Video, Kelas, atau Link Tools

• 👤 Target
  → Siswa, Guru, Umum

• 📱 Akses
  → HP saja atau Web + HP

💡 Canva cocok untuk Front-End Edukasi (tampilan & navigasi).

2️⃣ Masuk Canva & Buat Website

1. Buka 👉 https://www.canva.com

2. Login

3. Pilih Website

4. Cari template:

   • “Education Website”

   • “Online Course”

   • “Learning App”

Klik Customize

3️⃣ Struktur Aplikasi Pendidikan (Wajib)

Susun halaman seperti ini 👇

🏠 Home

• Nama aplikasi

• Deskripsi singkat

• Tombol:

  • Mulai Belajar

  • Masuk Kelas

📚 Materi

• Materi 1 – PDF / Video

• Materi 2 – Modul

• Materi 3 – Quiz (link)

👉 Setiap tombol Link ke:

• Google Drive

• YouTube

• Google Form

• LMS lain

🧠 Quiz & Tugas

• Tombol ke:

  • Google Form

  • Quizizz

  • Kahoot

• Bisa embed link langsung

👨‍🏫 Tentang Tutor

• Foto pengajar

• Profil singkat

• Tombol:

  • WhatsApp

  • Telegram

  • Email

📞 Kontak

• WhatsApp

• Link Group Kelas

• Instagram / TikTok Edukasi

4️⃣ “Coding” di Canva (Versi Canva)

Canva tidak pakai coding asli, tapi:

• Button → Link = Logic

• Section → Page Flow

• Scroll → App-like UX

💡 Anggap:

• Button = function()

• Link = route

• Section = component

5️⃣ Tambahkan Fitur Edukasi

🔥 Fitur yang sering dipakai:

• 📂 Modul Download (Drive)

• 🎥 Video Pembelajaran

• 📝 Quiz Online

• 🔔 Info Pengumuman

• 📅 Jadwal Belajar

Semua cukup pakai LINK

6️⃣ Publish Jadi “Aplikasi”

1. Klik Share

2. Pilih Website

3. Mode: Scrolling

4. Publish

Link contoh:

https://belajarpintar.my.canva.site

7️⃣ Jadikan Seperti APK (Opsional)

Kalau mau rasa APP:

• Buka link Canva di HP

• Klik Add to Home Screen

• Ikon muncul seperti aplikasi 😎

🚀 Cocok Untuk:

• Sekolah & SMK

• Tutor Online (Chat Tutor Style 😉)

• Kelas Privat

• Edukasi AI, Coding, Digital

🔥 Upgrade Level (NEXT STEP)

Kalau mau lebih PRO:

• Canva → Landing Page

• Google Form → Login

• Google Drive → Materi

• WhatsApp Bot → Support

• (Advanced) Hubungkan ke Web App