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 D s ! 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 M te!i Po"o" Pem#e$ % ! n& Peni$ i n A$o" si W "t' S'm#e! Be$ % !

Kompetensi D s ! 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 (.1. Memahami konsep teknologi aplikasi "e# ).1. Menyajikan pel#agai teknologi pengem#angan aplikasi "e#

M te!i Po"o"

Pem#e$ % ! n&

Peni$ i n

A$o" si W "t'

S'm#e! Be$ % !

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( m ti .ara kerja "e# Pena"aran layanan hosting Men n) 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( sosi si Menyimpulkan tentang 'ara kerja "e#! hosting dan penggunaan aplikasi pengem#angan aplikasi "e# Men("om'ni" si" n Menyampaikan hasil tentang 'ara kerja

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 D s !

M te!i Po"o"

Pem#e$ % ! n& "e#! per#andingan pel#agai layanan hosting dan penggunaan aplikasi pengem#angan "e#

Peni$ i n

A$o" si W "t'

S'm#e! Be$ % !

(. .

Memahami &ormat teks pada halaman "e# ). . Menyajikan teks dalam &ormat tertentu pada halaman "e#

Fo!m t Te"s H $ m n We# Anatomi dokumen "e# Pem&ormatan teks dan paragrap Pem#uatan list minimal Pem#uatan list kom#inasi

Men( m ti Pel#agai jenis &ormat teks dan hasilnya terhadap halaman "e# Men n) 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( sosi si Menganalisa hu#ungan antara &ormat teks dengan halaman "e# yang dihasilkan Menganalisa kemiripan hasil penerapan &ormat teks dengan halaman "e# aslinya

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

Kompetensi D s !

M te!i Po"o"

Pem#e$ % ! n& 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

Peni$ i n

A$o" si W "t'

S'm#e! Be$ % !

(.(. ).(.

Memahami &ormat ta#el pada halaman "e# Menyajikan ta#el pada halaman "e#

Fo!m t T #e$ H $ m n We# Anatomi ta#el minimal +a#el dengan spanning +a#el di dalam ta#el <esain halaman "e# dengan konsep ta#el

Men( m ti Pel#agai jenis &ormat ta#el dan hasilnya terhadap halaman "e# <esain layout dalam &ormat ta#el untuk suatu halaman "e# Men n) 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( sosi si Menganalisa hu#ungan antara &ormat ta#el dengan tampilannya pada halaman "e# Menganalisa &ormat ta#el untuk mendapatkan desain layout halaman

T'( s Menyelesaikan masalah &ormat ta#el 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 D s !

M te!i Po"o"

Pem#e$ % ! n& "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#

Peni$ i n

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 $ m n We# =ormat tampilan gam#ar =ormat tampilan &ile audio =ormat tampilan &ile -ideo dan animasi =ormat tampilan gam#ar dengan map

Men( m ti Pel#agai tampilan &ormat multimedia pada halaman "e# Men n) Mendiskusikan pel#agai tampilan &ormat multimedia dalam halaman "e# Men(e"sp$o! si 1ksplorasi pel#agai tampilan &ormat multimedia pada halaman "e# Men( sosi si 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 D s ! Memahami &ormat kaitan pada halaman "e# Menyajikan &ormat kaitan pada halaman "e#

M te!i Po"o" H)pe!$in" H $ m n 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

Pem#e$ % ! n& Men( m ti Pel#agai jenis link dan hasilnya terhadap halaman "e# Men n) Mendiskusikan pel#agai tampilan &ormat link dalam halaman "e# Men(e"sp$o! si 1ksplorasi pel#agai tampilan &ormat link pada halaman "e# Men( sosi si 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#

Peni$ i n 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

A$o" si W "t' 1; 3P

S'm#e! Be$ % ! 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 &ormulir pada halaman "e# Menyajikan &ormulir pada halaman "e#

Fo!m'$i! H $ m n 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( m ti Pel#agai jenis &ormat &ormulir dan tampilannya terhadap halaman "e# Men n) 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( sosi si Menyimpulkan tentang &ormat &ormulir

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

Kompetensi D s !

M te!i Po"o"

Pem#e$ % ! n& 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#

Peni$ i n

A$o" si W "t'

S'm#e! Be$ % !

(.@. ).@.

Memahami style pada halaman "e# Menyajikan style tertentu pada halaman "e#

St)$e H $ m n We# .ara kerja dan anatomi .as'ading Style Sheet Style pada teks Style pada multimedia Style pada ta#el Style pada &ormulir

Men( m ti Pel#agai jenis style dan tampilannya pada halaman "e# Men n) Mendiskusikan pel#agai tampilan style pada halaman "e# Men(e"sp$o! si 1ksplorasi pel#agai jenis style 1ksperimen penerapan style yang sesuai dari suatu halaman "e# Men( sosi si 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

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 diskusi dengan 'he'klist lem#ar pengamatan atau dalam #entuk lain Po!to+o$io :aporan per'o#aan Tes 1ssay dan pilihan ganda

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 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 D s !

M te!i Po"o"

Pem#e$ % ! n& menggunakan pel#agai style pada halaman "e# Men( m ti +eknologi pemrograman 'lient pada halaman "e# +eknik dasar pemrograman 'lient pada halaman "e# Men n) Mendiskusikan teknik dasar pemrograman 'lient pada halaman "e# Men(e"sp$o! si 1ksperimen pel#agai teknik dasar pemrograman 'lient pada halaman "e# Men( sosi si 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#

Peni$ i n

A$o" si W "t'

S'm#e! Be$ % !

(.2. ).2.

Memahami teknik pemrograman pada halaman "e# Menyajikan teknik*teknik dalam pemrograman "e#

Te"ni" Pem!o(! m n H $ m n 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 #uatan user pada program 'lient

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 1ssay dan pilihan ganda

) 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

(.A. ).A.

Memahami pengelolaan halaman "e# menggunakan kode program 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( m ti Pengolahan input user pada &ormulir melalui program Men n) Mendiskusikan pengolahan input user pada &ormulir halaman "e# Men(e"sp$o! si 1ksperimen pengolahan input user pada &ormulir halaman "e#

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

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

Kompetensi D s !

M te!i Po"o"

Pem#e$ % ! n& Men( sosi si 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 halaman "e#

Peni$ i n Po!to+o$io :aporan per'o#aan Tes 1ssay dan pilihan ganda

A$o" si W "t'

S'm#e! Be$ % ! Media 'etak/elektronik :ingkungan sekitar