45
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 x

Embed Size (px)

DESCRIPTION

RPP

Citation preview

  • 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 JEPARAJl. Ratu Kalinyamat No.1 Jepara

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 2

    SMK ISLAM

    JEPARA

    SMK ISLAM JEPARA

    LEMBAR PENGESAHAN 14 juli 2014

    Lembar Pengesahan

    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

    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

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 3

    SMK ISLAM

    JEPARA

    SMK ISLAM JEPARA

    LEMBAR PEMERIKSAAN 14 juli 2014

    LEMBAR PEMERIKSAAN

    BUKU ADMINISTRASI GURU

    NAMA GURU : Iffa Nurmutia Khalim, S. Kom

    MATA PELAJARAN : Pemrograman WEBKELAS : X / GasalPROGRAM KEAHLIAN : MultimediaTAHUN PELAJARAN : 2014/2015

    DAFTAR PERANGKAT TERSUSUN

    NO. Jenis Perangkat Semester KeteranganAda 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 2014WaKa Kurikulum Guru Mata Diklat

    Ir. Sukamto Iffa Nurmutia Khalim, S.Kom

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 4

    SMK ISLAM

    JEPARA

    SMK ISLAM JEPARA

    JADWAL MENGAJAR 14 juli 2014

    Semester/ Tahun Pelajaran : Gasal/ 2014-2015Guru Mata Diklat : Iffa Nurmutia Khalim, S.Kom

    No. Mata Pelajaran Kelas Kode1. Pemrograman WEB X Multimedia

    JamKe-

    Pukul HARISenin 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

    Jepara, 14 Juli 2014Guru Mata Diklat

    Iffa Nurmutia Khalim, S.Kom

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 5

    SMK ISLAM

    JEPARA

    SMK ISLAM JEPARA

    RINCIAN MINGGU EFEKTIF DAN ANALISAPROGRAM 14 juli 2014

    PERHITUNGANMINGGU EFEKTIF SEMESTER GASALTAHUN PELAJARAN 2014/2015

    Mata Pelajaran : Pemrograman WEBProgram Keahlian : MultimediaKelas/Semester : X/GasalTahun Pelajaran : 2014/2015No. Nama Bulan Tahun Banyak Minggu Banyak MingguTidak Efektif

    Banyak MingguEfektif

    1.2.3.4.5.6.

    JuliAgustusSeptemberOktoberNovemberDesember

    201420142014201420142014

    554545

    510204

    044341

    Jumlah 28 12 16Rincian : Jumlah jam pembelajaran yang efektif

    16 minggu x 4 jam pelajaran = 64 jam pelajaran

    DISTRIBUSI ALOKASI WAKTU SEMESTER GASALTAHUN PELAJARAN 2014/2015

    No. Kompetensi Dasar Alokasi Waktu1. 3.1. Memahami konsep teknologi aplikasi web

    6JP4.1. Menyajikan berbagai teknologi pengembangan aplikasi web

    Ulangan Harian 1JPRemidial 1JP

    2. 3.2. Memahami format teks pada halaman web 7JP4.2. Menyajikan teks dalam format tertentu pada halaman webUlangan Harian 1JPRemidial 1JPPraktek 3JP

    3. 3.3. Memahami format table pada halaman web 9JP4.3. Menyajikan table pada halaman webUlangan Harian 1JPRemidial 1JPPraktek 5JP

    4. 3.4. Memahami tampilan format multimedia pada halaman web 9JP4.4. Menyajikan tampilan format multimedia pada halaman webUlangan Harian 1JPRemidial 1JPPraktek 5JP

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 6

    5. 3.5. Memahami kaitan antar dan inter halaman web7JP4.5. Menyajikan kaitan antar dan inter halaman web

    Ulangan Harian 1JPRemidial 1JPPraktek 3JP

    Jumlah 64JP

    Jepara, 14 juli 2014

    Mengetahui,Kepala Sekolah Guru Mata Diklat

    Drs. H. Nur Ikhsan Iffa Nurmutia Khalim, S. Kom

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 7

    SMK ISLAM

    JEPARA

    SMK ISLAM JEPARA

    DAFTAR CATATAN DAN HAMBATAN SISWA 14 juli 2014

    X Multimedia 1No. Nama Kelas Catatan/

    HambatanPemecahan Ket.

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 8

    Jepara, 14 Juli 2014Guru Mata Diklat

    Iffa Nurmutia Khalim, S.Kom

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 9

    X Multimedia 2No. Nama Kelas Catatan/

    HambatanPemecahan Ket.

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 10

    Jepara, 14 Juli 2014Guru Mata Diklat

    Iffa Nurmutia Khalim, S.Kom

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 11

    SMK ISLAM

    JEPARA

    SMK ISLAM JEPARA

    AGENDA GURU 14 juli 2014

    Hari/ Tanggal JamKe-

    Kelas Kompetensi/Sub KompetensiUraian Kegiatan

    Keterangan

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 12

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 13

    Jepara, 14 Juli 2014Guru Mata Diklat

    Iffa Nurmutia Khalim, S.Kom

    PRESENSI KEHADIRANMata Pelajaran : PEMROGRAMANWEBKelas / Semester : X MM1/ Gasal

    SMK ISLAM

    JEPARA

    SMK ISLAM JEPARA

    PRESENSI KEHADIRAN 14 juli 2014

    No Nama Tanggal JML Ket

    S A I

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 14

    Jepara, 14 Juli 2014

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 15

    Guru Mata Diklat

    Iffa Nurmutia Khalim

    PRESENSI KEHADIRANMata Pelajaran : PEMROGRAMANWEBKelas / Semester : X MM2/ Gasal

    No Nama Tanggal JML Ket

    S A I

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 16

    Jepara, 14 Juli 2014Guru Mata Diklat

    Iffa Nurmutia Khalim, S.Kom

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 17

    Nama Sekolah : SMK ISLAM JEPARAKompetensi Keahlian : MultimediaMata Pelajaran : Pemrograman WEBKelas/ Semester : X/ GasalTahun Pelajaran : 2014/2015Guru Mata Diklat : Iffa Nurmutia Khalim, S.KomStandar Kompetensi : Pemrograman WEB

    No. Kompetensi Dasar danIndikator Pencapaian

    Kriteria Ketuntasan MinimalKriterria Penetapan Ketuntasan Nilai

    Kompleksitas Daya dukung Intake KKM1. Mengenal Konsep

    teknologi aplikasi web2. Mengenal format teks

    pada halaman web3. Mengenal format table

    pada halaman web4. Mengenal tampilan

    format pada halamanweb

    5. Menngenal kaitan antardan inter halaman web

    Jepara, 14 Juli 2014Guru Mata Diklat

    SMK ISLAM

    JEPARA

    SMK ISLAM JEPARA

    KRITERIA KETUNTASAN MINIMAL 14 juli 2014

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 18

    Iffa Nurmutia Khalim, S.Kom

    Rencana Pelaksanaan Pembelajaran(RPP)

    Satuan Pendidikan : SMK ISLAM JEPARAMata Pelajaran : Keahlian Teknik Komputer dan Informatika (TKI)Kelas/Semester : X/GanjilMateri Pokok : Pemrograman WEBAlokasi Waktu : 64X45 menit

    A. Kompetensi Inti1. 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 sikapsebagai bagian dari solusi atas berbagai permasalahan dalam berinteraksi secara efektifdengan lingkungan sosial dan alam serta dalam menempatkan diri sebagai cerminanbangsa dalam pergaulan dunia.

    3. Memahami, menerapkan dan menganalisis pengetahuan faktual, konseptual, danprosedural berdasarkan rasa ingin tahunya tentang ilmu pengetahuan, teknologi, seni,budaya, dan humaniora dalam wawasan kemanusiaan, kebangsaan, kenegaraan, danperadaban terkait penyebab fenomena dan kejadian dalam bidang kerja yang spesifikuntuk memecahkan masalah.

    SMK ISLAM

    JEPARA

    SMK ISLAM JEPARA

    Rencana Pelaksanaan Pembelajaran (RPP) 14 juli 2014

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 19

    4. Mengolah, menalar, dan menyaji dalam ranah konkret dan ranah abstrak terkait denganpengembangan dari yang dipelajarinya di sekolah secara mandiri, dan mampumelaksanakan tugas spesifik di bawah pengawasan langsung.

    B. Kompetensi Dasar dan Indikator1. Mensyukuri kesempatan yang diberikan oleh Allah S.W.T. dalam memahami konsep

    teknologi aplikasi web2. Menunjukkan perilaku jujur, disiplin, tanggung jawab, peduli, santun dalam memahami

    format teks pada halaman web3. Mampu memahami, menerapkan, menganalisis format table pada halaman web4. Mampu mengolah, menalar serta menyajikan tampilan format yang dibutuhkan pada

    halaman web5. Mampu menyajikan kaitan antar dan inter halaman web6. Mampu menyajikan format formulir pada halaman web

    C. Tujuan Pembelajaran1. Peserta didik mampu memahami berbagai teknologi aplikasi web beserta sejarah dan cara

    kerjanya dan mampu mengeksplorasi aplikasi-aplikasi untuk pengembangan aplikasi webdengan 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 antarisi, link antar halaman, dan target link) pada halaman web

    6. Peserta didik mampu menyelesaikan masalah tentang format formulir pada halaman webD. Materi Pembelajaran

    1. Teknologi Aplikasi Web1. Profesi dalam pengembangan aplikasi web2. Sejarah dan cara kerja web3. Alur pengembangan aplikasi web4. Perangkat pengembangan aplikasi web

    2. Format Teks Halaman Web1. Anatomi dokumen web2. Pemformatan teks dan paragrap3. Pembuatan list minimal4. Pembuatan list kombinasi

    3. Format Tabel Halaman Web1. Anatomi tabel minimal2. Tabel dengan spanning3. Tabel di dalam tabel4. Desain halaman web dengan konsep table

    4. Multimedia pada Halaman Web1. Format tampilan gambar2. Format tampilan file audio3. Format tampilan file video dan animasi4. Format tampilan gambar dengan map

    5. Hyperlink Halaman Web1. Anatomi link

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 20

    2. Format link antar isi pada satu halaman web3. Format link antar halaman web untuk membentuk sitemap4. 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 PembelajaranPertemuan ke 1 (8JP)

    Kegiatan Deskripsi Kegiatan Alokasi WaktuPendahuluan

    Inti

    1. Siswa merespon salam dan pertanyaan dari guruberhubungan dengan kondisi ,absensi

    2. Sebagai apersepsi untuk mendorong rasa ingin tahudan berpikir kritis, guru mengajukan pertanyaantentang aplikasi web

    3. Guru memotivasi siswa dengan membacakanberbagai sumber mengenai teknologi web

    4. Siswa menerima informasi tentang kompetensi, ruanglingkup materi, tujuan, manfaat, dan langkahpembelajaran serta metode yang akan dilaksanakan.

    Mengamati Cara kerja web Penawaran layanan hostingMenanya Mendiskusikan cara kerja web Mendiskusikan hosting aplikasi webMengeksplorasiMembandingkan pelbagai penawaran hostingMengeksplorasi aplikasi-aplikasi untuk pengembanganaplikasi web

    30 menit

    75 menit

    75 menit

    80 menit

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 21

    Penutup

    MengasosiasiMenyimpulkan tentang cara kerja web, hosting danpenggunaan aplikasi pengembangan aplikasi web

    MengkomunikasikanMenyampaikan hasil tentang cara kerja web,perbandingan pelbagai layanan hosting dan penggunaanaplikasi pengembangan web

    1. Siswa menyimpulkan materi yang telah dipelajari2. Siswa merefleksi penguasaan materi yang telah

    dipelajari dengan membuat catatan penguasaanmateri.

    3. Guru memberikan tugas mandiri sebagai pelatihanketerampilan

    4. Siswa mendengarkan arahan guru untuk materi padapertemuan berikutnya

    40 menit

    30 menit

    25 menit

    Pertemuan ke 2, 3 (12JP)Kegiatan Deskripsi Kegiatan Alokasi WaktuPendahuluan

    Inti

    1. Siswa merespon salam dan pertanyaan dari guruberhubungan dengan kondisi ,absensi

    2. Sebagai apersepsi untuk mendorong rasa ingin tahudan berpikir kritis, guru mengajukan pertanyaantentang format teks

    3. Guru memotivasi siswa dengan membacakanberbagai sumber mengenai format teks yang biasadigunakan pada halaman web

    4. Siswa menerima informasi tentang kompetensi, ruanglingkup materi, tujuan, manfaat, dan langkahpembelajaran serta metode yang akan dilaksanakan.

    MengamatiPelbagai jenis format teks dan hasilnya terhadap halamanweb

    Menanya Mendiskusikan pelbagai tampilan format teks padahalaman web

    Mendiskusikan penerapan format teks yang sesuai darisuatu halaman web

    Mengeksplorasi Eksplorasi pelbagai jenis format teks

    30 menit

    120 menit

    120 menit

    85 menit

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 22

    Penutup

    Eksperimen penerapan format teks yang sesuai darisuatu halaman web

    MengasosiasiMenganalisa hubungan antara format teks denganhalaman web yang dihasilkan

    Menganalisa kemiripan hasil penerapan format teksdengan halaman web aslinya

    Menyimpulkan penerapan format teks pada halamanweb

    MengkomunikasikanMenyampaikan hasil diskusi kelompok tentangpemecahan masalah menggunakan pelbagai format teks

    1. Siswa menyimpulkan materi yang telah dipelajari2. Siswa merefleksi penguasaan materi yang telah

    dipelajari dengan membuat catatan penguasaanmateri.

    3. Guru memberikan tugas mandiri sebagai pelatihanketerampilan

    4. Siswa mendengarkan arahan guru untuk materi padapertemuan berikutnya

    95 menit

    35 menit

    30 menit

    Pertemuan ke 3, 4,5(16JP)Kegiatan Deskripsi Kegiatan Alokasi WaktuPendahuluan

    Inti

    1. Siswa merespon salam dan pertanyaan dari guruberhubungan dengan kondisi ,absensi

    2. Sebagai apersepsi untuk mendorong rasa ingin tahudan berpikir kritis, guru mengajukan pertanyaantentang format tabel

    3. Guru memotivasi siswa dengan membacakanberbagai sumber mengenai tampilan format tabelpada halaman web

    4. Siswa menerima informasi tentang kompetensi, ruanglingkup materi, tujuan, manfaat, dan langkahpembelajaran serta metode yang akan dilaksanakan.

    Mengamati Pelbagai jenis format tabel dan hasilnya terhadaphalaman web

    Desain layout dalam format tabel untuk suatu halamanweb

    Menanya Mendiskusikan pelbagai tampilan format tabel dalamhalaman web

    Mendiskusikan desain layout suatu halaman web dalamformat tabel

    30 menit

    180 menit

    135 menit

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 23

    Penutup

    Mengeksplorasi Eksplorasi pelbagai tampilan format tabel pada halamanweb

    Eksperimen desain layout suatu halaman web denganformat tabel

    MengasosiasiMenganalisa hubungan antara format tabel dengantampilannya pada halaman web

    Menganalisa format tabel untuk mendapatkan desainlayout halaman web yang sesuai

    Menyimpulkan penerapan format tabel pada halamanweb

    MengkomunikasikanMenyampaikan hasil pengamatan dan percobaan pelbagaiformat tabel pada halaman web

    1. Siswa menyimpulkan materi yang telah dipelajari2. Siswa merefleksi penguasaan materi yang telah

    dipelajari dengan membuat catatan penguasaanmateri.

    3. Guru memberikan tugas mandiri sebagai pelatihanketerampilan

    4. Siswa mendengarkan arahan guru untuk materi padapertemuan berikutnya

    225 menit

    60 menit

    45 menit

    45 meniit

    Pertemuan ke 5, 6, 7 (16JP)Kegiatan Deskripsi Kegiatan Alokasi WaktuPendahuluan

    Inti

    1. Siswa merespon salam dan pertanyaan dari guruberhubungan dengan kondisi ,absensi

    2. Sebagai apersepsi untuk mendorong rasa ingin tahudan berpikir kritis, guru mengajukan pertanyaantentang multimedia

    3. Guru memotivasi siswa dengan membacakanberbagai sumber mengenai multimedia

    4. Siswa menerima informasi tentang kompetensi, ruanglingkup materi, tujuan, manfaat, dan langkahpembelajaran serta metode yang akan dilaksanakan.

    MengamatiPelbagai tampilan format multimedia pada halaman web

    MenanyaMendiskusikan pelbagai tampilan format multimediadalam halaman web

    MengeksplorasiEksplorasi pelbagai tampilan format multimedia pada

    30 menit

    135 menit

    90 menit

    1225 menit

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 24

    Penutup

    halaman web

    MengasosiasiMenganalisa hubungan antara format multimediadengan tampilannya pada halaman web

    Menyimpulkan penerapan multimedia pada halamanweb

    MengkomunikasikanMenyampaikan hasil pengamatan dan percobaan pelbagaiformat multimedia pada halaman web

    1. Siswa menyimpulkan materi yang telah dipelajari2. Siswa merefleksi penguasaan materi yang telah

    dipelajari dengan membuat catatan penguasaanmateri.

    3. Guru memberikan tugas mandiri sebagai pelatihanketerampilan

    4. Siswa mendengarkan arahan guru untuk materi padapertemuan berikutnya

    135 menit

    60 menit

    45 menit

    Pertemuan ke 7, 8 (12JP)Kegiatan Deskripsi Kegiatan Alokasi WaktuPendahuluan

    Inti

    1. Siswa merespon salam dan pertanyaan dari guruberhubungan dengan kondisi ,absensi

    2. Sebagai apersepsi untuk mendorong rasa ingin tahudan berpikir kritis, guru mengajukan pertanyaantentang antar dan inter halaman web

    3. Guru memotivasi siswa dengan membacakanberbagai sumber mengenai link antar dan interhalaman web yang biasa digunakan

    4. Siswa menerima informasi tentang kompetensi, ruanglingkup materi, tujuan, manfaat, dan langkahpembelajaran serta metode yang akan dilaksanakan.

    MengamatiPelbagai jenis link dan hasilnya terhadap halaman web

    MenanyaMendiskusikan pelbagai tampilan format link dalamhalaman web

    MengeksplorasiEksplorasi pelbagai tampilan format link pada halamanweb

    MengasosiasiMenganalisa hubungan antara sitemap denganhyperlink

    30 menit

    90 menit

    90 menit

    225 menit

    45 menit

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 25

    Penutup

    Menyimpulkan penerapan format link pada halamanweb

    MengkomunikasikanMenyampaikan hasil pengamatan dan percobaan pelbagaiformat link pada halaman web

    1. Siswa menyimpulkan materi yang telah dipelajari2. Siswa merefleksi penguasaan materi yang telah

    dipelajari dengan membuat catatan penguasaanmateri.

    3. Guru memberikan tugas mandiri sebagai pelatihanketerampilan

    4. Siswa mendengarkan arahan guru untuk materi padapertemuan berikutnya

    30 menit

    30 menit

    I. Penilaian Hasil BelajarNo. Aspek Mekanisme dan Prosedur Instrument Keterangan1. 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

    Jepara, 14 juli 2014Mengetahui,Kepala Sekolah Guru Mata Diklat

    Drs. H. Nur Ikhsan Iffa Nurmuutia Khalim, S.Kom

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 26

    Lampiran 1Lembar Pengamatan

    Lembar Pengamatan Sikap

    Mata Pelajaran : ...........................................................................................Kelas / Semester : Tahun Ajaran : Waktu Pengamatan :

    Indikator perkembangan sikap religious, tanggung jawab, peduli, responsive, dan santun1. BT (Belum Tampak) Jika sama sekali tidak menunjukkan usaha sungguh-sungguh dalam

    menyelesaikan tugas2. MT (Mulai Tampak) jika menunjukkan sudah ada usaha sungguh-sungguh dalam

    menyelesaikan tugas tetapi masih sedikit dan belum ajeg/konsisten3. MB (Mulai Berkembang) jika menunjukkan ada usaha sungguh-sungguh dalam

    menyelesaikan tugas yang cukup sering dan mulai ajeg/konsisten4. 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

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 27

    No Nama Siswa Religius Tanggungjawab

    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..

    Keterangan1. BT = Kurang2. MT = Sedang3. MB = Baik4. MK = Sangat baik

    Lampiran 2Lembar observasi dan kinerja presentasi mengenai sikap ilmiah saat diskusi dan presentasi

    LEMBAR PENGAMATAN OBSERVASI DAN KINERJA PRESENTASIMata Pelajaran : Pemrograman WEBKelas/ Program : X/ Multimedia

    No. Nama Siswa Observasi Kinerja Presentasi JumlahSkor

    Jujur Disiplin Brtggjawab

    Peduli Kerjasama

    Jumlah

    Prnsrt

    Visual

    isi

    (1) (2) (3) (4) (5) (6) (7) (8) (9)

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 28

    Keterangan pengisisan skor4 = Sangat Tinggi3 = Tinggi2 = Cukup Tinggi1 = Kurang

    Presentasi kelompokAspek :

    1. Penguasaan materi2. Tehnik bertanya/menjawab3. Metode penyajian

    INDIKATOR KOMPETENSI INTI 1 DAN 2

    1. Jujura. Menyampaikan sesuatu berdasarkan keadaan yang sebenarnyab. Tidak menutupi kesalahan yang terjadi

    2. Disiplina. Selalu hadir di kelas tepat waktub. Mengerjakan LKS sesuai petunjuk dan tepat waktuc. Mentaati aturan main dalam kerja mandiri dan kelompok

    3. Tanggung jawaba. Berusaha menyelesaikan tugas dengan sungguh-sungguhb. Bertanya kepada teman/guru bila menjumpai masalahc. Menyelesaikan permasalahan yang menjadi tanggung jawabnyad. Partisipasi dalam kelompok

    4. Pedulia. Menjaga kebersihan kelas, membantu teman yang membutuhkanb. Menunjukkan rasa empati dan simpati untuk ikut menyelesaikan masalahc. Mampu memberikan ide/gagasan terhadap suatu masalah yang ada di sekitarnyad. Memberikan bantuan sesuai dengan kemampuannya

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 29

    5. Kerja samaa. Mengerjakan proyek dengan sungguh-sungguhb. Menunjukkan sikap bersahabatc. Berusaha menemukan solusi permasalahan secara bersama dalam kelompoknyad. Menghargai pendapat lain

    PEDOMAN PENILAIAN:

    a. Penilaian dilakukan dengan cara membandingkan karakter siswa pada kondisi awal denganpencapaian dalam waktu tertentu.

    b. Hasil yang dicapai selanjutnya dicatat, dianalisis dan diadakan tindak lanjut.

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim, S.Kom 30

    PROGRAM SEMESTER GASALTAHUN 2014-2015

    SEKOLAH : SMK ISLAM JEPARAPROGRAM KEAHLIAN : MultimediaMATA DIKLAT : Keahlian Teknik Komputer dan Informatika (TKI)STANDAR KOMPETENSI : Jaringan Dasar

    Pemrograman WEBKELAS/SEMESTER : X/1DURASI WAKTU : 136 Jam@ 45MenitA. Perhitungan Alokasi Waktu

    NO

    SEMESTE

    R

    BULAN, TAHUN

    JUMLAH JUMLAH HARI LIBUR

    JUMLAHHARIHARI

    BELAJAREFEKTIF

    HARIPERTAMAMASUK

    KEG. JEDASMT/TES/KD/UN

    MENGIKUTIUPACARA

    PENYERAHANBLP

    AKHIRSEMESTER MINGGU UMUM

    RAMADHAN/HARI RAYA

    1

    GASA

    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

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 31

    SILABUS MATA PELAJARAN PEMROGRAMAN WEB(DASAR PROGRAM KEAHLIAN TEKNOLOGI INFORMASI DAN KOMUNIKASI)

    Satuan Pendidikan : SMK ISLAM JEPARAKelas : X MULTIMEDIAKompetensi 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 efektifdengan 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 tentangilmu pengetahuan, teknologi, seni, budaya, dan humaniora dalam wawasan kemanusiaan, kebangsaan, kenegaraan, dan peradabanterkait 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 disekolah secara mandiri, dan mampu melaksanakan tugas spesifik di bawah pengawasan langsung.

    Kompetensi Dasar Materi Pokok Pembelajaran* PenilaianAlokasi Waktu

    Sumber BelajarTM PS PI

    1.1. Memahami nilai-nilai keimanandengan menyadarihubunganketeraturan dankompleksitas alam

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 32

    Kompetensi Dasar Materi Pokok Pembelajaran* PenilaianAlokasi Waktu

    Sumber BelajarTM PS PI

    dan jagad rayaterhadap kebesaranTuhan yangmenciptakannya

    1.2. Mendeskripsikankebesaran Tuhanyang menciptakanberbagai sumberenergi di alam

    1.3. Mengamalkannilai-nilai keimanansesuai denganajaran agama dalamkehidupan sehari-hari

    2.1. Menunjukkanperilaku ilmiah(memiliki rasa ingintahu; objektif; jujur;teliti; cermat; tekun;hati-hati;bertanggung jawab;terbuka; kritis;kreatif; inovatif danpeduli lingkungan)dalam aktivitassehari-hari sebagaiwujud implementasisikap dalammelakukanpercobaan danberdiskusi

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 33

    Kompetensi Dasar Materi Pokok Pembelajaran* PenilaianAlokasi Waktu

    Sumber BelajarTM PS PI

    2.2. Menghargai kerjaindividu dankelompok dalamaktivitas sehari-harisebagai wujudimplementasimelaksanakanpercobaan danmelaporkan hasilpercobaan

    3.1. Memahami konsepteknologi aplikasiweb

    4.1. Menyajikan pelbagaiteknologipengembanganaplikasi web

    Teknologi Aplikasi Web

    Profesi dalampengembanganaplikasi web

    Sejarah dan carakerja web

    Alur pengembanganaplikasi web

    Perangkatpengembanganaplikasi web

    Mengamati

    Cara kerja web Penawaran layanan hostingMenanya

    Mendiskusikan cara kerjaweb

    Mendiskusikan hostingaplikasi web

    Mengeksplorasi

    Membandingkan pelbagaipenawaran hosting

    Mengeksplorasi aplikasi-aplikasi untukpengembangan aplikasi web

    Mengasosiasi

    Menyimpulkan tentang carakerja web, hosting danpenggunaan aplikasi

    TugasMenyelesaikanmasalah tentangteknologi aplikasi web

    Observasi

    Mengamatikegiatan/aktivitassiswa secara individudan dalam diskusidengan checklistlembar pengamatanatau dalam bentuklain

    Portofolio

    8 JP Buku Teks Pelajaran Buku Panduan Guru Pemrograman WebDengan HTML RevisiKeempat, Bethasidik, Ir., Husni I.Pohan, Ir., M.Eng.,Penerbit InformatikaBandung, Juni 2012

    Learning Web Design4th Edition, JenniferNiederst Robbins,Penerbit O'ReillyMedia, Inc.: Kanada,2012

    Buku-buku danreferensi lain yangrelevan

    Mediacetak/elektronik

    Lingkungan sekitar

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 34

    Kompetensi Dasar Materi Pokok Pembelajaran* PenilaianAlokasi Waktu

    Sumber BelajarTM PS PI

    pengembangan aplikasi web

    Mengkomunikasikan

    Menyampaikan hasil tentangcara kerja web, perbandinganpelbagai layanan hosting danpenggunaan aplikasipengembangan web

    Hasil kerjamandiri/kelompok

    Bahan Presentasi

    Tes

    Essay dan/ataupilihan ganda

    3.2. Memahami formatteks pada halamanweb

    4.2. Menyajikan teksdalam formattertentu padahalaman web

    Format Teks HalamanWeb1. Anatomi dokumen

    web2. Pemformatan teks

    dan paragraph3. Pembuatan list

    minimal4. Pembuatan list

    kombinasi

    MengamatiPelbagai jenis format teks danhasilnya terhadap halamanweb

    Menanya

    Mendiskusikan pelbagaitampilan format teks padahalaman web

    Mendiskusikan penerapanformat teks yang sesuai darisuatu halaman web

    Mengeksplorasi

    Eksplorasi pelbagai jenisformat teks

    Eksperimen penerapanformat teks yang sesuai darisuatu halaman web

    TugasMenyelesaikanmasalah tentangpelbagai format teks

    Observasi

    Mengamatikegiatan/aktivitassiswa secara individudan dalam diskusidengan checklistlembar pengamatanatau dalam bentuklain

    9 JP 3 JP Buku Teks Pelajaran Buku Panduan Guru Pemrograman WebDengan HTML RevisiKeempat, Bethasidik, Ir., Husni I.Pohan, Ir., M.Eng.,Penerbit InformatikaBandung, Juni 2012

    Learning Web Design4th Edition, JenniferNiederst Robbins,Penerbit O'ReillyMedia, Inc.: Kanada,2012

    Buku-buku danreferensi lain yangrelevan

    Mediacetak/elektronik

    Lingkungan sekitar

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 35

    Kompetensi Dasar Materi Pokok Pembelajaran* PenilaianAlokasi Waktu

    Sumber BelajarTM PS PI

    Mengasosiasi

    Menganalisa hubunganantara format teks denganhalaman web yangdihasilkan

    Menganalisa kemiripan hasilpenerapan format teksdengan halaman webaslinya

    Menyimpulkan penerapanformat teks pada halamanweb

    Mengkomunikasikan

    Menyampaikan hasil diskusikelompok tentang pemecahanmasalah menggunakanpelbagai format teks

    Portofolio

    Hasil kerjamandiri/kelompok

    Bahan Presentasi

    TesEssay dan pilihanganda

    3.3. Memahami formattabel pada halamanweb

    4.3. Menyajikan tabelpada halaman web

    Format Tabel HalamanWeb1. Anatomi tabel

    minimal2. Tabel dengan

    spanning3. Tabel di dalam tabel4. Desain halaman web

    dengan konsep tabel

    Mengamati

    Pelbagai jenis format tabeldan hasilnya terhadaphalaman web

    Desain layout dalam formattabel untuk suatu halamanweb

    Menanya

    Mendiskusikan pelbagai

    TugasMenyelesaikanmasalah format tabelpada halaman web

    Observasi

    Mengamati

    11JP

    5 JP Buku Teks Pelajaran Buku Panduan Guru Pemrograman WebDengan HTML RevisiKeempat, Bethasidik, Ir., Husni I.Pohan, Ir., M.Eng.,Penerbit InformatikaBandung, Juni 2012

    Learning Web Design4th Edition, Jennifer

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 36

    Kompetensi Dasar Materi Pokok Pembelajaran* PenilaianAlokasi Waktu

    Sumber BelajarTM PS PI

    tampilan format tabel dalamhalaman web

    Mendiskusikan desainlayout suatu halaman webdalam format tabel

    Mengeksplorasi

    Eksplorasi pelbagaitampilan format tabel padahalaman web

    Eksperimen desain layoutsuatu halaman web denganformat tabel

    Mengasosiasi

    Menganalisa hubunganantara format tabel dengantampilannya pada halamanweb

    Menganalisa format tabeluntuk mendapatkan desainlayout halaman web yangsesuai

    Menyimpulkan penerapanformat tabel pada halamanweb

    Mengkomunikasikan

    Menyampaikan hasilpengamatan dan percobaanpelbagai format tabel padahalaman web

    kegiatan/aktivitassiswa secara individudan dalam diskusidengan checklistlembar pengamatanatau dalam bentuklain

    PortofolioLaporan percobaan

    Tes

    Essay dan pilihanganda

    Niederst Robbins,Penerbit O'ReillyMedia, Inc.: Kanada,2012

    Buku-buku danreferensi lain yangrelevan

    Mediacetak/elektronik

    Lingkungan sekitar

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 37

    Kompetensi Dasar Materi Pokok Pembelajaran* PenilaianAlokasi Waktu

    Sumber BelajarTM PS PI

    3.4. Memahamitampilan formatmultimedia padahalaman web

    4.4. Menyajikantampilan formatmultimedia padahalaman web

    Multimedia padaHalaman Web1. Format tampilan

    gambar2. Format tampilan file

    audio3. Format tampilan file

    video dan animasi4. Format tampilan

    gambar dengan map

    MengamatiPelbagai tampilan formatmultimedia pada halaman web

    MenanyaMendiskusikan pelbagaitampilan format multimediadalam halaman web

    Mengeksplorasi

    Eksplorasi pelbagai tampilanformat multimedia padahalaman web

    Mengasosiasi

    Menganalisa hubunganantara format multimediadengan tampilannya pada

    TugasMenyelesaikanmasalah tampilanformat multimediapada halaman web

    Observasi

    Mengamatikegiatan/aktivitassiswa secara individudan dalam diskusidengan checklistlembar pengamatanatau dalam bentuklain

    11JP

    5 JP Buku Teks Pelajaran Buku Panduan Guru Pemrograman WebDengan HTML RevisiKeempat, Bethasidik, Ir., Husni I.Pohan, Ir., M.Eng.,Penerbit InformatikaBandung, Juni 2012

    Learning Web Design4th Edition, JenniferNiederst Robbins,Penerbit O'ReillyMedia, Inc.: Kanada,2012

    Buku-buku danreferensi lain yangrelevan

    Mediacetak/elektronik

    Lingkungan sekitar

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 38

    Kompetensi Dasar Materi Pokok Pembelajaran* PenilaianAlokasi Waktu

    Sumber BelajarTM PS PI

    halaman web Menyimpulkan penerapanmultimedia pada halamanweb

    MengkomunikasikanMenyampaikan hasilpengamatan dan percobaanpelbagai format multimediapada halaman web

    Portofolio

    Laporan percobaan

    Tes

    Essay dan pilihanganda

    3.5. Memahami kaitanantar dan interhalaman web

    4.5. Menyajikan kaitanantar dan interhalaman web

    Hyperlink HalamanWeb1. Anatomi link2. Format link antar isi

    pada satu halamanweb

    3. Format link antarhalaman web untukmembentuk sitemap

    4. Format target link,email dan telepon

    Mengamati

    Pelbagai jenis link danhasilnya terhadap halamanweb

    MenanyaMendiskusikan pelbagaitampilan format link dalamhalaman web

    Mengeksplorasi

    Eksplorasi pelbagai tampilanformat link pada halaman web

    Tugas

    Menyelesaikanmasalah tampilanformat link padahalaman web

    Observasi

    Mengamatikegiatan/aktivitassiswa secara individudan dalam diskusidengan checklist

    9 JP 3 JP Buku Teks Pelajaran Buku Panduan Guru Pemrograman WebDengan HTML RevisiKeempat, Bethasidik, Ir., Husni I.Pohan, Ir., M.Eng.,Penerbit InformatikaBandung, Juni 2012

    Learning Web Design4th Edition, JenniferNiederst Robbins,Penerbit O'ReillyMedia, Inc.: Kanada,2012

    Buku-buku danreferensi lain yang

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 39

    Kompetensi Dasar Materi Pokok Pembelajaran* PenilaianAlokasi Waktu

    Sumber BelajarTM PS PI

    Mengasosiasi

    Menganalisa hubunganantara sitemap denganhyperlink

    Menyimpulkan penerapanformat link pada halamanweb

    Mengkomunikasikan

    Menyampaikan hasilpengamatan dan percobaanpelbagai format link padahalaman web

    lembar pengamatanatau dalam bentuklain

    PortofolioLaporan percobaan

    Tes

    Essay dan pilihanganda

    relevan Mediacetak/elektronik

    Lingkungan sekitar

    3.6. Memahami formatformulir padahalaman web

    4.6. Menyajikan formulirpada halaman web

    Formulir Halaman Web1. Anatomi dan cara

    kerja form2. Format formulir3. Komponen entri teks

    (input teks password,dan input multiline)pada formulirhalaman web

    4. Komponen entripilihan (input file,radio, checkbox,select dan datalist)pada formulirhalaman web

    MengamatiPelbagai jenis format formulirdan tampilannya terhadaphalaman web

    Menanya

    Mendiskusikan pelbagaitampilan format formulir dankomponen-komponennyapada halaman web

    Mengeksplorasi

    Eksplorasi pelbagai jenis

    TugasMenyelesaikanmasalah tentangformat formulir padahalaman web

    Observasi

    Mengamatikegiatan/aktivitassiswa secara individudan dalam diskusi

    8 JP Buku Teks Pelajaran Buku Panduan Guru Pemrograman WebDengan HTML RevisiKeempat, Bethasidik, Ir., Husni I.Pohan, Ir., M.Eng.,Penerbit InformatikaBandung, Juni 2012

    Learning Web Design4th Edition, JenniferNiederst Robbins,Penerbit O'ReillyMedia, Inc.: Kanada,2012

    Buku-buku dan

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 40

    Kompetensi Dasar Materi Pokok Pembelajaran* PenilaianAlokasi Waktu

    Sumber BelajarTM PS PI

    format formulir Eksplorasi pelbagaikomponen-komponen padaformulir

    MengasosiasiMenyimpulkan tentang formatformulir dan pelbagaikomponen pada halaman web

    Mengkomunikasikan

    Menyampaikan hasilpercobaan dan pengamatanpelbagai format dankomponen-komponen formulirpada halaman web

    dengan checklistlembar pengamatanatau dalam bentuklain

    Portofolio

    Laporan percobaan

    TesEssay dan pilihanganda

    referensi lain yangrelevan

    Mediacetak/elektronik

    Lingkungan sekitar

    3.7. Memahami stylepada halaman web

    4.7. Menyajikan styletertentu padahalaman web

    Style Halaman Web1. Cara kerja dan

    anatomi CascadingStyle Sheet

    2. Style pada teks dangambar

    3. Style pada tabel4. Style pada formulir

    Mengamati

    Pelbagai jenis style dantampilannya pada halamanweb

    MenanyaMendiskusikan pelbagaitampilan style pada halamanweb

    Tugas

    Menyelesaikanmasalah tentangpelbagai style padahalaman web

    Observasi

    Mengamati

    16JP

    Buku Teks Pelajaran Buku Panduan Guru From Zero To A Pro :CSS - Tip dan Trikuntuk MenyertakanCascading StyleSheet dalamHalaman Web, AbdulKadir, Penerbit Andi,2011

    Learning Web Design4th Edition, JenniferNiederst Robbins,

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 41

    Kompetensi Dasar Materi Pokok Pembelajaran* PenilaianAlokasi Waktu

    Sumber BelajarTM PS PI

    Mengeksplorasi

    Eksplorasi pelbagai jenisstyle

    Eksperimen penerapan styleyang sesuai dari suatuhalaman web

    Mengasosiasi

    Menganalisa hubunganantara style denganhalaman web yangdihasilkan

    Menganalisa kemiripan hasilpenerapan style denganhalaman web aslinya

    Menyimpulkan penerapanstyle pada halaman web

    Mengkomunikasikan

    Menyampaikan hasil diskusikelompok tentang pemecahanmasalah menggunakanpelbagai style pada halamanweb

    kegiatan/aktivitassiswa secara individudan dalam diskusidengan checklistlembar pengamatanatau dalam bentuklain

    PortofolioLaporan percobaan

    Tes

    Essay dan pilihanganda

    Penerbit O'ReillyMedia, Inc.: Kanada,2012

    Buku-buku danreferensi lain yangrelevan

    Mediacetak/elektronik

    Lingkungan sekitar

    3.8. Memahami teknikpemrograman padahalaman web

    4.8. Menyajikan teknik-teknik dalampemrograman web

    Teknik PemrogramanHalaman Web1. Anatomi dan cara

    kerja kode javascript2. Dasar pemrograman

    client (variabel, tipedata, operator)

    Mengamati

    Teknologi pemrogramanclient pada halaman web

    Teknik dasar pemrogramanclient pada halaman web

    TugasMenyelesaikanmasalah penerapanteknik pemrogramanweb client

    20JP

    Buku Teks Pelajaran Buku Panduan Guru Pemrograman WebDengan HTML RevisiKeempat, Bethasidik, Ir., Husni I.Pohan, Ir., M.Eng.,

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 42

    Kompetensi Dasar Materi Pokok Pembelajaran* PenilaianAlokasi Waktu

    Sumber BelajarTM PS PI

    3. Array dimensi 1 danmultidimensi

    4. Struktur kontrolpercabangan padaprogram client

    5. Struktur kontrolperulangan padaprogram client

    6. Fungsi bawaan danbuatan user padaprogram client

    Menanya

    Mendiskusikan teknik dasarpemrograman client padahalaman web

    MengeksplorasiEksperimen pelbagai teknikdasar pemrograman clientpada halaman web

    Mengasosiasi

    Menganalisa hubunganantara program clientdengan halaman web

    Menyimpulkan penerapanpemrograman pada halamanweb

    MengkomunikasikanMenyampaikan hasilpengamatan dan percobaanpelbagai teknik pemrogramanclient pada halaman web

    Observasi

    Mengamatikegiatan/aktivitassiswa secara individudan dalam diskusidengan checklistlembar pengamatanatau dalam bentuklain

    Portofolio

    Laporan percobaan

    Tes

    Essay dan pilihanganda

    Penerbit InformatikaBandung, Juni 2012

    Learning Web Design4th Edition, JenniferNiederst Robbins,Penerbit O'ReillyMedia, Inc.: Kanada,2012

    Buku-buku danreferensi lain yangrelevan

    Mediacetak/elektronik

    Lingkungan sekitar

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 43

    Kompetensi Dasar Materi Pokok Pembelajaran* PenilaianAlokasi Waktu

    Sumber BelajarTM PS PI

    3.9. Memahamipengelolaanhalaman webmenggunakan kodeprogram

    4.9. Menyajikan hasilpengelolaanhalaman webmenggunakan kodeprogram

    Pengolahan Input User1. Akses komponen

    form (proses danvalidasi input)

    2. Navigasi halamanmelalui kode programclient

    3. Perubahan formatstyle melalui kodeprogarm client

    Mengamati

    Pengolahan input user padaformulir melalui program

    Menanya

    Mendiskusikan pengolahaninput user pada formulirhalaman web

    Mengeksplorasi

    Eksperimen pengolahan inputuser pada formulir halamanwebMengasosiasi

    Menganalisa pengolahaninput user pada formulirdisesuaikan dengan outputyang diharapkan

    Menyimpulkan penerapanpengolahan input userdalam membuat aplikasiweb

    Mengkomunikasikan

    Menyampaikan hasilpengamatan dan percobaanpelbagai format tabel pada

    Tugas

    Menyelesaikanmasalah pengolahaninput user padahalaman web

    Observasi

    Mengamatikegiatan/aktivitassiswa secara individudan dalam diskusidengan checklistlembar pengamatanatau dalam bentuklain

    Portofolio

    Laporan percobaan

    Tes

    Essay dan pilihanganda

    12JP

    Buku Teks Pelajaran Buku Panduan Guru Pemrograman WebDengan HTML RevisiKeempat, Bethasidik, Ir., Husni I.Pohan, Ir., M.Eng.,Penerbit InformatikaBandung, Juni 2012

    Learning Web Design4th Edition, JenniferNiederst Robbins,Penerbit O'ReillyMedia, Inc.: Kanada,2012

    Buku-buku danreferensi lain yangrelevan

    Mediacetak/elektronik

    Lingkungan sekitar

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 44

    Kompetensi Dasar Materi Pokok Pembelajaran* PenilaianAlokasi Waktu

    Sumber BelajarTM PS PI

    halaman web

    Keterangan:TM : TatapmukaPS : Praktik di SekolahPI : Praktek di Industri

    Jepara, 14 juli 2014Mengetahui :

    Kepala Sekolah

    Drs. H. Nur Ikhsan

    Guru Mata Diklat

    Iffa Nurmutia Khalim, S. Kom

  • Perangkat Pembelajaran 2014/2015 SMK ISLAM JEPARA

    Iffa Nurmutia Khalim S.Kom 45