SILABUS MATA PELAJARAN PEMROGRAMAN WEB
(DASAR PROGRAM KEAHLIAN TEKNOLOGI INFORMASI DAN KOMUNIKASI)
(DASAR PROGRAM KEAHLIAN TEKNOLOGI INFORMASI DAN KOMUNIKASI)
Satuan
Pendidikan : SMK/MAK
Kelas : X
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
|
1.1.
Memahami nilai-nilai keimanan dengan
menyadari hubungan keteraturan dan kompleksitas alam 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
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 pengembangan aplikasi web
Mengkomunikasikan
Menyampaikan hasil tentang cara kerja web, perbandingan pelbagai
layanan hosting dan penggunaan aplikasi pengembangan web
|
Tugas
Menyelesaikan masalah tentang teknologi aplikasi web
Observasi
Mengamati kegiatan/aktivitas siswa secara individu dan dalam
diskusi dengan checklist lembar pengamatan atau dalam bentuk lain
Portofolio
·
Hasil kerja mandiri/kelompok
·
Bahan Presentasi
Tes
Essay
dan/atau pilihan ganda
|
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
|
3.2.
Memahami
format teks pada halaman web
4.2. Menyajikan teks dalam format tertentu pada halaman web
|
Format Teks Halaman Web
·
Anatomi dokumen web
·
Pemformatan teks dan paragrap
·
Pembuatan list minimal
·
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
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
|
Tugas
Menyelesaikan masalah tentang pelbagai format teks
Observasi
Mengamati kegiatan/aktivitas siswa secara individu dan dalam
diskusi dengan checklist lembar pengamatan atau dalam bentuk lain
Portofolio
·
Hasil kerja mandiri/kelompok
·
Bahan Presentasi
Tes
Essay dan
pilihan ganda
|
16 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
|
3.3.
Memahami format tabel pada halaman web
4.3.
Menyajikan tabel pada halaman
web
|
Format Tabel Halaman Web
·
Anatomi tabel minimal
·
Tabel dengan spanning
·
Tabel di dalam tabel
·
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
·
Mendiskusikan pelbagai 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
·
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
|
Tugas
Menyelesaikan masalah format tabel pada halaman web
Observasi
Mengamati kegiatan/aktivitas siswa secara individu dan dalam
diskusi dengan checklist lembar pengamatan atau dalam bentuk lain
Portofolio
Laporan
percobaan
Tes
Essay dan
pilihan ganda
|
16 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
|
3.4.
Memahami tampilan format multimedia pada halaman web
4.4.
Menyajikan tampilan format multimedia pada halaman web
|
Multimedia pada Halaman Web
·
Format tampilan gambar
·
Format tampilan file audio
·
Format tampilan file video dan
animasi
·
Format tampilan gambar dengan
map
|
Mengamati
Pelbagai tampilan format multimedia pada halaman web
Menanya
Mendiskusikan
pelbagai tampilan
format multimedia dalam halaman web
Mengeksplorasi
Eksplorasi pelbagai tampilan format multimedia pada halaman web
Mengasosiasi
· Menganalisa
hubungan antara format multimedia dengan tampilannya pada halaman web
· Menyimpulkan
penerapan multimedia pada halaman web
Mengkomunikasikan
Menyampaikan
hasil pengamatan dan percobaan pelbagai format multimedia pada halaman web
|
Tugas
Menyelesaikan masalah tampilan format multimedia pada halaman
web
Observasi
Mengamati kegiatan/aktivitas siswa secara individu dan dalam
diskusi dengan checklist lembar pengamatan atau dalam bentuk lain
Portofolio
Laporan
percobaan
Tes
Essay dan
pilihan ganda
|
16 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
|
3.5.
Memahami format kaitan pada halaman web
4.5.
Menyajikan format kaitan pada halaman web
|
Hyperlink Halaman Web
·
Anatomi link
·
Format link antar isi pada satu
halaman web
·
Format link antar halaman web
untuk membentuk sitemap
·
Format target link, email dan
telepon
|
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
· Menyimpulkan
penerapan format link pada halaman web
Mengkomunikasikan
Menyampaikan
hasil pengamatan dan percobaan pelbagai format link pada halaman web
|
Tugas
Menyelesaikan masalah tampilan format link pada halaman web
Observasi
Mengamati kegiatan/aktivitas siswa secara individu dan dalam
diskusi dengan checklist lembar pengamatan atau dalam bentuk lain
Portofolio
Laporan
percobaan
Tes
Essay dan
pilihan ganda
|
16 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
|
3.6.
Memahami format formulir pada halaman web
4.6.
Menyajikan formulir pada halaman web
|
Formulir Halaman Web
·
Anatomi dan
cara kerja form
·
Format
formulir
·
Komponen
entri teks (input teks password, dan input multiline) pada formulir halaman
web
·
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
Mendiskusikan
pelbagai tampilan
format formulir dan komponen-komponennya pada halaman web
Mengeksplorasi
·
Eksplorasi pelbagai jenis 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
|
Tugas
Menyelesaikan masalah tentang format formulir pada halaman web
Observasi
Mengamati kegiatan/aktivitas siswa secara individu dan dalam
diskusi dengan checklist lembar pengamatan atau dalam bentuk lain
Portofolio
Laporan percobaan
Tes
Essay dan
pilihan ganda
|
16 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
|
3.7.
Memahami style pada halaman web
4.7.
Menyajikan style tertentu pada halaman web
|
Style Halaman Web
·
Cara kerja dan anatomi Cascading
Style Sheet
·
Style pada teks
·
Style pada multimedia
·
Style pada tabel
·
Style pada formulir
|
Mengamati
Pelbagai
jenis style dan tampilannya pada halaman web
Menanya
Mendiskusikan
pelbagai tampilan
style pada halaman web
Mengeksplorasi
·
Eksplorasi pelbagai jenis style
·
Eksperimen penerapan style yang
sesuai dari suatu halaman web
Mengasosiasi
·
Menganalisa hubungan antara
style dengan halaman web yang dihasilkan
·
Menganalisa kemiripan hasil
penerapan style dengan halaman web aslinya
·
Menyimpulkan penerapan style
pada halaman web
Mengkomunikasikan
Menyampaikan
hasil diskusi kelompok tentang
pemecahan masalah menggunakan pelbagai
style pada halaman web
|
Tugas
Menyelesaikan masalah tentang pelbagai style pada halaman web
Observasi
Mengamati kegiatan/aktivitas siswa secara individu dan dalam
diskusi dengan checklist lembar pengamatan atau dalam bentuk lain
Portofolio
Laporan percobaan
Tes
Essay dan
pilihan ganda
|
20 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 4th Edition, Jennifer Niederst Robbins, Penerbit O'Reilly Media, Inc.:
Kanada, 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
·
Anatomi dan cara kerja kode
javascript
·
Dasar pemrograman client
(variabel, tipe data, operator)
·
Array dimensi 1 dan multidimensi
·
Struktur kontrol percabangan
pada program client
·
Struktur kontrol perulangan pada
program client
·
Fungsi bawaan dan buatan user
pada program client
|
Mengamati
·
Teknologi pemrograman client
pada halaman web
·
Teknik dasar pemrograman client
pada halaman web
Menanya
Mendiskusikan
teknik dasar pemrograman client pada halaman web
Mengeksplorasi
Eksperimen pelbagai teknik dasar pemrograman client pada halaman
web
Mengasosiasi
· Menganalisa
hubungan antara program client dengan halaman web
· Menyimpulkan
penerapan pemrograman pada halaman web
Mengkomunikasikan
Menyampaikan
hasil pengamatan dan percobaan pelbagai teknik pemrograman client pada halaman web
|
Tugas
Menyelesaikan masalah penerapan teknik pemrograman web client
Observasi
Mengamati kegiatan/aktivitas siswa secara individu dan dalam
diskusi dengan checklist lembar pengamatan atau dalam bentuk lain
Portofolio
Laporan
percobaan
Tes
Essay dan
pilihan ganda
|
24 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
|
3.9.
Memahami
pengelolaan halaman web menggunakan kode program
4.9.
Menyajikan hasil pengelolaan
halaman web menggunakan kode program
|
Pengolahan Input
User
·
Akses komponen form (proses dan
validasi input)
·
Navigasi halaman melalui kode
program client
·
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
· Menyimpulkan
penerapan pengolahan input user dalam membuat aplikasi web
Mengkomunikasikan
Menyampaikan
hasil pengamatan dan percobaan pelbagai format tabel pada halaman web
|
Tugas
Menyelesaikan masalah pengolahan input user pada halaman web
Observasi
Mengamati kegiatan/aktivitas siswa secara individu 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 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
|
Tidak ada komentar:
Posting Komentar