RENCANA PELAKSANAAN PEMBELAJARAN PEMROGRAMAN WEB

KELAS X SEMESTER 1

MATA PELAJARAN : Pemrograman Web

Bidang Keahlian : Teknologi Informasi & Komunikasi

Program Keahlian : Teknik Komputer dan Informatika

Kompetensi Keahlian : Rekayasa Perangkat Lunak (C3)

KELAS/SEMESTER : X/1

ALOKASI WAKTU : 730 JP (@ 45 Menit)

A. Kompetensi Inti
1. Menghayati dan mengamalkan ajaran agama yang dianutnya.
2. Menghayati dan Mengamalkan perilaku jujur, disiplin, tanggung jawab,
peduli (gotong royong, kerjasama, toleran, damai), santun, responsif dan
proaktif dan menunjukan sikap sebagai bagian dari solusi atas berbagai
permasalahan dalam berinteraksi secara efektif dengan lingkungan sosial
dan alam serta dalam menempatkan diri sebagai cerminan bangsa dalam
menempatkan diri sebagai cerminan bangsa dalam pergaulan dunia.
3. Memahami,menerapkan dan menganalisis pengetahuan faktual, konseptual
dan prosedural berdasarkan rasa ingintahunya tentang ilmu pengetahuan,
teknologi, seni, budaya, dan humaniora dalam wawasan kemanusiaan,
kebangsaan, kenegaraan, dan peradaban terkait penyebab fenomena dan
kejadian dalam bidang kerja yang spesifik untuk memecahkan masalah.
4. Mengolah, menalar, dan menyaji dalam ranah konkret dan ranah abstrak
terkait dengan pengembangan dari yang dipelajarinya di sekolah secara
mandiri, dan mampu melaksanakan tugas spesifik dibawah pengawasan
langsung.
B. Kompetensi Dasar
1. Memahami konsep teknologi aplikasi web.
2. Menyajikan pelbagai teknologi pengembangan aplikasi web.
3. Memahami format teks pada halaman web.
 4. Menyajikan teks dalam format tertentu pada halaman web.
5. Memahami format tabel pada halaman web.
6. Menyajikan tabel pada halaman web.
7. Memahami tampilan format multimedia pada halaman web.
8. Menyajikan tampilan format multimedia pada halaman web.
9. Memahami format kaitan pada halaman web.
10. Menyajikan format kaitan pada halaman web.
11. Menyajikan format kaitan pada halaman web.
12. Menyajikan formulir pada halaman web.
13. Memahami style pada halaman web.
14. Menyajikan style tertentu pada halaman web.
15. Memahami teknik pemrograman pada halaman web.
16. Menyajikan teknik-teknik dalam pemrograman web.
17. Memahami pengelolaan halaman web menggunakan kode program.
18. Menyajikan hasil pengelolaan halaman web menggunakan kode program.
C. Indikator Pencapaian Kompetensi
1. Memahami profesi dalam bidang Teknologi Informasi.
2. Memahami profesi dalam pengembangan aplikasi web.
3. Memahami sejarah web.
4. Memahami cara kerja web.
5. Menyajikan cara kerja web.
6. Memahami jenis-jenis format teks pada halaman web.
7. Memahami cara penyajian format teks pada halaman web.
8. Memahami jenis-jenisformat tabel pada halaman web.
9. Mampu menyajikan tabel pada halaman web.
10. Memahami jenis-jenis format multimedia pada halaman web.
11. Mampu menyajikan tampilan format multimedia pada halaman web.
12. Memahami fungsi dari jenis-jenis link dan hasilnya terhadapa halaman
web.
13. Mampu menyajikan tampilan format kaitan link pada halaman web.
14. Memahami jenis-jenis format formulir pada halaman web.
15. Mampu menampilkan format formulir pada halaman web.
 16. Memahami jenis-jenis style pada halaman web.
17. Mampu menyajikan berbagai jenis style pada halaman web.
18. Memahami teknik pemrograman client pada halaman web.
19. Mampu menyajikan teknik-teknik dasar pemrograman web client pada
halaman web.
20. Mampu mengelola input user pada formulir halaman web melalui kode
program dasar.
21. Mampu menyajikan hasil pengelolaan halaman web dengan menggunakan
kode program dasar.
D. Tujuan Pembelajaran
Setelah proses pembelajaran peserta didik dapat membuat website secara
online dan mampu mempromosikannya.
E. Materi Ajar
1. Profesi dalam pengembangan aplikasi web.
2. Sejarah dan cara kerja web.
3. Alur pengembangan aplikasi web.
4. Perangkat pengembangan aplikasi web.

5. Anatomi dokumen web.

6. Pemformatan teks dan paragraph.

7. Pembuatan list minimal.

8. Pembuatan list kombinasi.

9. Anatomi tabel minimal.

10. Tabel dengan spanning.

11. Tabel di dalam tabel.

12. Desain halaman web dengan konsep tabel.

13. Format tampilan gambar.

14. Format tampilan file audio.

15. Format tampilan file video dan animasi.

16. Format tampilan gambar dengan map.

17. Anatomi link.

18. Format link antar isi pada satu halaman web.

19. Format link antar halaman web untuk membentuk sitemap.

20. Format target link, email dan telepon.

21. Anatomi dan cara kerja form.

22. Format formulir.

23. Komponen entri teks (input teks password, dan input multiline) pada
formulir halaman web.

24. Komponen entri pilihan (input file, radio, checkbox, select dan datalist)
pada formulir halaman web.

25. Cara kerja dan anatomi Cascading Style Sheet.

26. Style pada teks.

27. Style pada multimedia.

28. Style pada tabel Style pada formulir.

29. Anatomi dan cara kerja kode javascript.

30. Dasar pemrograman client (variabel, tipe data, operator).

31. Array dimensi 1 dan multidimensi.

32. Struktur kontrol percabangan pada program client.

33. Struktur kontrol perulangan pada program client.

34. Fungsi bawaan dan buatan user pada program client.

35. Akses komponen form (proses dan validasi input).

 36. Navigasi halaman melalui kode program client.

37. Perubahan format style melalui kode progarm client.

F. Metode Pembelajaran

1. Metode Pembelajaran Saintifik

2. Metode Pembelajaran Simulasi/praktek
G. Kegiatan Pembelajaran
Pertemuan ke-1dan 2
Kegiatan Deskripsi Kegiatan Alokasi Waktu
Pendahuluan 1. Siswa merespon salam dan 30 Menit
pertanyaan dari guru berhubungan
dengan kondisi ,absensi
2. Sebagai apersepsi untuk mendorong
rasa ingin tahu dan berpikir kritis,
guru mengajukan pertanyaan
tentang website
3. Guru memotivasi siswa dengan
tayangan video tentang kesuksesan
webmaster
4. Siswa menerima informasi tentang
kompetensi, ruang lingkup materi,
tujuan, manfaat, dan langkah
pembelajaran serta metode yang
akan dilaksanakan.

Kegiatan Deskripsi Kegiatan Alokasi Waktu

Inti Mengamati 60 Menit
1. Cara kerja web
2. Penawaran layanan hosting
 30 Menit
Menanya
1. Mendiskusikan cara kerja web
2. Mendiskusikan hosting aplikasi web
30 Menit
Mengeksplorasi
1. Membandingkan pelbagai 40 Menit
penawaran hosting
2. Mengeksplorasi aplikasi-aplikasi
untuk pengembangan aplikasi web 30 Menit
Mengasosiasi
Menyimpulkan tentang cara kerja web,
hosting dan penggunaan aplikasi
pengembangan aplikasi web

Mengkomunikasikan
Menyampaikan hasil tentang cara kerja
web, perbandingan pelbagai layanan
hosting dan penggunaan aplikasi
pengembangan web.
Penutup 15 Menit
1. Siswa menyimpulkan materi yang
telah dipelajari.
2. Siswa merefleksi penguasaan materi
yang telah dipelajari dengan
membuat catatan penguasaan materi.
3. Guru memberikan tugas mandiri
sebagai pelatihan keterampilan.
4. Siswa mendengarkan arahan guru
untuk materi pada pertemuan
berikutnya.
Pertemuan Ke-3 dan 4
Kegiatan Deskripsi Kegiatan Alokasi Waktu
Pendahuluan 1. Siswa merespon salam dan 30 Menit
pertanyaan dari guru berhubungan
dengan kondisi dan absensi.
2. Sebagai apersepsi untuk
mendorong rasa ingin tahu dan
berpikir kritis, guru mengajukan
pertanyaan tentang materi
pertemuan sebelumnya.
3. Guru memotivasi siswa untuk
menjadi seorang webmaster
4. Siswa menerima informasi tentang
materi anatomi dokumen website.

Kegiatan Deskripsi Kegiatan Alokasi Waktu

Inti Mengamati 60 Menit
Pelbagai jenis format teks dan hasilnya
terhadap halaman web
30 Menit
Menanya
1. Mendiskusikan pelbagai tampilan
format teks pada halaman web
2. Mendiskusikan penerapan format
teks yang sesuai dari suatu halaman 20 Menit
web

Mengeksplorasi
1. Eksplorasi pelbagai jenis format 20 Menit
teks
2. Eksperimen penerapan format teks
yang sesuai dari suatu halaman web
 Mengasosiasi
1. Menganalisa hubungan antara 15 Menit
format teks dengan halaman web
yang dihasilkan
2. Menganalisa kemiripan hasil
penerapan format teks dengan
halaman web aslinya
3. Menyimpulkan penerapan format
teks pada halaman web

Mengkomunikasikan
Menyampaikan hasil diskusi kelompok
tentang pemecahan masalah
menggunakan pelbagai format teks
Penutup 15 Menit
1. Siswa menyimpulkan materi yang
telah dipelajari.
2. Siswa merefleksi penguasaan materi
yang telah dipelajari dengan
membuat catatan penguasaan
materi.
3. Guru memberikan tugas mandiri
sebagai pelatihan keterampilan.
4. Siswa mendengarkan arahan guru
untuk materi pada pertemuan
berikutnya.

Pertemuan Ke-5 dan 6

Kegiatan Deskripsi Kegiatan Alokasi Waktu
Pendahuluan 1. Siswa merespon salam dan 30 Menit
pertanyaan dari guru berhubungan
dengan kondisi dan absensi.
 2. Sebagai apersepsi untuk
mendorong rasa ingin tahu dan
berpikir kritis, guru mengajukan
pertanyaan tentang materi
pertemuan sebelumnya.
3. Guru memotivasi siswa untuk
menjadi seorang webmaster.
4. Siswa menerima informasi tentang
materi anatomi tabel minimal.

Kegiatan Deskripsi Kegiatan Alokasi Waktu

Inti Mengamati 60 Menit
1. Pelbagai jenis format tabel dan
hasilnya terhadap halaman web
2. Desain layout dalam format tabel
untuk suatu halaman web 30 Menit
Menanya
1. Mendiskusikan pelbagai tampilan
format tabel dalam halaman web
2. Mendiskusikan desain layout suatu 20 Menit
halaman web dalam format tabel

Mengeksplorasi
1. Eksplorasi pelbagai tampilan format 40 Menit
tabel pada halaman web
2. Eksperimen desain layout suatu
halaman web dengan format tabel

Mengasosiasi
1. Menganalisa hubungan antara
format tabel dengan tampilannya 30 Menit
pada halaman web
 2. Menganalisa format tabel untuk
mendapatkan desain layout halaman
web yang sesuai
3. Menyimpulkan penerapan format
tabel pada halaman web

Mengkomunikasikan
Menyampaikan hasil pengamatan dan
percobaan pelbagai format tabel pada
halaman web

Penutup 30 Menit
1. Siswa menyimpulkan materi yang
telah dipelajari.
2. Siswa merefleksi penguasaan materi
yang telah dipelajari dengan
membuat catatan penguasaan
materi.
3. Guru memberikan tugas mandiri
sebagai pelatihan keterampilan.
4. Siswa mendengarkan arahan guru
untuk materi pada pertemuan
berikutnya.

Pertemuan Ke-7 dan 8

Kegiatan Deskripsi Kegiatan Alokasi Waktu
Pendahuluan 1. Siswa merespon salam dan 30 Menit
pertanyaan dari guru berhubungan
dengan kondisi dan absensi.
2. Sebagai apersepsi untuk mendorong
rasa ingin tahu dan berpikir kritis,
guru mengajukan pertanyaan
tentang materi pertemuan
 sebelumnya.
3. Guru memotivasi siswa untuk
menjadi seorang webmaster.
4. Siswa menerima informasi tentang
materi format multimedia pada
halaman web.

Kegiatan Deskripsi Kegiatan Alokasi Waktu

Inti Mengamati 60 Menit
Pelbagai tampilan format multimedia
pada halaman web
30 Menit
Menanya
Mendiskusikan pelbagai tampilan
format multimedia dalam halaman web 20 Menit

Mengeksplorasi
Eksplorasi pelbagai tampilan format 40 Menit
multimedia pada halaman web

Mengasosiasi
1. Menganalisa hubungan antara 30 Menit
format multimedia dengan
tampilannya pada halaman web
2. Menyimpulkan penerapan
multimedia pada halaman web

Mengkomunikasikan
Menyampaikan hasil pengamatan dan
percobaan pelbagai format multimedia
pada halaman web
 Penutup 30 Menit
1. Siswa menyimpulkan materi yang
telah dipelajari.
2. Siswa merefleksi penguasaan materi
yang telah dipelajari dengan
membuat catatan penguasaan
materi.
3. Guru memberikan tugas mandiri
sebagai pelatihan keterampilan.
4. Siswa mendengarkan arahan guru
untuk materi pada pertemuan
berikutnya.

Pertemuan Ke-9 dan 10

Kegiatan Deskripsi Kegiatan Alokasi Waktu
Pendahuluan 1. Siswa merespon salam dan 30 Menit
pertanyaan dari guru berhubungan
dengan kondisi dan absensi.
2. Sebagai apersepsi untuk mendorong
rasa ingin tahu dan berpikir kritis,
guru mengajukan pertanyaan
tentang materi pertemuan
sebelumnya.
3. Guru memotivasi siswa untuk
menjadi seorang webmaster.
4. Siswa menerima informasi tentang
materi format link pada halaman
web.

Kegiatan Deskripsi Kegiatan Alokasi Waktu

Inti Mengamati 60 Menit
Pelbagai jenis link dan hasilnya
terhadap halaman web
 Menanya 30 Menit
Mendiskusikan pelbagai tampilan
format link dalam halaman web

Mengeksplorasi
20 Menit
Eksplorasi pelbagai tampilan format
link pada halaman web

Mengasosiasi
1. Menganalisa hubungan antara 40 Menit
sitemap dengan hyperlink
2. Menyimpulkan penerapan format
link pada halaman web

Mengkomunikasikan
Menyampaikan hasil pengamatan dan 30 Menit
percobaan pelbagai format link pada
halaman web
Penutup 30 Menit
1. Siswa menyimpulkan materi yang
telah dipelajari.
2. Siswa merefleksi penguasaan materi
yang telah dipelajari dengan
membuat catatan penguasaan
materi.
3. Guru memberikan tugas mandiri
sebagai pelatihan keterampilan.
4. Siswa mendengarkan arahan guru
untuk materi pada pertemuan
berikutnya.

Pertemuan Ke-11 dan 12

Kegiatan Deskripsi Kegiatan Alokasi Waktu
Pendahuluan 1. Siswa merespon salam dan 30 Menit
pertanyaan dari guru berhubungan
dengan kondisi dan absensi.
2. Sebagai apersepsi untuk mendorong
rasa ingin tahu dan berpikir kritis,
guru mengajukan pertanyaan
 tentang materi pertemuan
sebelumnya.
3. Guru memotivasi siswa untuk
menjadi seorang webmaster.
4. Siswa menerima informasi tentang
materi format formulir pada
halaman web.

Kegiatan Deskripsi Kegiatan Alokasi Waktu

Inti Mengamati 60 Menit
Pelbagai jenis format formulir dan
tampilannya terhadap halaman web

Menanya
30 Menit
Mendiskusikan pelbagai tampilan
format formulir dan komponen-
komponennya pada halaman web

Mengeksplorasi 20 Menit
1. Eksplorasi pelbagai jenis format
formulir
2. Eksplorasi pelbagai komponen-
komponen pada formulir

Mengasosiasi 40 Menit
Menyimpulkan tentang format formulir
dan pelbagai komponen pada halaman
web

Mengkomunikasikan
Menyampaikan hasil percobaan dan 30 Menit
pengamatan pelbagai format dan
komponen-komponen formulir pada
halaman web

Penutup 30 Menit
1. Siswa menyimpulkan materi yang
telah dipelajari.
2. Siswa merefleksi penguasaan materi
yang telah dipelajari dengan
membuat catatan penguasaan
 materi.
3. Guru memberikan tugas mandiri
sebagai pelatihan keterampilan.
4. Siswa mendengarkan arahan guru
untuk materi pada pertemuan
berikutnya.

Pertemuan Ke-13 dan 14

Kegiatan Deskripsi Kegiatan Alokasi Waktu
Pendahuluan 1. Siswa merespon salam dan 30 Menit
pertanyaan dari guru berhubungan
dengan kondisi dan absensi.
2. Sebagai apersepsi untuk mendorong
rasa ingin tahu dan berpikir kritis,
guru mengajukan pertanyaan
tentang materi pertemuan
sebelumnya.
3. Guru memotivasi siswa untuk
menjadi seorang webmaster.
4. Siswa menerima informasi tentang
materi format style pada halaman
web.

Kegiatan Deskripsi Kegiatan Alokasi Waktu

Inti Mengamati 60 Menit
Pelbagai jenis style dan tampilannya
pada halaman web

Menanya
30 Menit
Mendiskusikan pelbagai tampilan style
pada halaman web

Mengeksplorasi
1. Eksplorasi pelbagai jenis style 20 Menit
2. Eksperimen penerapan style yang
sesuai dari suatu halaman web
 Mengasosiasi 40 Menit
1. Menganalisa hubungan antara style
dengan halaman web yang
dihasilkan
2. Menganalisa kemiripan hasil
penerapan style dengan halaman
web aslinya
3. Menyimpulkan penerapan style
pada halaman web

Mengkomunikasikan
30 Menit
Menyampaikan hasil diskusi kelompok
tentang pemecahan masalah
menggunakan pelbagai style pada
halaman web
Penutup 30 Menit
1. Siswa menyimpulkan materi yang
telah dipelajari.
2. Siswa merefleksi penguasaan materi
yang telah dipelajari dengan
membuat catatan penguasaan
materi.
3. Guru memberikan tugas mandiri
sebagai pelatihan keterampilan.
4. Siswa mendengarkan arahan guru
untuk materi pada pertemuan
berikutnya.

Pertemuan Ke-15 dan 16

Kegiatan Deskripsi Kegiatan Alokasi Waktu
Pendahuluan 1. Siswa merespon salam dan 30 Menit
pertanyaan dari guru berhubungan
dengan kondisi dan absensi.
2. Sebagai apersepsi untuk mendorong
rasa ingin tahu dan berpikir kritis,
guru mengajukan pertanyaan
tentang materi pertemuan
sebelumnya.
 3. Guru memotivasi siswa untuk
menjadi seorang webmaster.
4. Siswa menerima informasi tentang
materi anatomi dan cara kerja kode
java script.

Kegiatan Deskripsi Kegiatan Alokasi Waktu

Inti Mengamati 60 Menit
1. Teknologi pemrograman client pada
halaman web
2. Teknik dasar pemrograman client
pada halaman web

Menanya 30 Menit
Mendiskusikan teknik dasar
pemrograman client pada halaman web

Mengeksplorasi
20 Menit
Eksperimen pelbagai teknik dasar
pemrograman client pada halaman web

Mengasosiasi
1. Menganalisa hubungan antara 40 Menit
program client dengan halaman web
2. Menyimpulkan penerapan
pemrograman pada halaman web

Mengkomunikasikan
Menyampaikan hasil pengamatan dan 30 Menit
percobaan pelbagai teknik
pemrograman client pada halaman web
Penutup 30 Menit
1. Siswa menyimpulkan materi yang
telah dipelajari.
2. Siswa merefleksi penguasaan materi
yang telah dipelajari dengan
membuat catatan penguasaan
materi.
3. Guru memberikan tugas mandiri
sebagai pelatihan keterampilan.
4. Siswa mendengarkan arahan guru
 untuk materi pada pertemuan
berikutnya.

Pertemuan Ke-17 dan 18

Kegiatan Deskripsi Kegiatan Alokasi Waktu
Pendahuluan 1. Siswa merespon salam dan 30 Menit
pertanyaan dari guru berhubungan
dengan kondisi dan absensi.
2. Sebagai apersepsi untuk mendorong
rasa ingin tahu dan berpikir kritis,
guru mengajukan pertanyaan
tentang materi pertemuan
sebelumnya.
3. Guru memotivasi siswa untuk
menjadi seorang webmaster.
4. Siswa menerima informasi tentang
materi pengolahan input user pada
formulir melalui program.

Kegiatan Deskripsi Kegiatan Alokasi Waktu

Inti Mengamati 60 Menit
Pengolahan input user pada formulir
melalui program

Menanya
30 Menit
Mendiskusikan pengolahan input user
pada formulir halaman web

Mengeksplorasi
Eksperimen pengolahan input user pada 20 Menit
formulir halaman web

Mengasosiasi
1. Menganalisa pengolahan input user
40 Menit
pada formulir disesuaikan dengan
output yang diharapkan
2. Menyimpulkan penerapan
pengolahan input user dalam
 membuat aplikasi web
Mengkomunikasikan
Menyampaikan hasil pengamatan dan
percobaan pelbagai format tabel pada 30 Menit
halaman web
Penutup 30 Menit
1. Siswa menyimpulkan materi yang
telah dipelajari.
2. Siswa merefleksi penguasaan materi
yang telah dipelajari dengan
membuat catatan penguasaan
materi.
3. Guru memberikan tugas mandiri
sebagai pelatihan keterampilan.
4. Siswa mendengarkan arahan guru
untuk materi pada pertemuan
berikutnya.