Dasar PPLGSemester 2Pertemuan 8 · 1 Pertemuan × 5 JP (1 JP = 45 menit)
Output HTML Dinamis
Modul ajar pertemuan 8 mata pelajaran Dasar PPLG: output html dinamis.
#php#html-dinamis#looping-html#tabel-dinamis
MODUL AJAR — Dasar PPLG
| Penyusun | (isi nama guru) |
| Jenjang | SMK |
| Sekolah | (isi nama sekolah) |
| Kelas/Semester | X / 2 (Genap) |
| Tahun Pelajaran | 2025/2026 |
| Fase | E |
| Elemen | Pemrograman Terstruktur (PHP) |
| Kode Tujuan Pembelajaran | DP-E2.8 |
| Alokasi Waktu | 5 JP × 45 menit = 225 menit (1 pertemuan) |
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 / 2 (Genap) |
| Fase | E |
| Elemen | Pemrograman Terstruktur (PHP) |
| Topik | Output HTML dinamis: menampilkan data PHP ke HTML, tabel dinamis, sintaks alternatif |
| Kode Tujuan Pembelajaran | DP-E2.8 |
| Tahun Pelajaran | 2025/2026 |
| Alokasi Waktu | 5 JP × 45 menit = 225 menit (1 pertemuan) |
2. Kompetensi Awal
Peserta didik diharapkan telah memiliki:
- Kemampuan menulis HTML dan CSS dasar (Modul DP-E1.8–1.11).
- Kemampuan menulis variabel, array, perulangan, fungsi, dan form PHP (Modul DP-E2.1–2.7).
- Pemahaman PHP interleaved dengan HTML (Modul DP-E2.1).
- Disiplin dan budaya kerja dari Modul DP-E1.4 (observasi
04berlanjut).
3. Dimensi Profil Lulusan
Dimensi yang dikuatkan pada modul ini beserta implementasi konkretnya:
| Dimensi | Implementasi Konkret pada Modul Ini |
|---|---|
| Penalaran Kritis | Merancang struktur tampilan (tabel/daftar) dari data array |
| Kemandirian | Menyusun halaman dinamis utuh tanpa bantuan |
| Kolaborasi | Berbagi tampilan hasil dan saling menilai kerapian |
| Komunikasi | Menjelaskan cara data PHP tampil sebagai HTML di browser |
Observasi budaya kerja (tenggat tugas praktik) tetap dicatat di
04 - Instrumen Observasi Disposisi PPLG.mdBagian A.
4. Sarana dan Prasarana
- Lab komputer dengan XAMPP/Laragon terpasang.
- Proyektor/LCD untuk demo output dinamis dan perbandingan view-source.
- Kartu Template (Lampiran 5) — print pada kertas tebal, gunting.
- LKPD "Menyajikan Data dengan HTML Dinamis" (Lampiran 1) — print sesuai jumlah peserta didik.
- Bahan bacaan peserta didik (Lampiran 4) — print sesuai jumlah peserta didik.
- Infografis "Output Dinamis" (Lampiran 6) — tayang atau print A3/A4.
- Lembar observasi praktik (Lampiran 2) dan instrumen
04Bagian A. - Soal kuis formatif dan soal TKA sumatif beserta kunci (Lampiran 9 dan Bagian G.3).
- File contoh
output.php,tabel.php(untuk demonstrasi) di repositori guru.
5. Target Peserta Didik
| Kategori | Layanan |
|---|---|
| Reguler | Seluruh peserta didik kelas X PPLG mengikuti alur utama pembelajaran |
| Pencapaian tinggi | Pengayaan: sintaks alternatif (:/endif), template terpisah, tabel + CSS |
| Kesulitan belajar | Pendampingan; kartu template; analogi cetak dokumen; latihan bertahap |
6. Model Pembelajaran
| Aspek | Uraian |
|---|---|
| Pendekatan | Pembelajaran terdiferensiasi (yang cepat eksplorasi sintaks alternatif; yang lambat fokus echo + foreach tabel) |
| Model | Code-along dipadukan simulasi "cetak dokumen" (data → tampilan) |
| Metode | Demonstrasi, praktik langsung, review view-source, review pasangan, refleksi |
| Media | VS Code + XAMPP/Laragon, browser, Kartu Template, infografis |
| Sumber belajar | Bahan bacaan lampiran, PHP.net, W3Schools PHP |
Daftar Isi