SILABUS MATA PELAJARAN PEMROGRAMAN WEB
(DASAR PROGRAM KEAHLIAN TEKNOLOGI INFORMASI DAN KOMUNIKASI)
(DASAR PROGRAM KEAHLIAN TEKNOLOGI INFORMASI DAN KOMUNIKASI)
Satuan Pendidikan : SMK/MAK
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
|
|||
No comments:
Post a Comment