(RPP)
Mata Pelajaran
: Produktif 2D
Kelas/ Semester
: XI (sebelas)/ 1 (satu)
Standar Kompetensi
Kompetensi Dasar
Indikator
Alokasi Waktu
: 4 (3x45 menit)
A. Tujuan Pembelajaran
Peserta didik diharapkan dapat:
Mendefinisakan dan menjelaskan apa itu website, Address, URL, domain, hosting, document
Index, folder root,http, https, struktur dasar HTML dan gateway
Menjelaskan keuntungan dan kerugian running dari server yang dimiliki dengan server provider
B. Materi Pembelajaran
Konsep dasar dan teknologi web
C. Metode Pembelajaran
Tes Lisan
Tugas
-1-
1. Kegiatan Pendahuluan
Menanyakan kepada peserta didik tentang pengertian web dan jenis-jenis browser
2. Kegiatan Inti
3. Kegiatan Penutup
E. Sumber Belajar
Perangkat Komputer, internet, Buku paket, Modul, Lembar kerja, article-article, Infocust dll.
F. Penilaian
1. Teknik
Tes Lisan
2. Bentuk Instrumen
Pertanyaan
3. Soal/ Instrumen
a. Sebutkan macam-macam web browser/browser yang anda ketahui?
b. Sebutkan jenis-jenis file web yang termasuk kedalam :
o Web statis
o Web dinamis
c. Sebutkan contoh-contoh URL yang anda ketahui?
-2-
Mengetahui:
Jatiroto,
20 Juli 2016
Guru Produktif
-3-
: Produktif 2D
Kelas/ Semester
: XI (sebelas)/ 1 (satu)
Standar Kompetensi
Kompetensi Dasar
Indikator
Alokasi Waktu
: 3 (3x45 menit)
A. Tujuan Pembelajaran
Peserta didik diharapkan dapat:
Title
Body
Page Aribut Body (bgcolor, color, background, link, vlink, dll).
Font <FONT>
Kode Warna
-4-
C. Metode Pembelajaran
Ceramah
Tanyajawab
Diskusi
Praktek
Penugasan dengan metode pendekatan model CTL, Life skill dan tutor sebaya
D. Langkah-langkah Kegiatan Pembelajaran
Pertemuan Pertama
1. Kegiatan Pendahuluan
2. Kegiatan Inti
o Background
o Bgcolor
o Link, Vlink, Alink, dll
3. Kegiatan Penutup
Pertemuan Kedua
1. Kegiatan Pendahuluan
2. Kegiatan Inti
-5-
o Size
o Color
o Face dll
o Bold <B>
o Italic <I>
o Underline <U>
o <FRE> dll
Menbuat garis horizontal <HR> dan atributnya: (size, width, align dan NoShade)
3. Kegiatan Penutup
Pertemuan ketiga
1. Kegiatan Pendahuluan
2. Kegiatan Inti
Membuat daftar item dengan tanda bullet (symbol) beserta tipe-tipe simbol yang
digunakannya
3. Kegiatan Penutup
E. Sumber Belajar
Perangkat Komputer, internet, Buku paket, Modul, Lembar kerja, article-article, Infocust dll.
-6-
F. Penilaian
1. Teknik
Tes tertulis
2. Bentuk Instrumen
Uraian
3. Soal/ Instrumen
a. Buatlah struktur dasar HTML?
b. Sebutkan fungsi tag font beserta atribut-atribut dari tag font tersebut?
c. Sebutkan beberapa atribut basefont?
d. Lakukan langkah-langkah untuk membuat daftar list dengan menerapkan fungsi (<OL>,
<UL> dan <DL>)?
Mengetahui:
Jatiroto,
20 Juli 2016
Guru Produktif
-7-
: Produktif 2D
Kelas/ Semester
: XI (sebelas)/ 1 (satu)
Standar Kompetensi
Kompetensi Dasar
Indikator
Alokasi Waktu
: 1 (3x45 menit)
A. Tujuan Pembelajaran
Peserta didik diharapkan dapat:
Menerapkan jenis objek image(gambar) dengan berbagai jenis file image yang suport pada
dokumen HTML
Menerapkan/ menyisipkan jenis objek seperti Java Applet, Audio, Video, dan AktiveX
B. Materi Pembelajaran
<Tag> HTML untuk menyisipkan objek
C. Metode Pembelajaran
Ceramah
Tanyajawab
Diskusi
Praktek
Penugasan dengan metode pendekatan model CTL, Life skill dan tutor sebaya
D. Langkah-langkah Kegiatan Pembelajaran
Pertemuan Pertama
1. Kegiatan Pendahuluan
-8-
Menanyakan kepada peserta didik tentang beberapa jenis objek yang dapat disisipkan
pada dokumen HTML
2. Kegiatan Inti
Menyisipkan objek image dengan menerapkan atribut-atribut image beserta tipe dan
jenis file image yang digunakan
3. Kegiatan Penutup
E. Sumber Belajar
Perangkat Komputer, internet, Buku paket, Modul, Lembar kerja, article-article, Infocust dll.
F. Penilaian
1. Teknik
Tes tertulis
2. Bentuk Instrumen
Uraian
3. Soal/ Instrumen
a. Sebutkan macam-macam objek yang dapat disisipkan pada sebuah halaman HTML tanpa
mengurangi kinerja proses halaman web tersebut?
Mengetahui:
Jatiroto,
20 Juli 2016
Guru Produktif
- 10 -
: Produktif 2D
Kelas/ Semester
: XI (sebelas)/ 1 (satu)
Standar Kompetensi
Kompetensi Dasar
Indikator
Alokasi Waktu
: 2 (3x45 menit)
A. Tujuan Pembelajaran
Peserta didik diharapkan dapat:
A. Kegiatan Pendahuluan
Menanyakan kepada peserta didik tentang fungsi dari tabel, baris dan kolom
- 11 -
B. Kegiatan Inti
Membuat tag tabel sederhana dengan berbagai cara dan variasi yang dapat dilakukan
C. Kegiatan Penutup
Menarik kesimpulan tentang berbagai jenis cara yang bisa dilakukan dalam pembuatan
tabel
Pertemuan Kedua
A. Kegiatan Pendahuluan
B. Kegiatan Inti
Membuat tabel lebih komplek dengan menerapkan atribut pada tabel, baris dan
kolomnya
Memasukan tag-tag lain pada suatu kolom berupa : teks, objek, link dlsb
C. Kegiatan Penutup
D. Sumber Belajar
Perangkat Komputer, internet, Buku paket, Modul, Lembar kerja, article-article, Infocust dll.
Penilaian
1. Teknik
Unjuk kerja
2. Bentuk Instrumen
Uji prosedur
3. Soal/ Instrumen
Uji prosedur
- 12 -
Instrumen
4
Skala
Nilai
Kuantitatif
[(jml.skor/32])
X 10]
Bgcolor, background
Align, valign
width, height
Rowspan, colspan
Praktikanlah cara mebuat tabel dengan memasukan tag-tag lain kedalam kolomnya
berupa:
1
Images
Garis horizontal
Mengetahui:
Jatiroto,
20 Juli 2016
Guru Produktif
- 13 -
: Produktif 2D
Kelas/ Semester
: XI (sebelas)/ 1 (satu)
Standar Kompetensi
Kompetensi Dasar
Indikator
Alokasi Waktu
: 1 (3x45 menit)
A. Tujuan Pembelajaran
Peserta didik diharapkan dapat:
Membuat link/ penghubung antara satu halaman dengan halaman yang lain
Membuat link/ penghubung ke URL/ website
Membuat link/ penghubung ke e-mail
Membuat link/ penghubung dalam satu dokumen
Membuat link/ penghubung ke file/image
B. Materi Pembelajaran
<tag>HTML untuk membuat link
Link dalam suatu dokumen (anchor)
Link antar dokumen
Link ke URL yang sudah ada
Link ke e-mail
Link ke file/image
C. Metode Pembelajaran
Ceramah
Tanyajawab
Diskusi
Praktek
Penugasan dengan metode pendekatan model CTL, Life skill dan tutor sebaya
- 14 -
1. Kegiatan Pendahuluan
Menanyakan beberapa contoh alamat website/ URL favorit yang ada diinternet
2. Kegiatan Inti
3. Kegiatan Penutup
E. Sumber Belajar
Perangkat Komputer, internet, Buku paket, Modul, Lembar kerja, article-article, Infocust dll.
F. Penilaian
1. Teknik
Tes tertulis
2. Bentuk Instrumen
Uraian
3. Soal/ Instrumen
a. Buatlah tag link/ penghubung dari suatu halaman ke halaman yang lainnya?
b. Buatlah tag link/ penghubung ke URL/ website dan e-mail?
c. Buatlah tag link/ penghubung ke image?
d. Buatlah tag link/ penghubung dalam satu dokumen?
e. Buatlah tag link/ penghubung ke file?
Mengetahui:
Jatiroto,
20 Juli 2016
Guru Produktif
- 15 -
- 16 -
: Produktif 2D
Kelas/ Semester
: XI (sebelas)/ 1 (satu)
Standar Kompetensi
Kompetensi Dasar
Indikator
benar
- Tipe file dokumen web difahami dengan benar
Alokasi Waktu
: 1 (3x45 menit)
A. Tujuan Pembelajaran
Peserta didik diharapkan dapat:
1. Kegiatan Pendahuluan
2. Kegiatan Inti
- 17 -
Melakukan pengurutan penyimpanan dokumen web kedalam sebuah folder dan sub
folder
3. Kegiatan Penutup
E. Sumber Belajar
Perangkat Komputer, internet, Buku paket, Modul, Lembar kerja, article-article, Infocust dll.
F. Penilaian
1. Teknik
Unjuk kerja
2. Bentuk Instrumen
Uji prosedur
3. Soal/ Instrumen
Uji prosedur
Skala
Instrumen
Nilai
Kuantitatif
4
[(jml.skor/16])
1
X 10]
Mengetahui:
Jatiroto,
20 Juli 2016
Guru Produktif
- 18 -
- 19 -
: Produktif 2D
Kelas/ Semester
: XI (sebelas)/ 1 (satu)
Standar Kompetensi
Kompetensi Dasar
Indikator
Alokasi Waktu
: 1 (3x45 menit)
A. Tujuan Pembelajaran
Peserta didik diharapkan dapat:
B. Materi Pembelajaran
Konsep pengujian dokumen web
C. Metode Pembelajaran
Ceramah
Tanyajawab
Diskusi
Praktek
Penugasan dengan metode pendekatan model CTL, Life skill dan tutor sebaya
D. Langkah-langkah Kegiatan Pembelajaran
Pertemuan Pertama
1. Kegiatan Pendahuluan
- 20 -
2. Kegiatan Inti
Melakukan pengujian dokumen dan pengecekan pada beberapa browser yang berbeda
Melakukan pengujian dokumen web pada suatu browser dengan tampilan resolusi graphic
monitor/ VGA yang berbeda-beda
Melakukan pengecekan pada S.O yang berbeda baik berupa handpond atau non windows
3. Kegiatan Penutup
Melakukan refleksi bersama terhadap teknik pengujian dokumen web pada browser dan S.O
yang berbeda
Menarik kesimpulan tentang pengujian dokumen web yang baik dan benar
Memotivasi siswa tenatang pembuatan design web yang berkwalitas dan frofesional
E. Sumber Belajar
Perangkat Komputer, internet, Buku paket, Modul, Lembar kerja, article-article, Infocust dll.
F. Penilaian
1. Teknik
Observasi
2. Bentuk Instrumen
Lembar observasi
3. Soal/ Instrumen
Observasi
Skala
Instrumen
Nilai
Kuantitatif
4
Bukalah hasil dokumen web yang telah dibuat pada beberapa web browser
yang berbeda-beda
Tunjukan hasil dokumen web yang telah dibuat dari S.O yang berbera
[(jml.skor/16])
1
X 10]
seperti:
Hanphond
Linux/Unix
Jumlah
Mengetahui:
Jatiroto,
20 Juli 2016
Guru Produktif
- 21 -
- 22 -