Perangkat Pembelajaran X

PERANGKAT ADMINISTRASI GURU
BIDANG STUDI : Keahlian Teknik Komputer dan Informatika (TKI)

MATA PELAJARAN : Pemrograman WEB
KELAS : X / Gasal
PROGRAM KEAHLIAN : Multimedia
TAHUN PELAJARAN : 2014/2015
Disusun oleh:
Iffa Nurmutia Khalim, S.Kom
SMK ISLAM JEPARA
Jl. Ratu Kalinyamat No.1 Jepara
Perangkat Pembelajaran 2014/2015 SMK ISLAMJEPARA
Iffa Nurmutia KhalimS.Kom2
S
M
K
ISLA
M
J
EPARA
SMK ISLAM JEPARA
LEMBAR PENGESAHAN 14 juli 2014
Lembar Pengesahan
Perangkat Administrasi Guru
BIDANG STUDI : Keahlian Teknik Komputer dan Informatika (TKI)
KELAS : X / Gasal
NAMA GURU : Iffa Nurmutia Khalim S.Kom
Jepara, 14 juli 2014
Dipersiapkan, Disahkan,
Guru Mata Diklat Waka Kurikulum
Iffa Nurmutia Khalim, S.Kom Ir. Sukamto
Mengetahui,
Kepala Sekolah
Drs. H. Nur Ikhsan
S
M
K
ISLA
M
J
EPARA
SMK ISLAM JEPARA
LEMBAR PEMERIKSAAN 14 juli 2014
LEMBAR PEMERIKSAAN
BUKU ADMINISTRASI GURU
NAMA GURU : Iffa Nurmutia Khalim, S. Kom
KELAS : X / Gasal
DAFTAR PERANGKAT TERSUSUN
NO. Jenis Perangkat Semester Keterangan
Ada Tidak
1. Lembar Pengesahan
2. Lembar Pemeriksaan
3. Jadwal Mengajar
4. Rincian Minnggu Efektif dan Analisis
Program Pelajaran

5. Kisi-kisi Soal Evaluasi
6. Format Evaluasi
7. Rekapitulasi Nilai Evaluasi
8. Analisis Hasil Evaluasi
9. Tugas Pengayaan dan Remidiasi
10. Daftar Catatan dan Hambatan Siswa
11. Agenda Guru
12. Presensi Kehadiran siswa
13. Rencana Pelaksanaan Pembelajaran
(RPP)

14. Program Semester
15. KKM
16. Diskripsi Kemajuan Kelas
17. Silabus
CatatanPemeriksaan .
Jepara, 14 Juli 2014
WaKa Kurikulum Guru Mata Diklat
Ir. Sukamto Iffa Nurmutia Khalim, S.Kom
S
M
K
ISLA
M
J
EPARA
SMK ISLAM JEPARA
JADWAL MENGAJAR 14 juli 2014
Semester/ Tahun Pelajaran : Gasal/ 2014-2015
Guru Mata Diklat : Iffa Nurmutia Khalim, S.Kom
No. Mata Pelajaran Kelas Kode
1. Pemrograman WEB X Multimedia
Jam
Ke-
Pukul HARI
Senin Selasa Rabu Kamis Jumat Sabtu
1 07.00-07.45
2 07.45-08.30
3 08.30-09.15
I 09.15-09.30
4 09.30-10.15
5 10.15-11.00
6 11.00-11.45
I 11.45-12.00
7 12.00-12.45
8 12.45-13.30
9 13.30-14.15
Jumlah 8 JP x 2kelas
Guru Mata Diklat
S
M
K
ISLA
M
J
EPARA
SMK ISLAM JEPARA
RINCIAN MINGGU EFEKTIF DAN ANALISA
PROGRAM
14 juli 2014
PERHITUNGAN MINGGU EFEKTIF SEMESTER GASAL
TAHUN PELAJARAN 2014/2015
Mata Pelajaran : Pemrograman WEB
Program Keahlian : Multimedia
Kelas/Semester : X/Gasal
Tahun Pelajaran : 2014/2015
No. Nama Bulan Tahun Banyak Minggu
Banyak Minggu
Tidak Efektif
Banyak Minggu
Efektif
1.
2.
3.
4.
5.
6.
Juli
Agustus
September
Oktober
November
Desember
2014
2014
2014
2014
2014
2014
5
5
4
5
4
5
5
1
0
2
0
4
0
4
4
3
4
1
Jumlah 28 12 16
Rincian : Jumlah jam pembelajaran yang efektif
16 minggu x 4 jam pelajaran = 64 jam pelajaran
DISTRIBUSI ALOKASI WAKTU SEMESTER GASAL
TAHUN PELAJARAN 2014/2015
No. Kompetensi Dasar Alokasi Waktu
1. 3.1. Memahami konsep teknologi aplikasi web
6JP
4.1. Menyajikan berbagai teknologi pengembangan aplikasi web
Ulangan Harian 1JP
Remidial 1JP
2. 3.2. Memahami format teks pada halaman web 7JP
4.2. Menyajikan teks dalam format tertentu pada halaman web
Ulangan Harian 1JP
Remidial 1JP
Praktek 3JP
3. 3.3. Memahami format table pada halaman web 9JP
4.3. Menyajikan table pada halaman web
Ulangan Harian 1JP
Remidial 1JP
Praktek 5JP
4. 3.4. Memahami tampilan format multimedia pada halaman web 9JP
4.4. Menyajikan tampilan format multimedia pada halaman web
Ulangan Harian 1JP
Remidial 1JP
Praktek 5JP
5. 3.5. Memahami kaitan antar dan inter halaman web
7JP 4.5. Menyajikan kaitan antar dan inter halaman web
Ulangan Harian 1JP
Remidial 1JP
Praktek 3JP
Jumlah 64JP
Mengetahui,
Kepala Sekolah Guru Mata Diklat
Drs. H. Nur Ikhsan Iffa Nurmutia Khalim, S. Kom
S
M
K
ISLA
M
J
EPARA
SMK ISLAM JEPARA
DAFTAR CATATAN DAN HAMBATAN SISWA 14 juli 2014
X Multimedia 1
No. Nama Kelas Catatan/
Hambatan
Pemecahan Ket.
Guru Mata Diklat
X Multimedia 2
No. Nama Kelas Catatan/
Hambatan
Pemecahan Ket.
Guru Mata Diklat
S
M
K
ISLA
M
J
EPARA
SMK ISLAM JEPARA
AGENDA GURU 14 juli 2014
Hari/ Tanggal Jam
Ke-
Kelas Kompetensi/Sub Kompetensi
Uraian Kegiatan
Keterangan
Guru Mata Diklat
PRESENSI KEHADIRAN
Mata Pelajaran : PEMROGRAMAN WEB
Kelas / Semester : X MM1/ Gasal
S
M
K
ISLA
M
J
EPARA
SMK ISLAM JEPARA
PRESENSI KEHADIRAN 14 juli 2014
No Nama Tanggal JML Ket
S A I
Guru Mata Diklat
Iffa Nurmutia Khalim
PRESENSI KEHADIRAN
Mata Pelajaran : PEMROGRAMAN WEB
Kelas / Semester : X MM2/ Gasal
No Nama Tanggal JML Ket
S A I
Guru Mata Diklat
Nama Sekolah : SMK ISLAM JEPARA
Kompetensi Keahlian : Multimedia
Kelas/ Semester : X/ Gasal
Tahun Pelajaran : 2014/2015
Guru Mata Diklat : Iffa Nurmutia Khalim, S.Kom
Standar Kompetensi : Pemrograman WEB
No. Kompetensi Dasar dan
Indikator Pencapaian
Kriteria Ketuntasan Minimal
Kriterria Penetapan Ketuntasan Nilai
Kompleksitas Daya dukung Intake KKM
1. Mengenal Konsep
teknologi aplikasi web
2. Mengenal format teks
pada halaman web
3. Mengenal format table
pada halaman web
4. Mengenal tampilan
format pada halaman
web
5. Menngenal kaitan antar
dan inter halaman web
Guru Mata Diklat
S
M
K
ISLA
M
J
EPARA
SMK ISLAM JEPARA
KRITERIA KETUNTASAN MINIMAL 14 juli 2014
Rencana Pelaksanaan Pembelajaran
(RPP)
Satuan Pendidikan : SMK ISLAM JEPARA
Mata Pelajaran : Keahlian Teknik Komputer dan Informatika (TKI)
Kelas/Semester : X/Ganjil
Materi Pokok : Pemrograman WEB
Alokasi Waktu : 64X45 menit
A. Kompetensi Inti
1. Menghayati dan mengamalkan ajaran agama yang dianutnya.
2. Menghayati dan Mengamalkan perilaku jujur, disiplin,tanggungjawab, 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 pergaulan dunia.
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.
S
M
K
ISLA
M
J
EPARA
SMK ISLAM JEPARA
Rencana Pelaksanaan Pembelajaran (RPP) 14 juli 2014
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 dan Indikator
1. Mensyukuri kesempatan yang diberikan oleh Allah S.W.T. dalam memahami konsep
2. Menunjukkan perilaku jujur, disiplin, tanggung jawab, peduli, santun dalam memahami
format teks pada halaman web
3. Mampu memahami, menerapkan, menganalisis format table pada halaman web
4. Mampu mengolah, menalar serta menyajikan tampilan format yang dibutuhkan pada
halaman web
5. Mampu menyajikan kaitan antar dan inter halaman web
6. Mampu menyajikan format formulir pada halaman web
C. Tujuan Pembelajaran
1. Peserta didik mampu memahami berbagai teknologi aplikasi web beserta sejarah dan cara
kerjanya dan mampu mengeksplorasi aplikasi-aplikasi untuk pengembangan aplikasi web
dengan penuh tanggung jawab, peduli, kerjasama dan cinta damai.
2. Peserta didik mampu menyelesaikan masalah tentang berbagai format teks (teks,
paragraph, list minimal, list kombinasi) pada halaman web
3. Peserta didik mampu menyelesaikan masalah tentang format table (anatomi table minimal,
spanning, table didalam table, desain dengan table) pada halaman web
4. Peserta didik mampu menyelesaikan masalah tampilan format (gambar, video, dan audio)
pada halaman web
5. Peserta didik mampu menyelesaikan masalah tampilan format link (anatomi link, link antar
isi, link antar halaman, dan target link) pada halaman web
6. Peserta didik mampu menyelesaikan masalah tentang format formulir pada halaman web
D. Materi Pembelajaran
1. Teknologi Aplikasi Web
1. Profesi dalam pengembangan aplikasi web
2. Sejarah dan cara kerja web
3. Alur pengembangan aplikasi web
4. Perangkat pengembangan aplikasi web
2. Format Teks Halaman Web
1. Anatomi dokumen web
2. Pemformatan teks dan paragrap
3. Pembuatan list minimal
4. Pembuatan list kombinasi
3. Format Tabel Halaman Web
1. Anatomi tabel minimal
2. Tabel dengan spanning
3. Tabel di dalam tabel
4. Desain halaman web dengan konsep table
4. Multimedia pada Halaman Web
1. Format tampilan gambar
2. Format tampilan file audio
3. Format tampilan file video dan animasi
4. Format tampilan gambar dengan map
5. Hyperlink Halaman Web
1. Anatomi link
2. Format link antar isi pada satu halaman web
3. Format link antar halaman web untuk membentuk sitemap
4. Format target link, email dan telepon
E. Metode Pembelajaran
Metode pembelajaran scientific approach (5M)
Metode pembelajaran simulasi/ praktek
Metode pembelajaran berbasis proyek
F. Media, Alat dan Sumber Pembelajaran
Media : Buku, internet
Alat : Buku, Laptop, LCD Proyektor
G. Sumber Belajar :
Pemrograman Web Dengan HTML Revisi Keempat, Betha sidik, Ir., Husni I. Pohan, Ir.,
M.Eng., Penerbit Informatika Bandung, Juni 2012
Learning Web Design 4th Edition, Jennifer Niederst Robbins, Penerbit O'Reilly Media, Inc.:
Kanada, 2012
H. Kegiatan Pembelajaran
Pertemuan ke 1 (8JP)
Kegiatan Deskripsi Kegiatan Alokasi Waktu
Pendahuluan
Inti
1. Siswa merespon salam dan pertanyaan dari guru
berhubungan dengan kondisi ,absensi
2. Sebagai apersepsi untuk mendorong rasa ingin tahu
dan berpikir kritis, guru mengajukan pertanyaan
tentang aplikasi web
3. Guru memotivasi siswa dengan membacakan
berbagai sumber mengenai teknologi web
4. Siswa menerima informasi tentang kompetensi, ruang
lingkup materi, tujuan, manfaat, dan langkah
pembelajaran serta metode yang akan dilaksanakan.
Mengamati
Cara kerja web
Penawaran layanan hosting
Menanya
Mendiskusikan cara kerja web
Mendiskusikan hosting aplikasi web
Mengeksplorasi
Membandingkan pelbagai penawaran hosting
Mengeksplorasi aplikasi-aplikasi untuk pengembangan
aplikasi web
30 menit
75 menit
75 menit
80 menit
Penutup
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
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
40 menit
30 menit
25 menit
Pertemuan ke 2, 3 (12JP)
Pendahuluan
Inti
tentang format teks
berbagai sumber mengenai format teks yang biasa
digunakan pada halaman web
Mengamati
Pelbagai jenis format teks dan hasilnya terhadap halaman
web
Menanya
Mendiskusikan pelbagai tampilan format teks pada
halaman web
Mendiskusikan penerapan format teks yang sesuai dari
suatu halaman web
Mengeksplorasi
Eksplorasi pelbagai jenis format teks
30 menit
120 menit
120 menit
85 menit
Penutup
Eksperimen penerapan format teks yang sesuai dari
suatu halaman web
Mengasosiasi
Menganalisa hubungan antara format teks dengan
halaman web yang dihasilkan
Menganalisa kemiripan hasil penerapan format teks
dengan halaman web aslinya
Menyimpulkan penerapan format teks pada halaman
web
Mengkomunikasikan
Menyampaikan hasil diskusi kelompok tentang
pemecahan masalah menggunakan pelbagai format teks
materi.
keterampilan
95 menit
35 menit
30 menit
Pertemuan ke 3, 4,5(16JP)
Pendahuluan
Inti
tentang format tabel
berbagai sumber mengenai tampilan format tabel
pada halaman web
Mengamati
Pelbagai jenis format tabel dan hasilnya terhadap
halaman web
Desain layout dalam format tabel untuk suatu halaman
web
Menanya
Mendiskusikan pelbagai tampilan format tabel dalam
halaman web
Mendiskusikan desain layout suatu halaman web dalam
format tabel
30 menit
180 menit
135 menit
Penutup
Mengeksplorasi
Eksplorasi pelbagai tampilan format tabel pada halaman
web
Eksperimen desain layout suatu halaman web dengan
format tabel
Mengasosiasi
Menganalisa hubungan antara format tabel dengan
tampilannya pada halaman web
Menganalisa format tabel untuk mendapatkan desain
layout halaman web yang sesuai
Menyimpulkan penerapan format tabel pada halaman
web
Mengkomunikasikan
Menyampaikan hasil pengamatan dan percobaan pelbagai
format tabel pada halaman web
materi.
keterampilan
225 menit
60 menit
45 menit
45 meniit
Pertemuan ke 5, 6, 7 (16JP)
Pendahuluan
Inti
tentang multimedia
berbagai sumber mengenai multimedia
Mengamati
Pelbagai tampilan format multimedia pada halaman web
Menanya
Mendiskusikan pelbagai tampilan format multimedia
dalam halaman web
Mengeksplorasi
Eksplorasi pelbagai tampilan format multimedia pada
30 menit
135 menit
90 menit
1225 menit
Penutup
halaman web
Mengasosiasi
Menganalisa hubungan antara format multimedia
dengan tampilannya pada halaman web
Menyimpulkan penerapan multimedia pada halaman
web
Mengkomunikasikan
format multimedia pada halaman web
materi.
keterampilan
135 menit
60 menit
45 menit
Pertemuan ke 7, 8 (12JP)
Pendahuluan
Inti
tentang antar dan inter halaman web
berbagai sumber mengenai link antar dan inter
halaman web yang biasa digunakan
Mengamati
Pelbagai jenis link dan hasilnya terhadap halaman web
Menanya
Mendiskusikan pelbagai tampilan format link dalam
halaman web
Mengeksplorasi
Eksplorasi pelbagai tampilan format link pada halaman
web
Mengasosiasi
Menganalisa hubungan antara sitemap dengan
hyperlink
30 menit
90 menit
90 menit
225 menit
45 menit
Penutup
Menyimpulkan penerapan format link pada halaman
web
Mengkomunikasikan
format link pada halaman web
materi.
keterampilan
30 menit
30 menit
I. Penilaian Hasil Belajar
No. Aspek Mekanisme dan Prosedur Instrument Keterangan
1. Sikap - Observasi kerja kelompok
- Nilai diri
- Nilai antar teman
- Nilai jurnal
- Lembar observasi
- Angket nilai diri
- Angket nilai antar
teman
- Jurnal
2. Pengetahuan - Tes tertulis - Soal objektif
- Soal pilihan ganda
3. Ketrampilan - Kinerja praktek
- Potofolio proyek
- Performa Presentasi
- Lembar Nilai Praktek
- Portofolio proyek
- Rubrik penilaian
Mengetahui,
Kepala Sekolah Guru Mata Diklat
Drs. H. Nur Ikhsan Iffa Nurmuutia Khalim, S.Kom
Lampiran 1
Lembar Pengamatan
Lembar Pengamatan Sikap
Mata Pelajaran : ...........................................................................................
Kelas / Semester :
Tahun Ajaran :
Waktu Pengamatan :
Indikator perkembangan sikap religious, tanggung jawab, peduli, responsive, dan santun
1. BT (Belum Tampak) Jika sama sekali tidak menunjukkan usaha sungguh-sungguh dalam
menyelesaikan tugas
2. MT (Mulai Tampak) jika menunjukkan sudah ada usaha sungguh-sungguh dalam
menyelesaikan tugas tetapi masih sedikit dan belum ajeg/konsisten
3. MB (Mulai Berkembang) jika menunjukkan ada usaha sungguh-sungguh dalam
menyelesaikan tugas yang cukup sering dan mulai ajeg/konsisten
4. MK (Membudaya) jika menunjukkan adanya usaha sungguh-sungguh dalam
menyelesaikan tugas secara terus-menerus dan ajeg/konsisten
Bubuhkan tanda pada kolom-kolom sesuai hasil pengamatan
No Nama Siswa Religius Tanggung
jawab
Peduli Responsif Santun
BT MT MB MK BT MT MB MK BT MT MB MK BT MT MB MK BT MT MB MK
1.
2.
3.
4.
5.
6.
.
Keterangan
1. BT = Kurang
2. MT = Sedang
3. MB = Baik
4. MK = Sangat baik
Lampiran 2
Lembar observasi dan kinerja presentasi mengenai sikap ilmiah saat diskusi dan presentasi
LEMBAR PENGAMATAN OBSERVASI DAN KINERJA PRESENTASI
Kelas/ Program : X/ Multimedia
No. Nama Siswa Observasi Kinerja Presentasi Jumlah
Skor
Jujur Disiplin Brtgg
jawab
Peduli Kerja
sama
Jumla
h
Prns
rt
Visu
al
isi
(1) (2) (3) (4) (5) (6) (7) (8) (9)
Keterangan pengisisan skor
4 = Sangat Tinggi
3 = Tinggi
2 = Cukup Tinggi
1 = Kurang
Presentasi kelompok
Aspek :
1. Penguasaan materi
2. Tehnik bertanya/menjawab
3. Metode penyajian
INDIKATOR KOMPETENSI INTI 1 DAN 2
1. Jujur
a. Menyampaikan sesuatu berdasarkan keadaan yang sebenarnya
b. Tidak menutupi kesalahan yang terjadi
2. Disiplin
a. Selalu hadir di kelas tepat waktu
b. Mengerjakan LKS sesuai petunjuk dan tepat waktu
c. Mentaati aturan main dalam kerja mandiri dan kelompok
3. Tanggung jawab
a. Berusaha menyelesaikan tugas dengan sungguh-sungguh
b. Bertanya kepada teman/guru bila menjumpai masalah
c. Menyelesaikan permasalahan yang menjadi tanggung jawabnya
d. Partisipasi dalam kelompok
4. Peduli
a. Menjaga kebersihan kelas, membantu teman yang membutuhkan
b. Menunjukkan rasa empati dan simpati untuk ikut menyelesaikan masalah
c. Mampu memberikan ide/gagasan terhadap suatu masalah yang ada di sekitarnya
d. Memberikan bantuan sesuai dengan kemampuannya
5. Kerja sama
a. Mengerjakan proyek dengan sungguh-sungguh
b. Menunjukkan sikap bersahabat
c. Berusaha menemukan solusi permasalahan secara bersama dalam kelompoknya
d. Menghargai pendapat lain
PEDOMAN PENILAIAN:
a. Penilaian dilakukan dengan cara membandingkan karakter siswa pada kondisi awal dengan
pencapaian dalam waktu tertentu.
b. Hasil yang dicapai selanjutnya dicatat, dianalisis dan diadakan tindak lanjut.
Iffa Nurmutia Khalim, S.Kom30
PROGRAM SEMESTER GASAL
TAHUN 2014-2015
SEKOLAH : SMK ISLAM JEPARA
MATA DIKLAT : Keahlian Teknik Komputer dan Informatika (TKI)
STANDAR KOMPETENSI : Jaringan Dasar
Pemrograman WEB
KELAS/SEMESTER : X/1
DURASI WAKTU : 136 Jam @ 45 Menit
A. Perhitungan Alokasi Waktu
NO
S
E
M
E
S
T
E
R
BULAN, TAHUN
JUMLAH JUMLAH HARI LIBUR
JUMLAH
HARI HARI
BELAJAR
EFEKTIF
HARI
PERTAMA
MASUK
KEG. JEDA
SMT/TES/KD/UN
MENGIKUTI
UPACARA
PENYERAHAN
BLP
AKHIR
SEMESTER
MINGGU UMUM
RAMADHAN/
HARI RAYA
1
G
A
S
A
L
JULI 2014
0 6 - - - - 3 - 10 19
AGUSTUS 2014
24 - - 1 - - 4 - 2 31
SEPTEMBER 2014
26 - - - - - 4 - - 30
OKTOBER 2014
14 - 10 2 - - 3 1 1 31
NOVEMBER 2014
24 - - 1 - - 5 - - 30
DESEMBER 2014
11 - 6 - 1 7 4 - - 31
JANUARI 2015
- - - - - - - - - 0
JUMLAH 99 6 16 4 1 7 23 1 13 172
SILABUS MATA PELAJARAN PEMROGRAMAN WEB
(DASAR PROGRAM KEAHLIAN TEKNOLOGI INFORMASI DAN KOMUNIKASI)
Satuan Pendidikan : SMK ISLAM JEPARA
Kelas : X MULTIMEDIA
Kompetensi Inti* :
KI 1 : Menghayati dan mengamalkan ajaran agama yang dianutnya.
KI 2 : Menghayati dan Mengamalkan perilaku jujur, disiplin,tanggungjawab, 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 pergaulan dunia.
KI 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.
KI 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.
Kompetensi Dasar Materi Pokok Pembelajaran* Penilaian
Alokasi Waktu
Sumber Belajar
TM PS PI
1.1. Memahami nilai-
nilai keimanan
dengan menyadari
hubungan
keteraturan dan
kompleksitas alam
Alokasi Waktu
Sumber Belajar
TM PS PI
dan jagad raya
terhadap kebesaran
Tuhan yang
menciptakannya
1.2. Mendeskripsikan
kebesaran Tuhan
yang menciptakan
berbagai sumber
energi di alam
1.3. Mengamalkan
nilai-nilai keimanan
sesuai dengan
ajaran agama dalam
kehidupan sehari-
hari
2.1. Menunjukkan
perilaku ilmiah
(memiliki rasa ingin
tahu; objektif; jujur;
teliti; cermat; tekun;
hati-hati;
bertanggung jawab;
terbuka; kritis;
kreatif; inovatif dan
peduli lingkungan)
dalam aktivitas
sehari-hari sebagai
wujud implementasi
sikap dalam
melakukan
percobaan dan
berdiskusi
Alokasi Waktu
Sumber Belajar
TM PS PI
2.2. Menghargai kerja
individu dan
kelompok dalam
aktivitas sehari-hari
sebagai wujud
implementasi
melaksanakan
percobaan dan
melaporkan hasil
percobaan
3.1. Memahami konsep
teknologi aplikasi
web
4.1. Menyajikan pelbagai
teknologi
pengembangan
aplikasi web
Teknologi Aplikasi Web
Profesi dalam
pengembangan
aplikasi web
Sejarah dan cara
kerja web
Alur pengembangan
aplikasi web
Perangkat
pengembangan
aplikasi web
Mengamati
Cara kerja web
Penawaran layanan hosting
Menanya
Mendiskusikan cara kerja
web
Mendiskusikan hosting
aplikasi web
Mengeksplorasi
Membandingkan pelbagai
penawaran hosting
Mengeksplorasi aplikasi-
aplikasi untuk
pengembangan aplikasi web
Mengasosiasi
Menyimpulkan tentang cara
kerja web, hosting dan
penggunaan aplikasi
Tugas
Menyelesaikan
masalah tentang
Observasi
Mengamati
kegiatan/aktivitas
siswa secara individu
dan dalam diskusi
dengan checklist
lembar pengamatan
atau dalam bentuk
lain
Portofolio
8 JP Buku Teks Pelajaran
Buku Panduan Guru
Pemrograman Web
Dengan HTML Revisi
Keempat, Betha
sidik, Ir., Husni I.
Pohan, Ir., M.Eng.,
Penerbit Informatika
Bandung, Juni 2012
Learning Web Design
4th Edition, Jennifer
Niederst Robbins,
Penerbit O'Reilly
Media, Inc.: Kanada,
2012
Buku-buku dan
referensi lain yang
relevan
Media
cetak/elektronik
Lingkungan sekitar
Alokasi Waktu
Sumber Belajar
TM PS PI
pengembangan aplikasi web
Mengkomunikasikan
Menyampaikan hasil tentang
cara kerja web, perbandingan
pelbagai layanan hosting dan
penggunaan aplikasi
pengembangan web
Hasil kerja
mandiri/kelompok
Bahan Presentasi
Tes
Essay dan/atau
pilihan ganda
3.2. Memahami format
teks pada halaman
web
4.2. Menyajikan teks
dalam format
tertentu pada
halaman web
Format Teks Halaman
Web
1. Anatomi dokumen
web
2. Pemformatan teks
dan paragraph
3. Pembuatan list
minimal
4. Pembuatan list
kombinasi
Mengamati
Pelbagai jenis format teks dan
hasilnya terhadap halaman
web
Menanya
Mendiskusikan pelbagai
tampilan format teks pada
halaman web
Mendiskusikan penerapan
format teks yang sesuai dari
suatu halaman web
Mengeksplorasi
Eksplorasi pelbagai jenis
format teks
Eksperimen penerapan
format teks yang sesuai dari
suatu halaman web
Tugas
Menyelesaikan
masalah tentang
pelbagai format teks
Observasi
Mengamati
kegiatan/aktivitas
dan dalam diskusi
dengan checklist
lembar pengamatan
atau dalam bentuk
lain
9 JP 3 JP Buku Teks Pelajaran
Buku Panduan Guru
Pemrograman Web
Dengan HTML Revisi
Keempat, Betha
Pohan, Ir., M.Eng.,
Bandung, Juni 2012
Learning Web Design
Niederst Robbins,
Penerbit O'Reilly
2012
Buku-buku dan
referensi lain yang
relevan
Media
cetak/elektronik
Lingkungan sekitar
Alokasi Waktu
Sumber Belajar
TM PS PI
Mengasosiasi
Menganalisa hubungan
antara format teks dengan
halaman web yang
dihasilkan
Menganalisa kemiripan hasil
penerapan format teks
dengan halaman web
aslinya
Menyimpulkan penerapan
format teks pada halaman
web
Mengkomunikasikan
Menyampaikan hasil diskusi
kelompok tentang pemecahan
masalah menggunakan
pelbagai format teks
Portofolio
Hasil kerja
mandiri/kelompok
Bahan Presentasi
Tes
Essay dan pilihan
ganda
tabel pada halaman
web
4.3. Menyajikan tabel
pada halaman web
Format Tabel Halaman
Web
1. Anatomi tabel
minimal
2. Tabel dengan
spanning
3. Tabel di dalam tabel
4. Desain halaman web
dengan konsep tabel
Mengamati
Pelbagai jenis format tabel
dan hasilnya terhadap
halaman web
Desain layout dalam format
tabel untuk suatu halaman
web
Menanya
Tugas
Menyelesaikan
masalah format tabel
pada halaman web
Observasi
Mengamati
11
JP
Buku Panduan Guru
Pemrograman Web
Dengan HTML Revisi
Keempat, Betha
Pohan, Ir., M.Eng.,
Bandung, Juni 2012
Learning Web Design
Alokasi Waktu
Sumber Belajar
TM PS PI
tampilan format tabel dalam
halaman web
Mendiskusikan desain
layout suatu halaman web
dalam format tabel
Mengeksplorasi
Eksplorasi pelbagai
tampilan format tabel pada
halaman web
Eksperimen desain layout
suatu halaman web dengan
format tabel
Mengasosiasi
antara format tabel dengan
tampilannya pada halaman
web
Menganalisa format tabel
untuk mendapatkan desain
layout halaman web yang
sesuai
format tabel pada halaman
web
Mengkomunikasikan
Menyampaikan hasil
pengamatan dan percobaan
pelbagai format tabel pada
halaman web
kegiatan/aktivitas
dan dalam diskusi
dengan checklist
lembar pengamatan
atau dalam bentuk
lain
Portofolio
Laporan percobaan
Tes
Essay dan pilihan
ganda
Niederst Robbins,
Penerbit O'Reilly
2012
Buku-buku dan
referensi lain yang
relevan
Media
cetak/elektronik
Lingkungan sekitar
Alokasi Waktu
Sumber Belajar
TM PS PI
3.4. Memahami
tampilan format
multimedia pada
halaman web
4.4. Menyajikan
tampilan format
multimedia pada
halaman web
Multimedia pada
Halaman Web
1. Format tampilan
gambar
2. Format tampilan file
audio
3. Format tampilan file
video dan animasi
4. Format tampilan
gambar dengan map
Mengamati
Pelbagai tampilan format
multimedia pada halaman web
Menanya
tampilan format multimedia
dalam halaman web
Mengeksplorasi
Eksplorasi pelbagai tampilan
format multimedia pada
halaman web
Mengasosiasi
antara format multimedia
dengan tampilannya pada
Tugas
Menyelesaikan
masalah tampilan
format multimedia
pada halaman web
Observasi
Mengamati
kegiatan/aktivitas
dan dalam diskusi
dengan checklist
lembar pengamatan
atau dalam bentuk
lain
11
JP
Buku Panduan Guru
Pemrograman Web
Dengan HTML Revisi
Keempat, Betha
Pohan, Ir., M.Eng.,
Bandung, Juni 2012
Learning Web Design
Niederst Robbins,
Penerbit O'Reilly
2012
Buku-buku dan
referensi lain yang
relevan
Media
cetak/elektronik
Lingkungan sekitar
Alokasi Waktu
Sumber Belajar
TM PS PI
halaman web
multimedia pada halaman
web
Mengkomunikasikan
Menyampaikan hasil
pelbagai format multimedia
pada halaman web
Portofolio
Laporan percobaan
Tes
Essay dan pilihan
ganda
3.5. Memahami kaitan
antar dan inter
halaman web
4.5. Menyajikan kaitan
antar dan inter
halaman web
Hyperlink Halaman
Web
1. Anatomi link
2. Format link antar isi
pada satu halaman
web
3. Format link antar
halaman web untuk
membentuk sitemap
4. Format target link,
email dan telepon
Mengamati
Pelbagai jenis link dan
hasilnya terhadap halaman
web
Menanya
tampilan format link dalam
halaman web
Mengeksplorasi
Eksplorasi pelbagai tampilan
format link pada halaman web
Tugas
Menyelesaikan
masalah tampilan
format link pada
halaman web
Observasi
Mengamati
kegiatan/aktivitas
dan dalam diskusi
dengan checklist
9 JP 3 JP Buku Teks Pelajaran
Buku Panduan Guru
Pemrograman Web
Dengan HTML Revisi
Keempat, Betha
Pohan, Ir., M.Eng.,
Bandung, Juni 2012
Learning Web Design
Niederst Robbins,
Penerbit O'Reilly
2012
Buku-buku dan
referensi lain yang
Alokasi Waktu
Sumber Belajar
TM PS PI
Mengasosiasi
antara sitemap dengan
hyperlink
format link pada halaman
web
Mengkomunikasikan
Menyampaikan hasil
pelbagai format link pada
halaman web
lembar pengamatan
atau dalam bentuk
lain
Portofolio
Laporan percobaan
Tes
Essay dan pilihan
ganda
relevan
Media
cetak/elektronik
Lingkungan sekitar
formulir pada
halaman web
4.6. Menyajikan formulir
pada halaman web
Formulir Halaman Web
1. Anatomi dan cara
kerja form
2. Format formulir
3. Komponen entri teks
(input teks password,
dan input multiline)
pada formulir
halaman web
4. Komponen entri
pilihan (input file,
radio, checkbox,
select dan datalist)
pada formulir
halaman web
Mengamati
Pelbagai jenis format formulir
dan tampilannya terhadap
halaman web
Menanya
tampilan format formulir dan
komponen-komponennya
pada halaman web
Mengeksplorasi
Tugas
Menyelesaikan
masalah tentang
format formulir pada
halaman web
Observasi
Mengamati
kegiatan/aktivitas
dan dalam diskusi
Buku Panduan Guru
Pemrograman Web
Dengan HTML Revisi
Keempat, Betha
Pohan, Ir., M.Eng.,
Bandung, Juni 2012
Learning Web Design
Niederst Robbins,
Penerbit O'Reilly
2012
Buku-buku dan
Alokasi Waktu
Sumber Belajar
TM PS PI
format formulir
Eksplorasi pelbagai
komponen-komponen pada
formulir
Mengasosiasi
Menyimpulkan tentang format
formulir dan pelbagai
komponen pada halaman web
Mengkomunikasikan
Menyampaikan hasil
percobaan dan pengamatan
pelbagai format dan
komponen-komponen formulir
pada halaman web
dengan checklist
lembar pengamatan
atau dalam bentuk
lain
Portofolio
Laporan percobaan
Tes
Essay dan pilihan
ganda
referensi lain yang
relevan
Media
cetak/elektronik
Lingkungan sekitar
3.7. Memahami style
pada halaman web
4.7. Menyajikan style
tertentu pada
halaman web
Style Halaman Web
1. Cara kerja dan
anatomi Cascading
Style Sheet
2. Style pada teks dan
gambar
3. Style pada tabel
4. Style pada formulir
Mengamati
Pelbagai jenis style dan
tampilannya pada halaman
web
Menanya
tampilan style pada halaman
web
Tugas
Menyelesaikan
masalah tentang
pelbagai style pada
halaman web
Observasi
Mengamati
16
JP
Buku Teks Pelajaran
Buku Panduan Guru
From Zero To A Pro :
CSS - Tip dan Trik
untuk Menyertakan
Cascading Style
Sheet dalam
Halaman Web, Abdul
Kadir, Penerbit Andi,
2011
Learning Web Design
Niederst Robbins,
Alokasi Waktu
Sumber Belajar
TM PS PI
Mengeksplorasi
style
Eksperimen penerapan style
yang sesuai dari suatu
halaman web
Mengasosiasi
antara style dengan
halaman web yang
dihasilkan
Menganalisa kemiripan hasil
penerapan style dengan
halaman web aslinya
style pada halaman web
Mengkomunikasikan
Menyampaikan hasil diskusi
kelompok tentang pemecahan
masalah menggunakan
pelbagai style pada halaman
web
kegiatan/aktivitas
dan dalam diskusi
dengan checklist
lembar pengamatan
atau dalam bentuk
lain
Portofolio
Laporan percobaan
Tes
Essay dan pilihan
ganda
Penerbit O'Reilly
2012
Buku-buku dan
referensi lain yang
relevan
Media
cetak/elektronik
Lingkungan sekitar
3.8. Memahami teknik
pemrograman pada
halaman web
4.8. Menyajikan teknik-
teknik dalam
pemrograman web
Teknik Pemrograman
Halaman Web
1. Anatomi dan cara
kerja kode javascript
2. Dasar pemrograman
client (variabel, tipe
data, operator)
Mengamati
Teknologi pemrograman
client pada halaman web
Teknik dasar pemrograman
Tugas
Menyelesaikan
masalah penerapan
teknik pemrograman
web client
20
JP
Buku Teks Pelajaran
Buku Panduan Guru
Pemrograman Web
Dengan HTML Revisi
Keempat, Betha
Pohan, Ir., M.Eng.,
Alokasi Waktu
Sumber Belajar
TM PS PI
3. Array dimensi 1 dan
multidimensi
4. Struktur kontrol
percabangan pada
program client
5. Struktur kontrol
perulangan pada
program client
6. Fungsi bawaan dan
buatan user pada
program client
Menanya
Mendiskusikan teknik dasar
pemrograman client pada
halaman web
Mengeksplorasi
Eksperimen pelbagai teknik
dasar pemrograman client
pada halaman web
Mengasosiasi
antara program client
dengan halaman web
pemrograman pada halaman
web
Mengkomunikasikan
Menyampaikan hasil
pelbagai teknik pemrograman
Observasi
Mengamati
kegiatan/aktivitas
dan dalam diskusi
dengan checklist
lembar pengamatan
atau dalam bentuk
lain
Portofolio
Laporan percobaan
Tes
Essay dan pilihan
ganda
Bandung, Juni 2012
Learning Web Design
Niederst Robbins,
Penerbit O'Reilly
2012
Buku-buku dan
referensi lain yang
relevan
Media
cetak/elektronik
Lingkungan sekitar
Alokasi Waktu
Sumber Belajar
TM PS PI
3.9. Memahami
pengelolaan
halaman web
menggunakan kode
program
4.9. Menyajikan hasil
pengelolaan
halaman web
menggunakan kode
program
Pengolahan Input User
1. Akses komponen
form (proses dan
validasi input)
2. Navigasi halaman
melalui kode program
client
3. Perubahan format
style melalui kode
progarm client
Mengamati
Pengolahan input user pada
formulir melalui program
Menanya
Mendiskusikan pengolahan
input user pada formulir
halaman web
Mengeksplorasi
Eksperimen pengolahan input
user pada formulir halaman
web
Mengasosiasi
Menganalisa pengolahan
input user pada formulir
disesuaikan dengan output
yang diharapkan
pengolahan input user
dalam membuat aplikasi
web
Mengkomunikasikan
Menyampaikan hasil
pelbagai format tabel pada
Tugas
Menyelesaikan
masalah pengolahan
input user pada
halaman web
Observasi
Mengamati
kegiatan/aktivitas
dan dalam diskusi
dengan checklist
lembar pengamatan
atau dalam bentuk
lain
Portofolio
Laporan percobaan
Tes
Essay dan pilihan
ganda
12
JP
Buku Teks Pelajaran
Buku Panduan Guru
Pemrograman Web
Dengan HTML Revisi
Keempat, Betha
Pohan, Ir., M.Eng.,
Bandung, Juni 2012
Learning Web Design
Niederst Robbins,
Penerbit O'Reilly
2012
Buku-buku dan
referensi lain yang
relevan
Media
cetak/elektronik
Lingkungan sekitar
Alokasi Waktu
Sumber Belajar
TM PS PI
halaman web
Keterangan:
TM : Tatapmuka
PS : Praktik di Sekolah
PI : Praktek di Industri
Mengetahui :
Kepala Sekolah
Drs. H. Nur Ikhsan
Guru Mata Diklat
Iffa Nurmutia Khalim, S. Kom

Perangkat Pembelajaran X

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Perangkat Pembelajaran X

Diunggah oleh

Hak Cipta:

Format Tersedia

PERANGKAT ADMINISTRASI GURU

BIDANG STUDI : Keahlian Teknik Komputer dan Informatika (TKI)

Anda mungkin juga menyukai