RENCANA PELAKSANAAN PEMBELAJARAN
(RPP)
Nama Sekolah : SMK Mandiri
Mata Pelajaran : Pemrograman Web
Kompetensi Keahlian :
Kelas / Semester :X/I
Tahun Pelajaran : 2017/2018
Alokasi waktu : 2 x 45 Menit (1 x pertemuan)
A. Kompetensi Inti
3. Memahami, menerapkan dan menganalisis pengetahuan faktual, konseptual,
dan prosedural berdasarkan rasa ingin tahunya 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 di bawah pengawasan
langsung.
B. Kompetensi Dasar
3.3 Memahami format tabel pada halaman web
4.3 Menyajikan tabel pada halaman web
C. Indikator Pencapaian Kompetensi
3.3.1. Menjelaskan Anatomi tabel minimal
3.3.2. Menjelaskan tabel dengan spanning serta tabel didalam tabel berdasarkan
tag yang diberikan
3.3.3. Merancang desain halaman web dengan konsep tabel
4.3.1. Membuat tabel minimal seperti contoh yang diberikan
4.3.2. Membuat tabel dengan spanning serta tabel dalam tabel
4.3.3. Mendesain halaman web dengan konsep tabel menggunakan tag yang
sesuai
D. Tujuan Pembelajaran
[Link]. Setelah berdiskusi dan mencari informasi, diharapkan peserta didik
dapat menjelaskan Anatomi tabel minimal dengan percaya diri dan
bertanggung jawab
[Link]. Setelah berdiskusi dan mencari informasi, diharapkan peserta didik
mampu menjelaskan tabel dalam tabel dan spanning berdasarkan tag
yang digunakan dengan percaya diri dan bertanggung jawab
[Link]. Setelah berdiskusi dan mencari informasi, diharapkan peserta didik
mampu merancang desain halaman web dengan konsep tabel dengan
percaya diri dan bertanggung jawab.
[Link]. Disediakan beberapa model tabel, peserta didik diharapkan mampu
membuat tabel menggunakan tag yang sesuai dengan percaya diri
[Link]. Disediakan beberapa tag html, peserta didik diharapkan mampu
membuat tabel spanning dan tabel dalam tabel.
[Link]. Disediakan beberapa desain halaman web, peserta didik diharapkan
mampu membuat desain halaman web dengan konsep tabel
menggunakan tag yang sesuai.
E. Materi Pembelajaran
Format Tabel Halaman Web
a. Anatomi tabel minimal
b. Tabel dengan spanning
c. Tabel di dalam tabel
d. Desain halaman web dengan konsep tabel
F. Model dan Metode Pembelajaran
Pendekatan : Saintifik
Model : Problem Based Learning
Metode : Tanya jawab, Diskusi, Presentasi, Penugasan
G. Kegiatan Pembelajaran
Pertemuan Ke ......
Alokasi
Kegiatan Deskripsi Kegiatan
Waktu
Pendahuluan a. Salam Pembuka dan berdoa untuk memulai 15 Menit
pembelajaran
b. Mengecek kehadiran peserta didik
c. Mengajukan pertanyaan yang terkait dengan
materi yang akan dipelajari
d. Menyampaikan manfaat materi pembelajaran
dengan kehidupan sehari-hari
e. Menyampaikan kompetensi dan lingkup materi
yang akan dicapai peserta didik
f. Menyampaikan rencana kegiatan pembelajaran
yaitu diskusi, tanya jawab dan presentasi
g. Menyampaikan rencana penilaian yaitu
penilaian pengetahuan, keterampilan dan
observasi sikap peserta didik
Inti Orientasi peserta didik pada masalah/Fase 1 45 Menit
a. Peserta didik mengamati berbagai jenis format
tabel dan hasilnya terhadap halaman web
b. Peserta didik mengamati desain layout dalam
format tabel untuk suatu halaman web
c. Menanyakan hasil pengamatan peserta didik
terhadap berbagai jenis format tabel dan desain
layout dalam format tabel
Mengorganisasikan peserta didik untuk
belajar/Fase 2
a. Peserta didik mendiskusikan berbagai jenis
format tabel dan hasilnya terhadap halama
web
b. Peserta didik mendiskusikan desain layout suatu
halaman web dalam format tabel
c. Guru mengarahkan time schedule pembuatan
halaman web dengan konsep tabel
d. Peserta didik mendiskusikan target pencapaian
tiap tahapan pembuatan halaman web
Membimbing penyelidikan individu dan
kelompok/Fase 3
a. Peserta didik mengumpulkan informasi tentang
tampilan format tabel pada halaman web serta
tag yang sesuai yang dapat digunakan
b. Peserta didik mengumpulkan informasi tentang
desain layout suatu halaman web dengan
format tabel serta tag yang sesuai yang dapat
digunakan
c. Guru memantau kemajuan pekerjaan siswa dan
mengarahkan tag yang dapat digunakan
Mengembangkan dan menyajikan hasil karya/Fase
4
a. Peserta didik menganalisis format tabel untuk
mendapatkan desain layout halaman web yang
sesuai
b. Peserta didik dengan bimbingan guru
menganalisis efektifitas tag yang digunakan
c. Peserta didik menyimpulkan penerapan format
tabel pada halaman web
d. Guru meminta siswa untuk menyajikan
kesimpulan dari penerapan format tabel pada
halaman web
e. Peserta didik membuat presentasi tentang
kesimpulan dari penerapan format tabel pada
halaman web
f. Peserta didik mempresentasikan kesimpulan
dari penerapan format tabel pada halaman
web dengan percaya diri
Menganalisis dan mengevaluasi proses pemecahan
masalah/Fase 5
a. Peserta didik lain dan guru mencermati
presentasi yang ditampilkan
b. Peserta didik lain diminta menanggapi
presentasi
c. Peserta didik menerima tanggapan dari peserta
didik lain
d. Guru memberikan penguatan terhadap hasil
tanggapan dari peserta didik lain
e. Peserta didik memperbaiki hasil presentasi
berdasarkan perbaikan yang telah diterima.
Penutup a. Memfasilitasi dan membimbing peserta didik 15 Menit
merangkum materi pembelajaran
b. Memfasilitasi dan membimbing peserta untuk
merefleksi proses dan materi pembelajaran
c. Guru memberikan tugas perbaikan atau
pengayaan kepada peserta didik,baik secara
individu maupun kelompok
d. Menutup pembelajaran dengan berdoa dan
salam
H. Media, Alat/Bahan dan Sumber Belajar
1. Media : Power Point
2. Alat / Bahan : Komputer, Internet, LCD Proyektor, Whiteboard,
Spidol,
3. Sumber Belajar : Kemendikbud. 2013. Modul Pemrograman Web
untuk SMK/MAK kelas X.
I. Penilaian Pembelajaran, Remedial dan Penggayaan
KISI-KISI PENYUSUNAN SOAL PENGETAHUAN
Bentuk
No KD IPK Materi Indikator soal Butir soal
Soal
1 3.3 3.3.1. Format tabel Siswa dapat Uraian 1. Jelaskan tag
Memahami Menjelas- pada menjelaskan html dasar
format tabel kan halaman web anatomi tabel dari tabel
pada halaman Anatomi minimal minimal!
web tabel
minimal
3.3.2. Format tabel Siswa dapat Uraian 2. Jelaskan
Menjelask pada menjelaskan atribut jika
an tabel halaman web tabel dengan ingin meng-
dengan spanning gabungkan 3
spanning colom!
serta Siswa dapat 3. Apa yang
tabel menjelaskan dimaksud
didalam tabel dalam tabel dengan
tabel tabel di
berdasark dalam
an tag tabel?
yang
diberikan
3.3.3. Format tabel Siswa dapat Uraian 4. Buatkan
Meran- pada merancang contoh
cang halaman web desain halaman desain
desain web dengan halaman
halaman konsep tabel web dengan
web konsep
dengan tabel
konsep menggunak
tabel an Model
Layout Left
Index?
Kunci Jawaban :
1. Tag HTML dasar dari tabel :
<table>
<tr>
<td>data baris 1 kolom 1</td>
<td>data baris 1 kolom 2</td>
</tr>
</table>
Perintah <tabel></tabel> merupakan tag awal untuk mendefinikan tabel yang akan
dibuat
Perintah <tr></tr> merupakan tag untuk membuat baris tabel
Perintah <td></td> merupakan tag untuk membuat kolom tabel
2. <th colspan=3>...........</th>
3. Tabel dalam tabel biasa disebut dengan nested table atau tabel bersarang. Bentuk tabel ini
merupakan suatu teknik untuk menghasilkan layout tabel yang kompleks tanpa membuat
tabel yang sangat kompleks. Sehingga ketika harus membuat tabel yang kompleks, maka
cara sederhananya adalah membuat tabel di dalam sebuah sel (<td></td>).
4. Model Layout : Left Index
Penskoran Jawaban dan Pengolahan Nilai :
1. Nilai 4 : jika sesuai kunci jawaban dan ada pengembangan jawaban
2. Nilai 3 : jika jawaban sesuai kunci jawaban
3. Nilai 2 : jika jawaban kurang sesuai dengan kunci jawaban
4. Nilai 1 :jika jawaban tidak sesuai dengan kunci jawaban
Contoh Pengolahan Nilai :
IPK No. Soal Skor Penilaian 1 Nilai
3.3.1 1 4
3.3.2 2 3 Nilai perolehan KD pegetahuan : rerata
3.3.2 3 4 dari nilai IPK
3.3.3 4 3 (14/16) * 100 = 87,50
Jumlah
KISI-KISI PENYUSUNAN SOAL KETERAMPILAN
Bentuk
No KD IPK Materi Indikator soal Butir soal
Soal
1 4.3 Menyajikan 4.3.1. Membuat Format Siswa dapat Kinerja 1. Buatlah
tabel pada tabel tabel membuat tabel tabel
halaman minimal pada minimal seperti minimal
web seperti halaman contoh yang seperti
contoh web diberikan contoh yang
yang diberikan!
diberikan
4.3.2. Membuat Format Siswa dapat Kinerja 2. Buatlah
tabel tabel membuat tabel tabel
dengan pada dengan spanning dengan
spanning halaman serta tabel dalam spanning
serta web tabel serta tabel
tabel dalam tabel!
dalam
tabel
4.3.3. Mende- Format Siswa dapat Kinerja 3. Buatlah
sain tabel mendesaian desain
halaman pada halaman web halaman
web halaman dengan konsep web dengan
dengan tabel
web konsep
konsep menggunakan tag
tabel tabel
yang sesuai
menggun mengguna-
akan tag kan tag yang
yang sesuai
sesuai
Rubrik Penilaian Keterampilan:
Kategori
IPK
1 2 3 4
4.3.1. Membuat Tidak dapat Terdapat >1 Terdapat 1 sudah tepat dalam
tabel minimal membuat tabel kesalahan dalam kesalahan dalam menggunakan tag
seperti menggunakan menggunakan menggunakan untuk membuat tabel
contoh yang tag yang sesuai tag untuk tag untuk seperti contoh
diberikan seperti contoh membuat tabel membuat tabel
seperti contoh seperti contoh
4.3.2. Membuat Tidak dapat Terdapat>1 Terdapat 1 Sudah tepat dalam
tabel dengan membuat kesalahan dalam kesalahan dalam menggunakan tag
spanning spanning pada menggunakan menggunakan dalam membuat
serta tabel kolom dan tag dalam tag dalam spanning pada kolom
dalam tabel baris seperti membuat membuat dan baris seperti pada
pada contoh spanning pada spanning pada contoh
kolom dan baris kolom dan baris
seperti pada seperti pada
contoh contoh
Tidak dapat Terdapat >1 Terdapat 1 Sudah sesuai dalam
membuat tabel kesalahan dalam kesalahan dalam menggunakan tag
dalam tabel menggunakan menggunakan dalam membuat tabel
tag dalam tag dalam dalam tabel seperti
membuat tabel membuat tabel pada contoh
dalam tabel dalam tabel
seperti pada seperti pada
contoh contoh
4.3.3. Mendesain Tidak dapat Terdapat >1 Terdapat 1 Sudah sesuai dalam
halaman Mendesain kesalahan dalam kesalahan dalam Mendesain halaman
web dengan halaman web Mendesain Mendesain web dengan konsep
konsep tabel dengan konsep halaman web halaman web tabel menggunakan
menggunaka tabel dengan konsep dengan konsep tag yang sesuai
n tag yang menggunakan tabel tabel
sesuai tag yang sesuai menggunakan menggunakan
tag yang sesuai tag yang sesuai
Contoh Pengolahan Nilai:
IPK No. Soal Skor Penilaian 1 Nilai
4.3.1 1 3
Nilai perolehan KD pegetahuan :
4.3.2 2 3
rerata dari nilai IPK
4.3.3 3 4
(10/12) * 100 = 83,33
Jumlah
1. Remedial dan Pengayaan
Bagi peserta didik yang memperoleh nilai kurang dari 75 diadakan
remedial
Apabila jumlah peserta didik yang remedial 75% atau lebih maka
diadakan pembelajaran remedial
Bagi peserta didik yang memperoleh nilai 75 atau lebih dapat meminta
dilakukan pengayaan untuk menambah nilai
Pengayaan dilakukan oleh guru bidang studi dengan memperhatikan
ketersediaan waktu pelaksanaan pengayaan
Balikpapan, Juli 2017
Mengetahui Guru Mata Pelajaran
Kepala Sekolah