Kompetensi Dasar Indikator Pencapaian Kompetensi Materi Pokok Alokasi Kegiatan Penilaian
@2017, Direktorat Pembinaan SMK 1
Waktu
Pembelajaran
(JP)
1 2 3 4 5 6
3.1 Memahami konsep 3.1.1 Menjelaskan konsep world Konsep www 8 Mengamati
teknologi aplikasi web wide web (www). Teknologi aplikasi untuk
3.1.2 Menjelaskan konsep web mengidentifikasi
4.1 Mempresentasikan teknologi aplikasi web. Macam-macam dan
pelbagai teknologi 3.1.3 Menjelaskan berbagai browser merumuskan
pengembangan aplikasi teknologi aplikasi web. Konsep Web masalah tentang
web 3.1.4 Menjelaskan penggunaan konsep teknologi
server
aplikasi berbasis web. aplikasi web
Macam-macam
3.1.5 Menjelaskan cara software Mengumpulkan
menjalankan aplikasi web webserver. data tentang
menggunakan browser. konsep teknologi
Macam-macam aplikasi web
3.1.6 Menjelaskan aplikasi web editor teks.
server. Tool pengembang Mengolah data
3.1.7 Menjelaskan instalasi web tentang konsep
paket aplikasi web server. teknologi
3.1.8 Menjelaskan penggunaan aplikasi web
web direktori dalam web Mengomunikasi
server. kan tentang
4.1.1 Mempresentasikan konsep teknologi
berbagai teknologi web. aplikasi web
4.1.2 Mengistalasi paket aplikasi
web server.
4.1.3 Menguji hasil instalasi web
server
4.1.4 Menginstalasi aplikasi
editor text.
4.1.5 Menjalankan aplikasi web
dengan dengan browser.
3.2 Menerapkan format teks 3.2.1 Menjelaskan struktur Struktur dasar 12 Mengamati
pada halaman web dasar pemrograman web html
@2017, Direktorat Pembinaan SMK 2
dengan html. Versi html untuk
4.2 Membuat kode html 3.2.2 Menjelaskan berbagai Html, head, title, mengidentifikasi
untuk menampilkan teks versi dari html. body. dan
dalam format tertentu 3.2.3 Menjelaskan tata cara Tag syntax, option merumuskan
pada halaman web penulisan script html Fungsi berbagai masalah tentang
dengan berbagai editor. tag dalam html format teks pada
3.2.4 Menjelaskan parameter halaman web
Format teks
parameter dalam html. dalam html. Mengumpulkan
3.2.5 Menjelaskan tag-tag dalam data tentang
html. format teks pada
3.2.6 Menjelaskan berbagai tag halaman web
html untuk memformat Mengolah data
teks. tentang format
3.2.7 Menerapkan format teks teks pada
dalam script html. halaman web
4.2.1 Merancang program Mengomunikasi
tampilan format teks dalam kan tentang
halaman web format teks pada
4.2.2 Membuat program halaman web
halaman web yang
menampilkan teks dengan
berbagai format.
4.2.1 Menguji hasil tampilan
halaman web dengan
berbagai format teks.
3.3 Menerapkan format tabel 3.3.1 Menjelaskan tag-tag html tag-tag tabel 4 Mengamati
pada halaman web yang digunakan untuk dalam html. untuk
membuat tabel. Table tbody, mengidentifikasi
4.3 Membuat kode html 3.3.2 Menentukan prosedur thead, tfoot, tr, th, dan
untuk menampilkan tabel pembuatan tabel dalam td. merumuskan
pada halaman web html. Cellspacing, masalah tentang
3.3.3 Menentukan penerapan cellpadding, format tabel
format tabel dalam web. pada halaman
border.
@2017, Direktorat Pembinaan SMK 3
3.3.4 Menentukan prosedur Rowspan, web
pembuatan tabel dalam colspan.
tabel. Mengumpulkan
4.3.1 Merancang program data tentang
format tabel
tampilan tabel dalam html pada halaman
4.3.2 Membuat program web
halaman web yang
menampilkan tabel. Mengolah data
tentang format
4.3.3 Menguji program tampilan
tabel pada
tabel dalam web server. halaman web
Mengomunikasi
kan tentang
format tabel
pada halaman
web
3.4 Menerapkan tampilan 3.4.1 Menjelaskan prosedur format Konsep tampilan 8 Mengamati
format multimedia pada tampilan multimedia dalam multimedia dalam untuk
halaman web halaman web. html. mengidentifikasi
3.4.2 Menjelaskan tag untuk Tag menampilkan dan
4.4 Membuat kode html tampilan gambar dalam gambar. merumuskan
untuk menampilkan halaman web. Tag untuk audio masalah tentang
tampilan format 3.4.3 Menjelaskan tag untuk tampilan format
Tag untuk video
multimedia pada halaman tampilan audio dalam multimedia pada
halaman web
web halaman web.
3.4.4 Menjelaskan tag untuk Mengumpulkan
tampilan video dalam data tentang
halaman web. tampilan format
3.4.5 Menerapkan format tampilan multimedia pada
halaman web
multimedia dalam halaman
web. Mengolah data
4.4.1 Merancang program tampilan tentang
format multimedia dalam tampilan format
multimedia pada
@2017, Direktorat Pembinaan SMK 4
halaman web. halaman web
4.4.2 Membuat kode program
tampilan format multimedia Mengomunikasi
dalam halaman web. kan tentang
4.4.3 Menguji program hasil tampilan format
multimedia pada
tampilan multimedia dalam
halaman web
halaman web.
3.5 Menerapkan format 3.5.1 Menjelaskan konsep format Konsep hyperlink 8 Mengamati
kaitan pada halaman web kaitan (link) dalam halaman dalam html untuk
web. Tag-tag untuk mengidentifikasi
4.5 Membuat kode html 3.5.2 Menjelaskan tag-tag link hyperlink dan
untuk menampilkan dalam html untuk merumuskan
format kaitan pada menampilkan kaitan. masalah tentang
halaman web 3.5.3 Menentukan prosedur kaitan format kaitan
dalam halaman web. pada halaman
web
4.5.1 Merancang program tampilan
kaitan (link) dalam halaman Mengumpulkan
web. data tentang
4.5.2 Membuat program format kaitan
tampilan kaitan (link) pada halaman
web
dalam halaman web.
4.5.3 Menguji program tampilan Mengolah data
kaitan dalam halaman web. tentang format
kaitan pada
halaman web
Mengomunikasi
kan tentang
format kaitan
pada halaman
web
3.6 Menerapkan format 3.6.1 Menjelaskan konsep Konsep formulir 8 Mengamati
formulir pada halaman formulir dalam halaman dalam html. untuk
web web. Penggunaan tag mengidentifikasi
@2017, Direktorat Pembinaan SMK 5
3.6.2 Menjelaskan tag-tag html form dan
4.6 Membuat kode html untuk formulir dalam Form option merumuskan
untuk menampilkan halaman web. Metoda get, post masalah tentang
formulir pada halaman 3.6.3 Menjelaskan berbagai metoda Tipe-tipe inputan format formulir
web inputan formulir dalam dalam form (text, pada halaman
halaman web. password, radio, web
3.6.4 Menentukan prosedur checkbox, hidden, Mengumpulkan
pembuatan format formulir button, submit, data tentang
dalam halaman web. file) format formulir
3.6.5 Menerapkan prosedur Link dalam form pada halaman
pembuatan formulir dalam web
halaman web. Mengolah data
4.6.1 Merancang program untuk tentang format
menampilkan formulir dalam formulir pada
halaman web. halaman web
4.6.2 Membuat program tampilan Mengomunikasi
formulir dalam halaman web. kan tentang
4.6.3 Menguji program tampilan format formulir
formulir dalam halaman web. pada halaman
web
3.7 Menerapkan style pada 3.7.1 Menjelaskan konsep layout Konsep layout 12 Mengamati
halaman web dalam tampilan halaman dalam halaman untuk
web. web. mengidentifikasi
4.7 Membuat kode html 3.7.2 Menjelaskan berbagai metode Jenis-jenis layout dan
untuk menampilkan style layout tampilan halaman dalam halaman merumuskan
tertentu pada halaman web. web (frameset, masalah tentang
web 3.7.3 Menjelaskan konsep style table, div) style pada
dalam halaman web. halaman web
Konsep dan
3.7.4 Menjelaskan penyisipan penulisan script Mengumpulkan
style dalam script program stylesheet data tentang
aplikasi web. Penyisipan style pada
3.7.5 Menjelaskan prosedur halaman web
stylesheet dalam
penulisan style script dalam script html. Mengolah data
@2017, Direktorat Pembinaan SMK 6
program aplikasi web. File css tentang style
3.7.6 Menjelas prosedur penyisipan pada halaman
script style kedalam html web
3.7.7 Menerapkan style dalam
program tampilan halaman Mengomunikasi
kan tentang
web.
style pada
4.7.1 Merancang program halaman web
tampilan web dengan style
4.7.2 Membuat program
tampilan halaman web
dengan style.
4.7.3 Menguji program tampilan
web yang menerapkan style
3.8 Memahami client side 3.8.1 Menjelaskan konsep client Konsep client side 16 Mengamati
scripting dalam side scripting dalam programming. untuk
pemrograman web pemrograman aplikasi web. Macam-macam mengidentifikasi
3.8.2 Menjelaskan berbagai bahasa aplikasi client dan
4.8 Mempresentasikan client pemrograman web yang side programming merumuskan
side scripting dalam termasuk dalam client side (javascript, masalah tentang
pemrograman web scripting. vbscript) client side
3.8.3 Menjelaskan struktur scripting dalam
Struktur program pemrograman
penulisan program client side. client side.
web
3.8.4 Menjelaskan prosedur Cara penyisipan
penyisipan program client script client side Mengumpulkan
side kedalam html. data tentang
dalam html. client side
3.8.5 Menjelaskan berbagai sintaks
scripting dalam
yang digunakan dalam client pemrograman
side scripting. web
4.8.1 Mempresentasikan prosedur
client side programming dalam Mengolah data
tentang client
halaman web.
side scripting
dalam