3.2 Menerapkan format 3.2.1 Menjelaskan struktur Struktur dasar html 8 Mengamati untuk
teks pada halaman dasar pemrograman Versi html mengidentifikasi dan
web web dengan html. Html, head, title, merumuskan masalah
3.2.2 Menjelaskan berbagai body. tentang format teks pada
4.2 Membuat kode html versi dari html. Tag syntax, option halaman web
untuk menampilkan 3.2.3 Menjelaskan tata cara Fungsi berbagai tag Mengumpulkan data tentang
teks dalam format penulisan script html dalam html format teks pada halaman
tertentu pada halaman dengan berbagai Format teks dalam web
web editor. html. Mengolah data tentang
3.2.4 Menjelaskan format teks pada halaman
parameter parameter web
dalam html.
3.2.5 Menjelaskan tag-tag Mengomunikasikan tentang
dalam html. format teks pada halaman
web
3.2.6 Menjelaskan berbagai
tag html untuk
memformat teks.
3.2.7 Menerapkan format
teks dalam script
html.
4.2.1 Merancang program
SMK Negeri 1 Negara 3
Indikator Pencapaian Alokasi Sumber Belajar
Kompetensi Dasar Materi Pokok Kegiatan Pembelajaran Penilaian
Kompetensi Waktu (JP)
1 2 3 6 4 5 7
tampilan format teks
dalam halaman web
4.2.2 Membuat program
halaman web yang
menampilkan teks
dengan berbagai
format.
3.4 Menerapkan tampilan 3.4.1 Menjelaskan prosedur Konsep tampilan 8 Mengamati untuk
format multimedia format tampilan multimedia dalam mengidentifikasi dan
pada halaman web multimedia dalam html. merumuskan masalah
halaman web. Tag menampilkan tentang tampilan format
4.4 Membuat kode html 3.4.2 Menjelaskan tag untuk gambar. multimedia pada halaman
untuk menampilkan tampilan gambar dalam Tag untuk audio web
tampilan format halaman web. Tag untuk video Mengumpulkan data tentang
multimedia pada 3.4.3 Menjelaskan tag untuk tampilan format multimedia
halaman web tampilan audio dalam pada halaman web
halaman web. Mengolah data tentang
3.4.4 Menjelaskan tag untuk tampilan format multimedia
tampilan video dalam pada halaman web
halaman web.
3.4.5 Menerapkan format Mengomunikasikan tentang
tampilan format multimedia
tampilan multimedia pada halaman web
dalam halaman web.
4.4.1 Merancang program
tampilan format
multimedia dalam
halaman web.
4.4.2 Membuat kode program
tampilan format
multimedia dalam
halaman web.
4.4.3 Menguji program hasil
tampilan multimedia
SMK Negeri 1 Negara 5
Indikator Pencapaian Alokasi Sumber Belajar
Kompetensi Dasar Materi Pokok Kegiatan Pembelajaran Penilaian
Kompetensi Waktu (JP)
1 2 3 6 4 5 7
dalam halaman web.
3.5 Menerapkan format 3.5.1 Menjelaskan konsep Konsep hyperlink 8 Mengamati untuk
kaitan pada halaman format kaitan (link) dalam html mengidentifikasi dan
web dalam halaman web. Tag-tag untuk merumuskan masalah
3.5.2 Menjelaskan tag-tag link hyperlink tentang format kaitan pada
4.5 Membuat kode html dalam html untuk halaman web
untuk menampilkan menampilkan kaitan. Mengumpulkan data tentang
format kaitan pada 3.5.3 Menentukan prosedur format kaitan pada halaman
halaman web kaitan dalam halaman web
web.
Mengolah data tentang
4.5.1 Merancang program format kaitan pada halaman
tampilan kaitan (link) web
dalam halaman web.
4.5.2 Membuat program Mengomunikasikan tentang
tampilan kaitan (link) format kaitan pada halaman
web
dalam halaman web.
4.5.3 Menguji program
tampilan kaitan dalam
halaman web.
3.6 Menerapkan format 3.6.1 Menjelaskan konsep Konsep formulir 8 Mengamati untuk
formulir pada formulir dalam dalam html. mengidentifikasi dan
halaman web halaman web. Penggunaan tag merumuskan masalah
3.6.2 Menjelaskan tag-tag form tentang format formulir pada
4.6 Membuat kode html html untuk formulir Form option halaman web
untuk menampilkan dalam halaman web. Metoda get, post Mengumpulkan data tentang
formulir pada 3.6.3 Menjelaskan berbagai Tipe-tipe inputan format formulir pada
halaman web metoda inputan formulir dalam form (text, halaman web
dalam halaman web. password, radio,
SMK Negeri 1 Negara 6
Indikator Pencapaian Alokasi Sumber Belajar
Kompetensi Dasar Materi Pokok Kegiatan Pembelajaran Penilaian
Kompetensi Waktu (JP)
1 2 3 6 4 5 7
3.6.4 Menentukan prosedur checkbox, hidden, Mengolah data tentang
pembuatan format button, submit, file) format formulir pada
formulir dalam halaman Link dalam form halaman web
web.
Mengomunikasikan tentang
3.6.5 Menerapkan prosedur
format formulir pada
pembuatan formulir halaman web
dalam halaman web.
4.6.1 Merancang program
untuk menampilkan
formulir dalam halaman
web.
3.7 Menerapkan style 3.7.1 Menjelaskan konsep Konsep layout 12 Mengamati untuk
pada halaman web layout dalam tampilan dalam halaman mengidentifikasi dan
halaman web. web. merumuskan masalah
4.7 Membuat kode html 3.7.2 Menjelaskan berbagai Jenis-jenis layout tentang style pada halaman
untuk menampilkan metode layout tampilan dalam halaman web web
style tertentu pada halaman web. (frameset, table, Mengumpulkan data tentang
halaman web 3.7.3 Menjelaskan konsep div) style pada halaman web
style dalam halaman Konsep dan
web. Mengolah data tentang style
penulisan script pada halaman web
3.7.4 Menjelaskan stylesheet
penyisipan style Penyisipan Mengomunikasikan tentang
SMK Negeri 1 Negara 7
Indikator Pencapaian Alokasi Sumber Belajar
Kompetensi Dasar Materi Pokok Kegiatan Pembelajaran Penilaian
Kompetensi Waktu (JP)
1 2 3 6 4 5 7
dalam script program stylesheet dalam style pada halaman web
aplikasi web. script html.
3.7.5 Menjelaskan prosedur File css
penulisan style script
dalam program aplikasi
web.
3.7.6 Menjelas prosedur
penyisipan script style
kedalam html
3.7.7 Menerapkan style dalam
program tampilan
halaman web.
3.8 Memahami client side 3.8.1 Menjelaskan konsep Konsep client side 16 Mengamati untuk
scripting dalam client side scripting programming. mengidentifikasi dan
pemrograman web dalam pemrograman Macam-macam merumuskan masalah
aplikasi web. aplikasi client side tentang client side scripting
4.8 Mempresentasikan 3.8.2 Menjelaskan berbagai programming dalam pemrograman web
client side scripting bahasa pemrograman (javascript, Mengumpulkan data tentang
SMK Negeri 1 Negara 8
Indikator Pencapaian Alokasi Sumber Belajar
Kompetensi Dasar Materi Pokok Kegiatan Pembelajaran Penilaian
Kompetensi Waktu (JP)
1 2 3 6 4 5 7
dalam pemrograman web yang termasuk vbscript) client side scripting dalam
web dalam client side Struktur program pemrograman web
scripting. client side.
3.8.3 Menjelaskan struktur Mengolah data tentang client
Cara penyisipan side scripting dalam
penulisan program client script client side pemrograman web
side. dalam html.
3.8.4 Menjelaskan prosedur Mengomunikasikan tentang
penyisipan program client side scripting dalam
client side kedalam html. pemrograman web
3.8.5 Menjelaskan berbagai
sintaks yang digunakan
dalam client side
scripting.
4.8.1 Mempresentasikan
prosedur client side
programming dalam
halaman web.
3.9 Menerapkan client 3.9.1 Menjelaskan konsep web Perintah-perintah 16 Mengamati untuk
side scripting pada interaktif. dasar dalam aplikasi mengidentifikasi dan
halaman web 3.9.2 Menjelaskan prosedur client side merumuskan masalah
interaktif penerapan client side programming. tentang client side scripting
programming interaktif Program “Hello dalam pemrograman web
4.9 Membuat halaman dalam halaman web. world” dengan Mengumpulkan data tentang
web interaktif 4.9.1 Menerapkan client side javascript/vbscipt. client side scripting dalam
menggunakan client programming dalam pemrograman web
side scripting program halaman web
Mengolah data tentang client
interaktif. side scripting dalam
SMK Negeri 1 Negara 9
Indikator Pencapaian Alokasi Sumber Belajar
Kompetensi Dasar Materi Pokok Kegiatan Pembelajaran Penilaian
Kompetensi Waktu (JP)
1 2 3 6 4 5 7
4.9.2 Membuat program pemrograman web
halaman web
interaktif dengan Mengomunikasikan tentang
client side client side scripting dalam
pemrograman web
programming.
4.9.3 Menguji program
halaman web interaktif.
3.10 Memahami teknologi 3.10.1 Menjelaskan konsep Berbagai teknologi 8 Mengamati untuk
aplikasi web server teknologi aplikasi web aplikasi web server mengidentifikasi dan
server. Macam-macam merumuskan masalah
4.10 Mempresentasikan 3.10.2 Menjelaskan berbagai aplikasi web server tentang teknologi aplikasi
teknologi aplikasi web teknologi aplikasi web. ( xamp, appserv, iis) web server
server terhadap Mengumpulkan data tentang
berbagai macam teknologi aplikasi web server
perangkat
4.10.1 Mempresentasikan Mengolah data tentang
teknologi aplikasi web server
penggunaan teknologi
aplikasi web dalam Mengomunikasikan tentang
berbagai macam teknologi aplikasi web server
perangkat keras.
3.11 Menerapkan 3.11.1 Menjelaskan konsep Konsep server side 16 Mengamati untuk
pemrograman server pemrograman disisi programming. mengidentifikasi dan
side scripting server (server side Macam-macam merumuskan masalah
programming). aplikasi server side tentang teknologi aplikasi
4.11 Membuat kode 3.11.2 Menjelaskan programming (asp, web server
program pada server keunggulan dan php, cold fusion, Mengumpulkan data tentang
side scripting kekurangan dari jsp) teknologi aplikasi web server
pemrograman disisi Struktur dasar
server. Mengolah data tentang
server side
SMK Negeri 1 Negara 10
Indikator Pencapaian Alokasi Sumber Belajar
Kompetensi Dasar Materi Pokok Kegiatan Pembelajaran Penilaian
Kompetensi Waktu (JP)
1 2 3 6 4 5 7
3.11.3 Menjelaskan berbagai programming. teknologi aplikasi web server
bahasa pemrograman Penggabungan
web yang termasuk dengan html. Mengomunikasikan tentang
dalam pemrograman teknologi aplikasi web server
Perintah-perintah
disisi server. dasar dan syntax
3.11.4 Menjelaskan struktur dalam server side
penulisan program programming.
dalam pemrograman Membuat program
disisi server. sederhana ( misal
3.11.5 Menjelaskan berbagai tampilan Hello
sintaks yang digunakan world) berbasis
dalam pemrograman server side.
disisi server.
3.11.6 Menjelaskan prosedur
penggabungan script
program server side
dengan html.
4.11.1 Menerapkan
pemrograman server
side dalam aplikasi
halaman web.
3.12 Menerapkan struktur 3.12.1 Menjelaskan prosedur Perintah if, else, 16 Mengamati untuk
kendali program struktur kendali dalam else if, switch. mengidentifikasi dan
pemrograman halaman Membuat program merumuskan masalah
4.12 Membuat struktur web disisi server. dengan menerapkan tentang struktur kendali
kendali program 3.12.2 Menjelaskan prosedur struktur kendali. program
struktur kendali Mengumpulkan data tentang
bertingkat dalam struktur kendali program
pemrograman halaman
web disisi server. Mengolah data tentang
struktur kendali program
3.12.3 Menerapkan struktur
kendali dalam Mengomunikasikan tentang
pemrograman halaman struktur kendali program
web sisi server.
3.12.4 Menerapkan struktur
kendali bertingkat
dalam pemrograman
halaman web disisi
server.
4.12.1 Merancang program
aplikasi halaman web
menggunakan struktur
kendali.
3.15 Mengevaluasi aplikasi 3.15.1 Menerapkan konsep Konsep program 16 Mengamati untuk
interaktif pada web aplikasi interaktif aplikasi interaktif mengidentifikasi dan
dalam pemrograman dalam halaman merumuskan masalah
4.15 Memodifikasi aplikasi aplikasi web. web. tentang aplikasi interaktif
interaktif pada web 3.15.2 Menentukan prosedur Membuat program pada web
aplikasi interaktif aplikasi web menu Mengumpulkan data tentang
dalam pemrograman interaktif yang aplikasi interaktif pada web
aplikasi web. sederhana berbasis
SMK Negeri 1 Negara 14
Indikator Pencapaian Alokasi Sumber Belajar
Kompetensi Dasar Materi Pokok Kegiatan Pembelajaran Penilaian
Kompetensi Waktu (JP)
1 2 3 6 4 5 7
4.15.1 Merancang program input proses dan Mengolah data tentang
aplikasi interaktif output. aplikasi interaktif pada web
dalam halaman web.
4.15.2 Membuat kode Mengomunikasikan tentang
aplikasi interaktif pada web
program aplikasi
interaktif dalam
halaman web.
4.15.3 Menguji hasil tampilan
aplikasi interaktif
dalam halaman web.
3.18 Menerapkan user 3.18.1 Menjelaskan konsep Konsep user 16 Mengamati untuk
interface basis data antar muka pengguna interface dalam mengidentifikasi dan
pada halaman web (user interface) dalam program aplikasi. merumuskan masalah
aplikasi web. Rancang bangun tentang user interface
4.18 Membuat user 3.18.2 Menjelaskan fungsi UI user interface. Mengumpulkan data tentang
interface basis data untuk mengakses basis Program user user interface
pada halaman web data dalam aplikasi interface sederhana.
web. Mengolah data tentang user
Aplikasi user interface
3.18.3 Menerapkan UI dalam interface untuk
aplikasi web. mengelola basis Mengomunikasikan tentang
4.18.1 Merancang program UI data. user interface
untuk akses basis data
dalam aplikasi web.