Dasar PPLGSemester 1Pertemuan 11 · 1 Pertemuan × 5 JP (1 JP = 45 menit)
Proyek Web Statis
Modul ajar pertemuan 11 mata pelajaran Dasar PPLG: proyek web statis.
#proyek#web-statis#html-css-js
MODUL AJAR — Dasar PPLG
| Penyusun | (isi nama guru) |
| Jenjang | SMK |
| Sekolah | (isi nama sekolah) |
| Kelas/Semester | X / 1 (Ganjil) |
| Tahun Pelajaran | 2025/2026 |
| Fase | E |
| Elemen | Pemrograman Web Dasar (HTML/CSS/JS) |
| Kode Tujuan Pembelajaran | DP-E1.11 |
| Alokasi Waktu | 5 JP × 45 menit = 225 menit (1 pertemuan inti; lanjutan pengerjaan proyek dari Modul 08–10) |
1. Identitas Modul
| Komponen | Keterangan |
|---|---|
| Nama Penyusun | (isi nama guru) |
| Institusi | (isi nama sekolah) |
| Mata Pelajaran | Dasar PPLG (Dasar-dasar Program Keahlian PPLG) |
| Kelas/Semester | X / 1 (Ganjil) |
| Fase | E |
| Elemen | Pemrograman Web Dasar (HTML/CSS/JS) |
| Topik | Proyek halaman web statis/profil sederhana (HTML + CSS + JS) |
| Kode Tujuan Pembelajaran | DP-E1.11 |
| Tahun Pelajaran | 2025/2026 |
| Alokasi Waktu | 5 JP × 45 menit = 225 menit (1 pertemuan inti) |
2. Kompetensi Awal
Peserta didik diharapkan telah memiliki:
- Kemampuan membuat halaman HTML (Modul 08), menghias dengan CSS (Modul 09), dan menambah interaksi JavaScript (Modul 10).
- Pemahaman tahap perancangan produk dari Modul 01.
- Disiplin dan budaya kerja (tenggat) dari Modul 04 — observasi
04berlanjut.
3. Dimensi Profil Lulusan
Dimensi yang dikuatkan pada modul ini beserta implementasi konkretnya:
| Dimensi | Implementasi Konkret pada Modul Ini |
|---|---|
| Kreativitas | Merancang halaman yang personal, menarik, dan bermakna bagi diri sendiri |
| Kemandirian | Mengelola proyek dari konsep, pembangunan, pengujian, hingga presentasi |
| Kolaborasi | Memberi dan menerima umpan balik dalam review antarteman |
| Komunikasi | Memaparkan produk dan proses pembangunannya di depan audiens |
| Penalaran Kritis | Menguji dan memperbaiki kualitas produk berdasarkan temuan error dan review |
Observasi budaya kerja (tenggat tugas proyek) tetap dicatat di
04 - Instrumen Observasi Disposisi PPLG.mdBagian A.
4. Sarana dan Prasarana
- Lab komputer dengan VS Code, Live Server, DevTools, dan folder proyek peserta (hasil Modul 08–10).
- Proyektor/LCD dan ruang presentasi untuk demo produk.
- LKPD "Ceklis Proyek Web Statis" (Lampiran 1) — print sesuai jumlah peserta didik.
- Bahan bacaan peserta didik (Lampiran 4) — print sesuai jumlah peserta didik.
- Kartu Cek Kualitas (Lampiran 5) — print pada kertas tebal, gunting.
- Infografis Alur Proyek (Lampiran 6) — tayang atau print A3/A4.
- Lembar observasi proses (Lampiran 2) dan instrumen
04Bagian A. - Soal TKA terpadu dan kuis formatif beserta kunci (Lampiran 9 dan Bagian G.3).
- Rubrik sumatif proyek (Bagian G.3) — dibagikan dan dibahas di pendahuluan.
- (Opsional) Akun hosting statis gratis bila jaringan tersedia.
5. Target Peserta Didik
| Kategori | Layanan |
|---|---|
| Reguler | Seluruh peserta didik kelas X PPLG mengikuti alur utama pembelajaran |
| Pencapaian tinggi | Pengayaan: fitur ekstra (galeri, mode gelap, form dengan validasi), publikasi ke hosting statis |
| Kesulitan belajar | Pendampingan; template starter; ceklis bertahap; proyek difokuskan pada komponen inti |
6. Model Pembelajaran
| Aspek | Uraian |
|---|---|
| Pendekatan | Pembelajaran terdiferensiasi (progres proyek berbeda → layanan berbeda) |
| Model | Project Based Learning (PjBL) — produk nyata + presentasi |
| Metode | Finalisasi, pengujian, review antarteman, presentasi, refleksi |
| Media | VS Code + Live Server, DevTools, Kartu Cek Kualitas, infografis |
| Sumber belajar | Bahan bacaan lampiran, MDN Web Docs, W3Schools, rubrik proyek |
Daftar Isi