SILABUS MATA PELAJARAN PEMROGRAMAN WEB

(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 : Menghayati dan Mengamalkan perilaku jujur! disiplin!tanggungja"a#! peduli $gotong royong! kerjasama! toleran! damai%! santun!
responsi& dan proakti& dan menunjukan sikap se#agai #agian dari solusi atas #er#agai permasalahan dalam #erinteraksi se'ara e&ekti&
dengan lingkungan sosial dan alam serta dalam menempatkan diri se#agai 'erminan #angsa dalam pergaulan dunia.
KI ( : Memahami! menerapkan dan menganalisis pengetahuan &aktual! konseptual! dan prosedural #erdasarkan rasa ingin tahunya tentang
ilmu pengetahuan! teknologi! seni! #udaya! dan humaniora dalam "a"asan kemanusiaan! ke#angsaan! kenegaraan! dan perada#an
terkait penye#a# &enomena dan kejadian dalam #idang kerja yang spesi&ik untuk meme'ahkan masalah.
KI ) : Mengolah! menalar! dan menyaji dalam ranah konkret dan ranah a#strak terkait dengan pengem#angan dari yang dipelajarinya di
sekolah se'ara mandiri! dan mampu melaksanakan tugas spesi&ik di #a"ah penga"asan langsung.
Kompetensi Ds! Mte!i Po"o" Pem#e$%!n& Peni$in
A$o"si
W"t'
S'm#e! Be$%!
1.1. Memahami nilai*nilai
keimanan dengan
menyadari hu#ungan
keteraturan dan
kompleksitas alam dan
jagad raya terhadap
ke#esaran +uhan yang
men'iptakannya
1.. Mendeskripsikan
ke#esaran +uhan yang
men'iptakan #er#agai
sum#er energi di alam
1.(. Mengamalkan
nilai*nilai keimanan
sesuai dengan ajaran
agama dalam
kehidupan sehari*hari
Kompetensi Ds! Mte!i Po"o" Pem#e$%!n& Peni$in
A$o"si
W"t'
S'm#e! Be$%!
2.1. Menunjukkan perilaku
ilmiah $memiliki rasa
ingin tahu, o#jekti&,
jujur, teliti, 'ermat,
tekun, hati*hati,
#ertanggung ja"a#,
ter#uka, kritis, kreati&,
ino-ati& dan peduli
lingkungan% dalam
akti-itas sehari*hari
se#agai "ujud
implementasi sikap
dalam melakukan
per'o#aan dan
#erdiskusi
2.2. Menghargai kerja
indi-idu dan kelompok
dalam akti-itas
sehari*hari se#agai
"ujud implementasi
melaksanakan
per'o#aan dan
melaporkan hasil
per'o#aan
Kompetensi Ds! Mte!i Po"o" Pem#e$%!n& Peni$in
A$o"si
W"t'
S'm#e! Be$%!
(.1. Memahami konsep
teknologi aplikasi "e#
).1. Menyajikan pel#agai
teknologi
pengem#angan
aplikasi "e#
Te"no$o(i Ap$i"si We#
Pro&esi dalam
pengem#angan
aplikasi "e#
Sejarah dan 'ara kerja
"e#
Alur pengem#angan
aplikasi "e#
Perangkat
pengem#angan
aplikasi "e#
Men(mti
.ara kerja "e#
Pena"aran layanan hosting
Menn)
Mendiskusikan 'ara kerja "e#
Mendiskusikan hosting aplikasi
"e#
Men(e"sp$o!si
Mem#andingkan pel#agai
pena"aran hosting
Mengeksplorasi
aplikasi*aplikasi untuk
pengem#angan aplikasi "e#
Men(sosisi
Menyimpulkan tentang 'ara kerja
"e#! hosting dan penggunaan
aplikasi pengem#angan aplikasi
"e#
Men("om'ni"si"n
Menyampaikan hasil tentang
'ara kerja "e#! per#andingan
pel#agai layanan hosting dan
penggunaan aplikasi
pengem#angan "e#
T'(s
Menyelesaikan masalah
tentang teknologi aplikasi
"e#
O#se!*si
Mengamati
kegiatan/akti-itas sis"a
se'ara indi-idu dan dalam
diskusi dengan 'he'klist
lem#ar pengamatan atau
dalam #entuk lain
Po!to+o$io
/asil kerja
mandiri/kelompok
0ahan Presentasi
Tes
1ssay dan/atau pilihan
ganda
2 3P 0uku +eks Pelajaran
0uku Panduan 4uru
Pemrograman Web Dengan
HTML Revisi Keempat! 0etha
sidik! Ir.! /usni I. Pohan! Ir.!
M.1ng.! Pener#it In&ormatika
0andung! 3uni 51
Learning Web Design 4th
Edition! 3enni&er 6iederst
7o##ins! Pener#it 897eilly
Media! In'.: Kanada! 51
0uku*#uku dan re&erensi lain
yang rele-an
Media 'etak/elektronik
:ingkungan sekitar
Kompetensi Ds! Mte!i Po"o" Pem#e$%!n& Peni$in
A$o"si
W"t'
S'm#e! Be$%!
(.. Memahami &ormat
teks pada halaman
"e#
).. Menyajikan teks dalam
&ormat tertentu pada
halaman "e#
Fo!mt Te"s H$mn
We#
Anatomi dokumen "e#
Pem&ormatan teks dan
paragrap
Pem#uatan list minimal
Pem#uatan list
kom#inasi
Men(mti
Pel#agai jenis &ormat teks dan
hasilnya terhadap halaman "e#
Menn)
Mendiskusikan pel#agai
tampilan &ormat teks pada
halaman "e#
Mendiskusikan penerapan
&ormat teks yang sesuai dari
suatu halaman "e#
Men(e"sp$o!si
1ksplorasi pel#agai jenis
&ormat teks
1ksperimen penerapan &ormat
teks yang sesuai dari suatu
halaman "e#
Men(sosisi
Menganalisa hu#ungan antara
&ormat teks dengan halaman
"e# yang dihasilkan
Menganalisa kemiripan hasil
penerapan &ormat teks dengan
halaman "e# aslinya
Menyimpulkan penerapan
&ormat teks pada halaman "e#
Men("om'ni"si"n
Menyampaikan hasil diskusi
kelompok tentang peme'ahan
masalah menggunakan pel#agai
&ormat teks
T'(s
Menyelesaikan masalah
tentang pel#agai &ormat
teks
O#se!*si
Mengamati
kegiatan/akti-itas sis"a
se'ara indi-idu dan dalam
diskusi dengan 'he'klist
lem#ar pengamatan atau
dalam #entuk lain
Po!to+o$io
/asil kerja
mandiri/kelompok
0ahan Presentasi
Tes
1ssay dan pilihan ganda
1; 3P 0uku +eks Pelajaran
0uku Panduan 4uru
Pemrograman Web Dengan
HTML Revisi Keempat! 0etha
sidik! Ir.! /usni I. Pohan! Ir.!
M.1ng.! Pener#it In&ormatika
0andung! 3uni 51
Learning Web Design 4th
Edition! 3enni&er 6iederst
7o##ins! Pener#it 897eilly
Media! In'.: Kanada! 51
0uku*#uku dan re&erensi lain
yang rele-an
Media 'etak/elektronik
:ingkungan sekitar
(.(. Memahami &ormat
ta#el pada halaman
"e#
Fo!mt T#e$ H$mn
We#
Anatomi ta#el minimal
Men(mti
Pel#agai jenis &ormat ta#el dan
hasilnya terhadap halaman
T'(s
Menyelesaikan masalah
&ormat ta#el pada
1; 3P 0uku +eks Pelajaran
0uku Panduan 4uru
Kompetensi Ds! Mte!i Po"o" Pem#e$%!n& Peni$in
A$o"si
W"t'
S'm#e! Be$%!
).(. Menyajikan ta#el pada
halaman "e#
+a#el dengan spanning
+a#el di dalam ta#el
<esain halaman "e#
dengan konsep ta#el
"e#
<esain layout dalam &ormat
ta#el untuk suatu halaman "e#
Menn)
Mendiskusikan pel#agai
tampilan &ormat ta#el dalam
halaman "e#
Mendiskusikan desain layout
suatu halaman "e# dalam
&ormat ta#el
Men(e"sp$o!si
1ksplorasi pel#agai tampilan
&ormat ta#el pada halaman
"e#
1ksperimen desain layout
suatu halaman "e# dengan
&ormat ta#el
Men(sosisi
Menganalisa hu#ungan antara
&ormat ta#el dengan
tampilannya pada halaman
"e#
Menganalisa &ormat ta#el
untuk mendapatkan desain
layout halaman "e# yang
sesuai
Menyimpulkan penerapan
&ormat ta#el pada halaman
"e#
Men("om'ni"si"n
Menyampaikan hasil pengamatan
dan per'o#aan pel#agai &ormat
ta#el pada halaman "e#
halaman "e#
O#se!*si
Mengamati
kegiatan/akti-itas sis"a
se'ara indi-idu dan dalam
diskusi dengan 'he'klist
lem#ar pengamatan atau
dalam #entuk lain
Po!to+o$io
:aporan per'o#aan
Tes
1ssay dan pilihan ganda
Pemrograman Web Dengan
HTML Revisi Keempat! 0etha
sidik! Ir.! /usni I. Pohan! Ir.!
M.1ng.! Pener#it In&ormatika
0andung! 3uni 51
Learning Web Design 4th
Edition! 3enni&er 6iederst
7o##ins! Pener#it 897eilly
Media! In'.: Kanada! 51
0uku*#uku dan re&erensi lain
yang rele-an
Media 'etak/elektronik
:ingkungan sekitar
Kompetensi Ds! Mte!i Po"o" Pem#e$%!n& Peni$in
A$o"si
W"t'
S'm#e! Be$%!
(.). Memahami tampilan
&ormat multimedia
pada halaman "e#
).). Menyajikan tampilan
&ormat multimedia
pada halaman "e#
M'$time,i p,
H$mn We#
=ormat tampilan gam#ar
=ormat tampilan &ile
audio
=ormat tampilan &ile
-ideo dan animasi
=ormat tampilan gam#ar
dengan map
Men(mti
Pel#agai tampilan &ormat
multimedia pada halaman "e#
Menn)
Mendiskusikan pel#agai tampilan
&ormat multimedia dalam
halaman "e#
Men(e"sp$o!si
1ksplorasi pel#agai tampilan
&ormat multimedia pada halaman
"e#
Men(sosisi
Menganalisa hu#ungan antara
&ormat multimedia dengan
tampilannya pada halaman
"e#
Menyimpulkan penerapan
multimedia pada halaman "e#
Men("om'ni"si"n
Menyampaikan hasil pengamatan
dan per'o#aan pel#agai &ormat
multimedia pada halaman "e#
T'(s
Menyelesaikan masalah
tampilan &ormat
multimedia pada halaman
"e#
O#se!*si
Mengamati
kegiatan/akti-itas sis"a
se'ara indi-idu dan dalam
diskusi dengan 'he'klist
lem#ar pengamatan atau
dalam #entuk lain
Po!to+o$io
:aporan per'o#aan
Tes
1ssay dan pilihan ganda
1; 3P 0uku +eks Pelajaran
0uku Panduan 4uru
Pemrograman Web Dengan
HTML Revisi Keempat! 0etha
sidik! Ir.! /usni I. Pohan! Ir.!
M.1ng.! Pener#it In&ormatika
0andung! 3uni 51
Learning Web Design 4th
Edition! 3enni&er 6iederst
7o##ins! Pener#it 897eilly
Media! In'.: Kanada! 51
0uku*#uku dan re&erensi lain
yang rele-an
Media 'etak/elektronik
:ingkungan sekitar
Kompetensi Ds! Mte!i Po"o" Pem#e$%!n& Peni$in
A$o"si
W"t'
S'm#e! Be$%!
(.>. Memahami &ormat
kaitan pada halaman
"e#
).>. Menyajikan &ormat
kaitan pada halaman
"e#
H)pe!$in" H$mn We#
Anatomi link
=ormat link antar isi
pada satu halaman "e#
=ormat link antar
halaman "e# untuk
mem#entuk sitemap
=ormat target link! email
dan telepon
Men(mti
Pel#agai jenis link dan hasilnya
terhadap halaman "e#
Menn)
Mendiskusikan pel#agai tampilan
&ormat link dalam halaman "e#
Men(e"sp$o!si
1ksplorasi pel#agai tampilan
&ormat link pada halaman "e#
Men(sosisi
Menganalisa hu#ungan antara
sitemap dengan hyperlink
Menyimpulkan penerapan
&ormat link pada halaman "e#
Men("om'ni"si"n
Menyampaikan hasil
pengamatan dan per'o#aan
pel#agai &ormat link pada
halaman "e#
T'(s
Menyelesaikan masalah
tampilan &ormat link pada
halaman "e#
O#se!*si
Mengamati
kegiatan/akti-itas sis"a
se'ara indi-idu dan dalam
diskusi dengan 'he'klist
lem#ar pengamatan atau
dalam #entuk lain
Po!to+o$io
:aporan per'o#aan
Tes
1ssay dan pilihan ganda
1; 3P 0uku +eks Pelajaran
0uku Panduan 4uru
Pemrograman Web Dengan
HTML Revisi Keempat! 0etha
sidik! Ir.! /usni I. Pohan! Ir.!
M.1ng.! Pener#it In&ormatika
0andung! 3uni 51
Learning Web Design 4th
Edition! 3enni&er 6iederst
7o##ins! Pener#it 897eilly
Media! In'.: Kanada! 51
0uku*#uku dan re&erensi lain
yang rele-an
Media 'etak/elektronik
:ingkungan sekitar
Kompetensi Ds! Mte!i Po"o" Pem#e$%!n& Peni$in
A$o"si
W"t'
S'm#e! Be$%!
(.;. Memahami &ormat
&ormulir pada halaman
"e#
).;. Menyajikan &ormulir
pada halaman "e#
Fo!m'$i! H$mn We#
Anatomi dan 'ara kerja
&orm
=ormat &ormulir
Komponen entri teks
$input teks pass"ord!
dan input multiline%
pada &ormulir halaman
"e#
Komponen entri pilihan
$input &ile! radio!
'he'k#o?! sele't dan
datalist% pada &ormulir
halaman "e#
Men(mti
Pel#agai jenis &ormat &ormulir
dan tampilannya terhadap
halaman "e#
Menn)
Mendiskusikan pel#agai tampilan
&ormat &ormulir dan
komponen*komponennya pada
halaman "e#
Men(e"sp$o!si
1ksplorasi pel#agai jenis
&ormat &ormulir
1ksplorasi pel#agai
komponen*komponen pada
&ormulir
Men(sosisi
Menyimpulkan tentang &ormat
&ormulir dan pel#agai komponen
pada halaman "e#
Men("om'ni"si"n
Menyampaikan hasil per'o#aan
dan pengamatan pel#agai &ormat
dan komponen*komponen
&ormulir pada halaman "e#
T'(s
Menyelesaikan masalah
tentang &ormat &ormulir
pada halaman "e#
O#se!*si
Mengamati
kegiatan/akti-itas sis"a
se'ara indi-idu dan dalam
diskusi dengan 'he'klist
lem#ar pengamatan atau
dalam #entuk lain
Po!to+o$io
:aporan per'o#aan
Tes
1ssay dan pilihan ganda
1; 3P 0uku +eks Pelajaran
0uku Panduan 4uru
Pemrograman Web Dengan
HTML Revisi Keempat! 0etha
sidik! Ir.! /usni I. Pohan! Ir.!
M.1ng.! Pener#it In&ormatika
0andung! 3uni 51
Learning Web Design 4th
Edition! 3enni&er 6iederst
7o##ins! Pener#it 897eilly
Media! In'.: Kanada! 51
0uku*#uku dan re&erensi lain
yang rele-an
Media 'etak/elektronik
:ingkungan sekitar
(.@. Memahami style pada
halaman "e#
).@. Menyajikan style
tertentu pada halaman
"e#
St)$e H$mn We#
.ara kerja dan anatomi
.as'ading Style Sheet
Style pada teks
Style pada multimedia
Style pada ta#el
Style pada &ormulir
Men(mti
Pel#agai jenis style dan
tampilannya pada halaman "e#
Menn)
Mendiskusikan pel#agai tampilan
style pada halaman "e#
Men(e"sp$o!si
T'(s
Menyelesaikan masalah
tentang pel#agai style
pada halaman "e#
O#se!*si
Mengamati
kegiatan/akti-itas sis"a
se'ara indi-idu dan dalam
5 3P 0uku +eks Pelajaran
0uku Panduan 4uru
From Zero To A Pro : !! "
Tip dan Tri# $nt$#
Men%erta#an as&ading
!t%'e !heet da'am Ha'aman
Web! A#dul Kadir! Pener#it
Andi! 511
Learning Web Design 4th
Kompetensi Ds! Mte!i Po"o" Pem#e$%!n& Peni$in
A$o"si
W"t'
S'm#e! Be$%!
1ksplorasi pel#agai jenis style
1ksperimen penerapan style
yang sesuai dari suatu
halaman "e#
Men(sosisi
Menganalisa hu#ungan antara
style dengan halaman "e#
yang dihasilkan
Menganalisa kemiripan hasil
penerapan style dengan
halaman "e# aslinya
Menyimpulkan penerapan style
pada halaman "e#
Men("om'ni"si"n
Menyampaikan hasil diskusi
kelompok tentang peme'ahan
masalah menggunakan pel#agai
style pada halaman "e#
diskusi dengan 'he'klist
lem#ar pengamatan atau
dalam #entuk lain
Po!to+o$io
:aporan per'o#aan
Tes
1ssay dan pilihan ganda
Edition! 3enni&er 6iederst
7o##ins! Pener#it 897eilly
Media! In'.: Kanada! 51
0uku*#uku dan re&erensi lain
yang rele-an
Media 'etak/elektronik
:ingkungan sekitar
(.2. Memahami teknik
pemrograman pada
halaman "e#
).2. Menyajikan
teknik*teknik dalam
pemrograman "e#
Te"ni" Pem!o(!mn
H$mn We#
Anatomi dan 'ara kerja
kode ja-as'ript
<asar pemrograman
'lient $-aria#el! tipe
data! operator%
Array dimensi 1 dan
multidimensi
Struktur kontrol
per'a#angan pada
program 'lient
Struktur kontrol
perulangan pada
program 'lient
=ungsi #a"aan dan
Men(mti
+eknologi pemrograman 'lient
pada halaman "e#
+eknik dasar pemrograman
'lient pada halaman "e#
Menn)
Mendiskusikan teknik dasar
pemrograman 'lient pada
halaman "e#
Men(e"sp$o!si
1ksperimen pel#agai teknik
dasar pemrograman 'lient pada
halaman "e#
Men(sosisi
T'(s
Menyelesaikan masalah
penerapan teknik
pemrograman "e# 'lient
O#se!*si
Mengamati
kegiatan/akti-itas sis"a
se'ara indi-idu dan dalam
diskusi dengan 'he'klist
lem#ar pengamatan atau
dalam #entuk lain
Po!to+o$io
:aporan per'o#aan
Tes
) 3P 0uku +eks Pelajaran
0uku Panduan 4uru
Pemrograman Web Dengan
HTML Revisi Keempat! 0etha
sidik! Ir.! /usni I. Pohan! Ir.!
M.1ng.! Pener#it In&ormatika
0andung! 3uni 51
Learning Web Design 4th
Edition! 3enni&er 6iederst
7o##ins! Pener#it 897eilly
Media! In'.: Kanada! 51
0uku*#uku dan re&erensi lain
yang rele-an
Media 'etak/elektronik
:ingkungan sekitar
Kompetensi Ds! Mte!i Po"o" Pem#e$%!n& Peni$in
A$o"si
W"t'
S'm#e! Be$%!
#uatan user pada
program 'lient
Menganalisa hu#ungan antara
program 'lient dengan
halaman "e#
Menyimpulkan penerapan
pemrograman pada halaman
"e#
Men("om'ni"si"n
Menyampaikan hasil
pengamatan dan per'o#aan
pel#agai teknik pemrograman
'lient pada halaman "e#
1ssay dan pilihan ganda
(.A. Memahami
pengelolaan halaman
"e# menggunakan
kode program
).A. Menyajikan hasil
pengelolaan halaman
"e# menggunakan
kode program
Pen(o$-n Inp't Use!
Akses komponen &orm
$proses dan -alidasi
input%
6a-igasi halaman
melalui kode program
'lient
Peru#ahan &ormat style
melalui kode progarm
'lient
Men(mti
Pengolahan input user pada
&ormulir melalui program
Menn)
Mendiskusikan pengolahan input
user pada &ormulir halaman "e#
Men(e"sp$o!si
1ksperimen pengolahan input
user pada &ormulir halaman "e#
Men(sosisi
Menganalisa pengolahan input
user pada &ormulir disesuaikan
dengan output yang
diharapkan
Menyimpulkan penerapan
pengolahan input user dalam
mem#uat aplikasi "e#
Men("om'ni"si"n
Menyampaikan hasil
pengamatan dan per'o#aan
pel#agai &ormat ta#el pada
T'(s
Menyelesaikan masalah
pengolahan input user
pada halaman "e#
O#se!*si
Mengamati
kegiatan/akti-itas sis"a
se'ara indi-idu dan dalam
diskusi dengan 'he'klist
lem#ar pengamatan atau
dalam #entuk lain
Po!to+o$io
:aporan per'o#aan
Tes
1ssay dan pilihan ganda
1 3P 0uku +eks Pelajaran
0uku Panduan 4uru
Pemrograman Web Dengan
HTML Revisi Keempat! 0etha
sidik! Ir.! /usni I. Pohan! Ir.!
M.1ng.! Pener#it In&ormatika
0andung! 3uni 51
Learning Web Design 4th
Edition! 3enni&er 6iederst
7o##ins! Pener#it 897eilly
Media! In'.: Kanada! 51
0uku*#uku dan re&erensi lain
yang rele-an
Media 'etak/elektronik
:ingkungan sekitar
Kompetensi Ds! Mte!i Po"o" Pem#e$%!n& Peni$in
A$o"si
W"t'
S'm#e! Be$%!
halaman "e#