Download Modul Ajar Pemrograman Web Kelas 11 PPLG Fase F Kurikulum Merdeka + ATP & LKPD Terdiferensiasi

Modul Ajar & ATP Pemrograman Web Kelas XI PPLG (Fase F) - Kurikulum Merdeka

Solusi Praktis Mengatasi Perbedaan Kemampuan Coding Siswa dengan Strategi Pembelajaran Terdiferensiasi.

ATP DAN MODUL PEMROGRAMAN WEB FASE F KELAS XI

Bapak/Ibu Guru Pemrograman Perangkat Lunak dan GIM (PPLG) atau Rekayasa Perangkat Lunak (RPL), apakah sering menghadapi tantangan ini di laboratorium komputer?

Tantangan Utama Guru Coding:
"Sebagian siswa sudah selesai membuat script web dalam waktu 15 menit, sementara sebagian siswa lainnya masih bingung membedakan tag <a href> dan <img src>."

Perbedaan kecepatan belajar (*learning pace*) dalam mata pelajaran Pemrograman Web Kelas XI SMK Fase F adalah hal yang wajar. Oleh karena itu, penerapan Pembelajaran Terdiferensiasi sangat krusial agar kelas tetap kondusif, interaktif, dan semua siswa terfasilitasi sesuai potensinya.


1. Solusi: Pembelajaran Terdiferensiasi Elemen Web Development

Dalam perangkat modul ajar yang kami bagikan kali ini (khususnya materi HTML Links, Media & Styling), kegiatan pembelajaran dibagi menjadi 3 kelompok utama berdasarkan hasil asesmen diagnostik awal:

Kelompok Siswa Fokus Pendekatan Bentuk Aktivitas LKPD
Slow Learner Guided Practice & Bimbingan Langsung Latihan sintaks dasar HTML, memasukkan gambar, dan link sederhana dengan panduan template (*fill in the blanks*).
Medium Learner Structured Practice Membuat halaman web profil sederhana menggabungkan navigasi link, gambar, dan pembentukan layout CSS dasar.
Fast Learner Problem Solving & Code Audit Tantangan Code Review (menemukan bug logika/sintaks) dan membuat Micro-Project dari nol tanpa referensi.

2. Contoh Studi Kasus LKPD (Kelompok Fast Learner - 2 JP)

Berikut adalah salah satu contoh lembar kerja interaktif yang ada dalam Modul Ajar Pemrograman Web untuk kelompok Fast Learner (dikembangkan oleh Bapak Ade Setiyawan, S.Kom. dari SMK Negeri 1 Jatiroto)[cite: 1]:

🎯 Tantangan 1: Code Review (Audit Kode HTML)[cite: 1]

Tugas Siswa: Temukan minimal 4 kesalahan sintaks/logika pada kode HTML di bawah ini, lalu tulis ulang kodenya hingga rapi dan benar![cite: 1]

<h1 style="color blue;">Profil Pahlawan</h1>
<p>Nama pahlawan ini adalah <b>Jenderal Sudirman</b>, ia memimpin perang <i/>gerilya</i/>.</p>
<p>Kunjungi museumnya di <a src="https://museum.com">Situs Ini</a>
<img href="foto-sudirman.jpg" alt="Foto Jenderal">
🔍 Klik di sini untuk melihat Kunci Jawaban & Analisis Kesalahan (Khusus Guru)
Letak Kesalahan pada Kode di Atas:[cite: 1]
  1. Atribut style salah penulisan: style="color blue;" seharusnya menggunakan titik dua style="color: blue;"[cite: 1].
  2. Penutupan tag miring salah: <i/>gerilya</i/> seharusnya <i>gerilya</i>[cite: 1].
  3. Atribut link salah: <a src="..."> seharusnya <a href="..."> serta tag penutup </p> belum ada[cite: 1].
  4. Atribut gambar salah: <img href="..."> seharusnya <img src="...">[cite: 1].

🎯 Tantangan 2: Micro-Project (Coding dari Nol)[cite: 1]

Siswa diminta membuat struktur HTML mini tanpa melihat referensi teks dengan ketentuan[cite: 1]:

  • Heading 2 (<h2>) dengan teks "Menu Favoritku" di posisi tengah (inline style)[cite: 1].
  • Gambar bakso.jpg dengan alt text "Semangkuk Bakso"[cite: 1].
  • Paragraf penjelasan yang berisi kata penting ber-tag <strong> dan link https://resep.com berwarna hijau[cite: 1].

3. Komponen Berkas Perangkat Ajar yang Akan Anda Dapatkan

Paket file yang dapat Bapak/Ibu unduh secara gratis ini berisi dokumen lengkap format Microsoft Word (.docx) & PDF yang siap di-edit sesuai kondisi sekolah masing-masing:

📄 Alur Tujuan Pembelajaran (ATP) Pemrograman Web Fase F
Pemetaan Capaian Pembelajaran (CP) ke Tujuan Pembelajaran (TP) selama 1 Tahun Ajaran.
📑 Modul Ajar Lengkap (Bab HTML, CSS, JavaScript, PHP & MySQL)
Dilengkapi Asesmen Diagnostik, Formatif, Sumatif, dan Rubrik Penilaian Portofolio.
📊 Slide Presentasi Pembelajaran & LKPD Praktikum (Terdiferensiasi)
Jobsheet siap cetak untuk kelompok Slow, Medium, dan Fast Learner.

📥 Link Download Berkas Modul Ajar & ATP

Silakan klik tombol di bawah ini untuk mengakses Google Drive resmi berisi folder berkas Pemrograman Web Kelas XI PPLG.

📁 Akses Berkas di Google Drive (Gratis)

*Catatan: Lisensi bebas digunakan untuk kepentingan pembelajaran di sekolah masing-masing.


💬 Ruang Diskusi Guru PPLG/RPL

Bagaimana Bapak/Ibu mengelola kelompok siswa Fast Learner di laboratorium komputer sekolah Bapak/Ibu? Apakah sering memberikan proyek tambahan atau menjadikannya tutor sebaya (*peer tutor*)?

Tuliskan pengalaman atau pertanyaan Anda di kolom komentar di bawah ya! Jangan lupa bagikan (*share*) artikel ini ke rekan-rekan guru MGMP PPLG/RPL lainnya jika dirasa bermanfaat.

Ade Setiyawan

kami adalah penggemar teknologi, pendidikan dan musik yang suka dengan membagi pengetahuan dan sharing sehingga akan menambah wawasan.

Posting Komentar

Silahkan isi komentar jika ada pertanyaan, saran atau kritik. Bantu kami untuk lebih berkembang.

Lebih baru Lebih lama