Modul Ajar Interaktif

Teknik Produksi Konten Multimedia dalam Bentuk Website Berbantuan Kecerdasan Artifisial

Mata Pelajaran: Koding dan Kecerdasan Artifisial

Kelas: X SMK | Alokasi Waktu: 2 Γ— 45 menit

Disusun oleh Ahmad Safrudin - SMKN 2 Palangka Raya

πŸ“‹ Perencanaan Pembelajaran (RPP Ringkas)

πŸŽ“ Capaian Pembelajaran

  • Literasi Digital: Peserta didik mampu menerapkan produksi dan diseminasi konten digital dalam bentuk sajian multimedia.
  • Pemanfaatan & Pengembangan Kecerdasan Artifisial: Peserta didik mampu menerapkan prompt engineering pada KA generatif, mengevaluasi konten berbasis KA, dan memahami AI system design melalui proses design thinking.

🎯 Tujuan Pembelajaran

  • Mindful: Berkesadaran dalam menggunakan AI
  • Meaningful: Pembelajaran bermakna dan kontekstual
  • Joyful: Proses belajar yang menyenangkan

πŸ”¬ Model & Metode

  • Model: Problem Based Learning
  • Metode: Diskusi Kelompok & Presentasi

⏰ Tahap Kegiatan Pembelajaran

Pendahuluan (15 menit)

Apersepsi, motivasi, dan penyampaian tujuan

Inti (60 menit)

Eksplorasi materi, diskusi, dan praktik

Penutup (15 menit)

Refleksi dan evaluasi pembelajaran

πŸŽ“ Indikator Pencapaian & Dimensi Profil Lulusan

Slide ini merangkum indikator ketercapaian pada pembelajaran serta pemetaan ke Dimensi Profil Lulusan agar proses belajar tetap mindful, meaningful, dan joyful.

βœ… Indikator Pencapaian

IP-1. Menjelaskan peran AI dalam produksi konten multimedia

Bukti: ringkasan konsep AI (Materi) & jawaban pemantik

IP-2. Merancang draft website berbantuan AI yang responsif

Bukti: hasil Mini Proyek (screenshot + link)

IP-3. Mengintegrasikan teks, gambar, dan video secara konsisten

Bukti: struktur halaman & konsistensi gaya

IP-4. Menunjukkan etika penggunaan AI (sitasi & verifikasi)

Bukti: catatan sumber & pernyataan penggunaan AI

IP-5. Melakukan refleksi 3–2–1 dan peer review

Bukti: jurnal reflektif & checklist peer review

🧭 Dimensi Profil Lulusan

Beriman & Berakhlak Berkebinekaan Global Gotong Royong Kreatif Bernalar Kritis Mandiri

Aktivitas: Mini Proyek Website Budaya Lokal

Dimensi: Kreatif, Bernalar Kritis, Mandiri

Aktivitas: Peer Review & Presentasi

Dimensi: Gotong Royong, Bernalar Kritis

Aktivitas: Etika Penggunaan AI

Dimensi: Beriman & Berakhlak, Mandiri

Aktivitas: Narasi Konteks Global (UMKM/Tren Industri)

Dimensi: Berkebinekaan Global, Kreatif

Catatan: Indikator dapat diukur melalui rubrik presentasi, kualitas prototipe, konsistensi gaya konten, kepatuhan etika AI, serta refleksi diri (3–2–1). Sesuaikan bobot dengan kebijakan sekolah.

🧠 Pertanyaan Pemantik & Asesmen Diagnostik

πŸ’‘ Pertanyaan Pemantik (Think–Pair–Share)

1) Bagaimana AI bisa membantu kamu membuat website portofolio yang β€œbercerita”?

2) Konten apa yang paling penting untuk ditampilkan agar relevan dengan dunia kerja?

3) Risiko apa jika memakai AI tanpa verifikasi? Bagaimana cara mencegahnya?

4) Jika targetnya UMKM lokal, strategi konten seperti apa yang kamu pilih?

βœ… Asesmen Diagnostik (Pra-belajar)

Q1. Tujuan utama β€œdiagnostik” sebelum pembelajaran adalah…

Q2. Elemen paling penting agar website portofolio β€œsiap kerja” adalah…

Q3. Praktik etis saat memakai AI dalam produksi konten adalah…

Interpretasi cepat: 0–1 = perlu penguatan konsep dasar; 2 = cukup; 3 = siap ke praktik.

πŸ“š Ringkasan Materi Pembelajaran

🎨 Apa itu Konten Multimedia?

πŸ“

Teks

πŸ–ΌοΈ

Gambar

🎡

Audio

🎬

Video

🌐

Website

πŸ€– Peran AI dalam Produksi Konten

πŸ”€ Text Generator

ChatGPT, Gemini untuk membuat konten tulisan

🎨 Image Generator

DALL-E, Midjourney untuk membuat gambar

πŸ—οΈ Website Builder

Wix ADI, Framer AI untuk membuat website

πŸ’» Code Assistant

GitHub Copilot, Replit AI untuk coding

πŸ“ˆ Tahap Pembelajaran

🧠
Memahami

Konsep dasar AI

⚑
Mengaplikasikan

Praktik langsung

πŸ’­
Merefleksikan

Evaluasi hasil

πŸ”‘ Kata Kunci Pembelajaran

✨ Kreativitas ⚑ Efisiensi 🀝 Kolaborasi 🧠 Penalaran Kritis

βœ… Asesmen Formatif

🎫 Exit Ticket

1 Hal Baru yang Dipelajari:
1 Hal yang Membingungkan:

πŸš€ Mini Proyek

Membuat Draft Website dengan AI
1

Pilih tema: Portofolio pribadi atau promosi produk lokal

2

Gunakan AI tool untuk membuat konten dan desain

3

Dokumentasikan proses dan hasil dalam bentuk screenshot

πŸ‘₯ Peer Review & Jurnal Reflektif 3-2-1

Peer Review Checklist:
Jurnal Reflektif 3-2-1:

3 hal yang dipelajari

2 hal yang menarik

1 pertanyaan yang muncul

🎀 Waktunya Presentasi Website!

✨ Saatnya Menunjukkan Hasil Website Kelompok

Presentasikan website yang telah kalian rancang bersama, mulai dari ide hingga hasil akhirnya!

πŸ“‹ Panduan Presentasi Website

1. Pembukaan (1 menit)

  • Perkenalkan anggota kelompok
  • Sampaikan tema dan tujuan website
  • Buat pembukaan yang menarik perhatian audiens

2. Isi Presentasi (3 menit)

  • Tunjukkan desain dan fitur utama website
  • Jelaskan bagaimana AI digunakan dalam proses pembuatan
  • Bagikan tantangan yang dihadapi dan solusi yang kalian temukan
  • Sampaikan potensi penerapan website di dunia nyata

3. Penutup & Tanya Jawab (1 menit)

  • Simpulkan poin-poin penting
  • Buka sesi tanya jawab singkat
  • Ucapkan terima kasih

πŸ’‘ Tips Presentasi Efektif

Yang Harus Dilakukan βœ…

  • Berbicara jelas dan percaya diri
  • Gunakan bahasa sederhana dan mudah dipahami
  • Tunjukkan website secara langsung (demo)
  • Libatkan audiens dengan pertanyaan
  • Gunakan contoh nyata dari fitur website

Yang Harus Dihindari ❌

  • Membaca teks mentah tanpa menjelaskan
  • Berbicara terlalu cepat atau terlalu pelan
  • Menunjukkan website dengan navigasi membingungkan
  • Menggunakan istilah teknis tanpa penjelasan
  • Melebihi waktu yang ditentukan

πŸ† Kriteria Penilaian

Konten

Relevansi & kelengkapan website

Penyampaian

Jelas, percaya diri, interaktif

Kolaborasi

Keterlibatan semua anggota

Kreativitas

Inovasi & estetika dalam website

πŸŽ‰ Selamat Presentasi!

Tunjukkan hasil kerja keras kelompokmu melalui demo website. Waktu presentasi maksimal 5 menit untuk setiap kelompok.

πŸ“ Asesmen Sumatif (5 Soal HOTS)

Fokus: Analisis, Evaluasi, dan Kreasi (C4-C6) dengan konteks nyata

πŸ’­ Ruang Refleksi Siswa

πŸ“ Catatan Pembelajaran

βœ… Apa yang Sudah Dikuasai?

🎯 Apa yang Perlu Diperbaiki?

πŸš€ Rencana Tindak Lanjut

⭐ Rating Pembelajaran Hari Ini

Tidak Menarik
Sangat Menarik

πŸŽ“

Terima Kasih!

Pembelajaran Website Berbantuan AI Selesai

✨ Pencapaian Anda

βœ…

Konsep Dipahami

Peran AI dalam produksi konten

βœ…

Website Berfungsi

Struktur, halaman, & fitur utama

βœ…

Aplikasi Dipraktikkan

Integrasi teks, gambar, dan etika AI

πŸš€ Langkah Selanjutnya

Lanjutkan perjalanan belajarmu dengan mengeksplor:

  • Responsif & aksesibilitas (mobile-first)
  • Optimasi performa (gambar & aset)
  • SEO dasar & meta tags
  • Konten portofolio yang kuat
  • Deploy ke GitHub Pages / Netlify
  • Integrasi formulir kontak sederhana
  • Analitik kunjungan (privacy-friendly)
  • Penerapan ke proyek UMKM lokal

Dikembangkan dengan ❀️ oleh:

Ahmad Safrudin

SMKN 2 Palangka Raya

Β© 2025 β€” Modul Ajar Interaktif: Koding & Kecerdasan Artifisial