Scribd
Unggah
55 tayangan4 halaman

Modul Ajar - Pemrograman Web

Modul Ajar_Pemrograman Web

Diunggah oleh

SD PASIRHUNI II
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
55 tayangan4 halaman

Modul Ajar - Pemrograman Web

Modul Ajar_Pemrograman Web

Diunggah oleh

SD PASIRHUNI II
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 4

# Modul Ajar Pemrograman Web

## INFORMASI UMUM

**Nama Sekolah:** [Nama Sekolah Anda]


**Mata Pelajaran:** Pemrograman Web
**Fase:** Fase 4
**Elemen:** Pemrograman Dasar
**Capaian Pembelajaran:** Siswa dapat memahami dan menerapkan dasar-dasar
pemrograman web menggunakan HTML, CSS, dan JavaScript.
**Materi Pokok:** Pengenalan HTML, CSS, dan JavaScript; Membuat halaman web
sederhana.
**Alokasi Waktu:** 10 jam pelajaran
**Kompetensi Awal:** Siswa telah memiliki pemahaman dasar tentang komputer dan
internet.
**Profil Pelajar Pancasila:** Kreatif, mandiri, berani, dan peduli lingkungan.
**Sarana dan Prasarana:** Komputer/laptop, koneksi internet, proyektor, software
pemrograman (code editor).
**Target Peserta Didik:** Siswa kelas X SMA/SMK.
**Model Pembelajaran:** Problem-Based Learning (PBL).
**Moda Pembelajaran:** Tatap muka dan daring.
**Metode Pembelajaran:** Diskusi, demonstrasi, praktikum.

## KOMPETENSI INTI

1. Menghargai dan menghayati ajaran agama yang dianut.


2. Menghargai dan menghayati perilaku jujur, disiplin, tanggung jawab, santun,
peduli, dan percaya diri dalam berinteraksi dengan lingkungan sosial.
3. Menghargai dan menghayati keanekaragaman budaya, pandangan, dan agama
dalam masyarakat global.
4. Mengolah informasi dalam ranah konkret dan ranah abstrak dengan cara menalar
dan mencipta.
5. Menerapkan pengetahuan faktual dalam bidang akademik dan non-akademik.
## TUJUAN PEMBELAJARAN

1. Siswa dapat menjelaskan konsep dasar HTML, CSS, dan JavaScript.


2. Siswa dapat membuat halaman web sederhana menggunakan HTML.
3. Siswa dapat menerapkan CSS untuk mempercantik tampilan halaman web.
4. Siswa dapat menggunakan JavaScript untuk menambah interaktivitas pada
halaman web.

## PEMAHAMAN BERMANFAAT

Pemrograman web merupakan keterampilan yang penting di era digital saat ini.
Dengan memahami dasar-dasar pemrograman web, siswa akan mampu
menciptakan konten digital yang dapat digunakan dalam berbagai bidang, baik untuk
pendidikan, bisnis, maupun hobi.

## PERTANYAAN PEMANTIK

- Apa yang dimaksud dengan pemrograman web?


- Mengapa penting untuk mempelajari HTML, CSS, dan JavaScript?
- Bagaimana cara kerja sebuah halaman web di internet?

## KEGIATAN PEMBELAJARAN

### KEGIATAN PENDAHULUAN (2 jam)

1. **Ice Breaking:** Diskusi tentang pengalaman siswa menggunakan situs web.


2. **Penyampaian Tujuan Pembelajaran:** Menjelaskan apa yang akan dipelajari
selama modul ini.
3. **Pemberian Motivasi:** Menunjukkan contoh situs web yang menarik dan
bagaimana siswa dapat membuatnya.

### KEGIATAN INTI (6 jam)

1. **Pengenalan HTML (2 jam)**


- Materi: Struktur dasar HTML, tag-tag penting.
- Praktikum: Membuat halaman HTML sederhana.

2. **Pengenalan CSS (2 jam)**


- Materi: Penggunaan CSS untuk styling.
- Praktikum: Menerapkan CSS pada halaman HTML yang telah dibuat.

3. **Pengenalan JavaScript (2 jam)**


- Materi: Dasar-dasar JavaScript dan penggunaannya.
- Praktikum: Menambahkan interaktivitas menggunakan JavaScript.

### KEGIATAN PENUTUP DAN REFLEKSI PESERTA DIDIK (2 jam)

1. **Presentasi:** Siswa mempresentasikan hasil karya halaman web yang telah


dibuat.
2. **Refleksi:** Diskusi tentang apa yang telah dipelajari dan tantangan yang
dihadapi.
3. **Tanya jawab:** Memfasilitasi tanya jawab seputar materi yang telah dipelajari.

## REFLEKSI GURU

- Apa yang berjalan dengan baik selama pembelajaran?


- Apa tantangan yang dihadapi dan bagaimana mengatasinya?
- Bagaimana respon siswa terhadap materi yang diajarkan?

## PENGAYAAN DAN REMEDIAL

### Pengayaan

- Mendorong siswa untuk menambahkan fitur tambahan pada proyek mereka,


seperti form kontak atau galeri gambar.
- Mengarahkan siswa untuk membaca lebih lanjut tentang framework CSS seperti
Bootstrap.
### Remedial

- Mengadakan sesi tambahan bagi siswa yang mengalami kesulitan dalam


memahami materi.
- Memberikan latihan tambahan dan panduan lebih mendetail untuk siswa yang
membutuhkan.

## LAMPIRAN

- Contoh kode HTML, CSS, dan JavaScript.


- Daftar referensi buku dan situs web untuk belajar lebih lanjut.
- Rubrik penilaian proyek halaman web siswa.

---

Modul ini dapat disesuaikan lebih lanjut sesuai dengan kebutuhan dan konteks
pembelajaran di sekolah Anda.

Anda mungkin juga menyukai