PERANGKAT PEMBELAJARAN

PEMROGRAMAN WEB

KURIKULUM 2013 REVISI 2017

Nama Guru : Muhammad Hadi Pratama ,S.Kom

Satuan Pendidikan : SMK
Kelas : XI
Kompetensi Keahlian : Teknik Keterampilan dan Jaringan

 Kalender Akademik
 Rincian Minggu Efektif
 Pemetaan KI/KD
 Program Tahunan
 Program Semester
 Silabus Pembelajaran
 Rencana Pelaksanaan Pembelajaran
(RPP)
SMK SWASTA GEMA BUWANA
Jl. Gambir Pasar VIII Gg. Adil Sei Rotan Kec. Percut Sei Tuan
Deli Serdang 20371
TAHUN 2019/2020
 PROGRAM TAHUNAN
SMK SWASTA GEMA BUWANA

Mata Pelajaran : Pemrograman Web

Bidang Keahlian : Teknik informasi dan Komunikasi
Program Keahlian : Teknik Informasi dan Komunikasi
Kompetensi Keahlian : teknik Komputer dan Jaringan
Kelas / Semester : XI (Sebelas) / Ganjil & Genap.
Tahun Pelajaran : 2019 / 2020.

SEMESTER KOMPETENSI DASAR ALOKASI KETERANGAN

WAKTU
3.1 Memahami konsep teknologi 8 JP
aplikasi web

4.1 Mempresentasikan pelbagai teknologi

pengembangan aplikasi web
3.2 Menerapkan format teks pada 16 JP
G halaman web
4.2 Membuat kode html untuk
A menampilkan teks dalam format
tertentu pada halaman web
N 3.3 Menerapkan format tabel pada 12 JP
halaman web
J 4.3 Membuat kode html untuk
I menampilkan tabel pada halaman
web
L 3.4 Menerapkan tampilan format 12 JP
multimedia pada halaman web
4.4 Mengidentifikasi karakter data
3.5 Menerapkan format kaitan pada 16 JP
halaman web
4.5 Membuat kode html untuk
menampilkan format kaitan pada
halaman web
UJIAN AKHIR SEMESTER (UAS) GANJIL
3.6 Menerapkan format formulir pada 8 JP
G halaman web
4.6 Membuat kode html untuk
E menampilkan formulir pada
N halaman web
3.7 Menerapkan style pada halaman 12 JP
A web
4.7 Membuat kode html untuk
menampilkan style tertentu pada
 halaman web
P 3.8 Memahami client side scripting 16 JP
dalam pemrograman web
4.8 Mempresentasikan client side
scripting dalam pemrograman web
3.9 Menerapkan client side scripting 16 JP
pada halaman web interaktif
4.9 Membuat halaman web interaktif
menggunakan client side scripting
UJIAN AKHIR SEMESTER (UAS) GENAP

Mengetahui, Deli Serdang ,

Kepala Sekolah Guru Mata Pelajaran

Gendro Yudo Buwono, SE., MM Muhammad Hadi Pratama, S.Kom

NIP.3755745646200002
 PROGRAM SEMESTER SMK SWASTA GEMA BUWANA

Bidang Keahlian : Teknologi Informasi dan Komunikasi

Kompetensi Keahlian : Teknik Komputer dan Jaringan
Mata Pelajaran : Pemrograman Web
Kelas / Semester : XI (Sebelas) / Ganjil
Tahun Pelajaran : 2019 / 2020

B U L A N
NO ALOKASI JULI AGUSTUS SEPTEMBER OKTOBER NOVEMBER DESEMBER
KOMPETENSI DASAR
KD WAKTU 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5

3.1 Memahami konsep teknologi

aplikasi web
4.1 Mempresentasikan pembagaian
8 JP
teknologi pengembangan aplikasi
web
3.2 Menerapkan format teks pada
halaman web
4.2 Membuat kode html untuk 16 JP
menampilkan teks dalam format
tertentu pada halaman web
3.3 Menerapkan format tabel pada
halaman web 12 JP
Membuat kode html untuk
4.3 menampilkan tabel pada halaman
web
UJIAN TENGAH SEMESTER (UTS)

3.4 Menerapkan tampilan format

multimedia pada halaman web
4.4 Membuat kode html untuk 12 JP
menampilkan tampilan format
multimedia pada halaman web
3.5 Menerapkan format kaitan pada
halaman web
4.5 Membuat kode html untuk 16 JP
menampilkan format kaitan pada
halaman web
UJIAN AKHIR SEMESTER
(UAS )

JUMLAH : 64 JP

Ket : Minggu tidak efektif

Jam pelajaran per minggu
Ujian Tengah Semester (UTS)
Ujian Akhir Semester (UAS)
Mengetahui : Deli Serdang, 2019
Kepala Sekolah, Guru Mata Pelajaran,

Gendro Yudo Buwono, SE., MM Muhammad Hadi Pratama, S.Kom

NIP.3755745646200002
 KOMPETENSI INTI DAN KOMPETENSI DASAR
SEKOLAH MENENGAH KEJURUAN/MADRASAH ALIYAH KEJURUAN
Bidang Keahlian : Teknologi Informasi dan Komunikasi
Program Keahlian : Teknik Komputer dan Jaringan
Kompetensi Keahlian : Teknik Komputer dan Jaringan (3 Tahun)
Mata Pelajaran : Pemrograman Web

Tujuan kurikulum mencakup empat aspek kompetensi, yaitu (1) aspek

kompetensi sikap spiritual, (2) sikap sosial, (3) pengetahuan, dan (4) keterampilan.
Aspek-aspek kompetensi tersebut dicapai melalui proses pembelajaran intrakurikuler,
kokurikuler, dan ekstrakurikuler.
Rumusan kompetensi sikap spiritual yaitu, “Menghayati dan mengamalkan
ajaran agama yang dianutnya”. Sedangkan rumusan kompetensi sikap sosial yaitu,
“Menghayati dan mengamalkan perilaku jujur, disiplin, santun, peduli (gotong royong,
kerja sama, toleran, damai), bertanggung-jawab, responsif, dan proaktif melalui
keteladanan, pemberian nasihat, penguatan, pembiasaan, dan pengkondisian secara
berkesinambungan serta menunjukkan 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”. Kedua
kompetensi tersebut dicapai melalui pembelajaran tidak langsung (indirect teaching)
yaitu keteladanan, pembiasaan, dan budaya sekolah, dengan memperhatikan
karakteristik mata pelajaran serta kebutuhan dan kondisi peserta didik.
Penumbuhan dan pengembangan kompetensi sikap dilakukan sepanjang proses
pembelajaran berlangsung, dan dapat digunakan sebagai pertimbangan guru dalam
mengembangkan karakter peserta didik lebih lanjut.

KOMPETENSI INTI 3 KOMPETENSI INTI 4

(PENGETAHUAN) (KETERAMPILAN)

3. Memahami, menerapkan, 4. Melaksanakan tugas spesifik dengan

menganalisis, dan
mengevaluasitentang pengetahuan
faktual, konseptual, operasional dasar,
dan metakognitif sesuai dengan bidang
dan lingkup kerja Produk Kreatif dan
Kewirausahaan pada tingkat teknis,
spesifik, detil, dan kompleks,
berkenaan dengan ilmu pengetahuan,
teknologi, seni, budaya, dan
humaniora dalam konteks
pengembangan potensi diri sebagai
bagian dari keluarga, sekolah, dunia
kerja, warga masyarakat nasional,
regional, dan internasional.
menggunakan alat, informasi, dan
prosedur kerja yang lazim dilakukan
serta memecahkan masalah sesuai
dengan bidang kerja Produk Kreatif
dan Kewirausahaan Menampilkan
kinerja di bawah bimbingan dengan
mutu dan kuantitas yang terukur sesuai
dengan standar kompetensi kerja.
Menunjukkan keterampilan menalar,
mengolah, dan menyaji secara efektif,
kreatif, produktif, kritis, mandiri,
kolaboratif, komunikatif, dan solutif
dalam ranah abstrak terkait dengan
pengembangan dari yang dipelajarinya
di sekolah, serta mampu melaksanakan
tugas spesifik di bawah pengawasan
langsung.
Menunjukkan keterampilan
mempersepsi, kesiapan, meniru,
 KOMPETENSI INTI 3 KOMPETENSI INTI 4
(PENGETAHUAN) (KETERAMPILAN)
membiasakan, gerak mahir,
menjadikan gerak alami dalam ranah
konkret terkait dengan pengembangan
dari yang dipelajarinya di sekolah,
serta mampu melaksanakan tugas
spesifik di bawah pengawasan
langsung.
Mata Pelajaran : Pemrograman Web
KOMPETENSI KOMPETENSI UNIT SKEMA
WAKTU
DASAR DASAR KOMPETENSI SERTIFIKASI
3.5 Menerapkan 4.5 Membuat kode 8
format html untuk
formulir menampilkan
pada formulir pada
halaman halaman web
web
3.6 Menerapkan 4.6 Membuat kode 12
style pada html untuk
halaman menampilkan tabel
web pada halaman web
3.7 Memahami 4.7 Mempresentasikan 16
client side client side
scripting scripting dalam
dalam pemrograman web
pemrograma
n web
3.8 Menerapkan 4.8 Membuat halaman 16
client side web interaktif
scripting menggunakan
pada client side
halaman scripting
web
interaktif
JUMLAH JAM 52

Mengetahui, Deli Serdang , 2019

Kepala Sekolah Guru Mata Pelajaran

Gendro Yudo Buwono, SE., MM M. Hadi Pratama, S.Kom

NIP.3755745646200002
 SILABUS MATA PELAJARAN

Nama Sekolah : SMK GEMA BUWANA

Bidang Keahlian : Teknologi Informasi dan Komunikasi
Kompetensi Keahlian : Teknik Komputer dan Jaringan
Mata Pelajaran : Pemrograman Web
Kelas/Semester : XI/ I dan II
KI-3 (Pengetahuan) : Memahami, menerapkan, menganalisis, dan mengevaluasi tentang pengetahuan faktual, konseptual, operasional
dasar, dan metakognitif sesuai dengan bidang dan lingkup kerja Teknik Komputer dan Informatika pada tingkat
teknis, spesifik, detil, dan kompleks, berkenaan dengan ilmu pengetahuan, teknologi, seni, budaya, dan humaniora
dalam konteks pengembangan potensi diri sebagai bagian dari keluarga, sekolah, dunia kerja, warga masyarakat
nasional, regional, dan internasional.
KI-4 (Keterampilan) : Melaksanakan tugas spesifik, dengan menggunakan alat, informasi, dan prosedur kerja yang lazim dilakukan serta
menyelesaikan masalah sederhana sesuai dengan bidang dan lingkup kerja Teknik Komputer dan Informatika.
Menampilkan kinerja mandiri dengan mutu dan kuantitas yang terukur sesuai dengan standar kompetensi
kerja.Menunjukkan keterampilan menalar, mengolah, dan menyaji secara efektif, kreatif, produktif, kritis,
mandiri, kolaboratif, komunikatif, dan solutif dalam ranah abstrak terkait dengan pengembangan dari yang
dipelajarinya di sekolah, serta mampu melaksanakan tugas spesifik dibawah pengawasan langsung.Menunjukkan
keterampilan mempersepsi, kesiapan, meniru, membiasakan gerak mahir, menjadikan gerak alami, sampai dengan
tindakan orisinal dalam ranah konkret terkait dengan pengembangan dari yang dipelajarinya di sekolah, serta
mampu melaksanakan tugas spesifik dibawah pengawasan langsung.
 Alokasi
Kompetensi Dasar Indikator Pencapaian Kompetensi Materi Pokok Waktu Kegiatan Pembelajaran Penilaian
(JP)
1 2 3 4 5 6
3.1 Memahami konsep teknologi 3.1.1 Menjelaskan konsep world wide  Konsep www 8  Mengamati untuk
aplikasi web web (www).  Teknologi aplikasi web mengidentifikasi
3.1.2 Menjelaskan konsep teknologi  Macam-macam dan merumuskan
4.1 Mempresentasikan pelbagai aplikasi web. masalah tentang
browser konsep teknologi
teknologi pengembangan aplikasi 3.1.3 Menjelaskan berbagai teknologi  Konsep Web server aplikasi web
web aplikasi web.  Macam-macam  Mengumpulkan
3.1.4 Menjelaskan penggunaan aplikasi software webserver. data tentang konsep
berbasis web.  Macam-macam editor teknologi aplikasi
3.1.5 Menjelaskan cara menjalankan web
teks.
aplikasi web menggunakan  Tool pengembang web  Mengolah data
browser. tentang konsep
teknologi aplikasi
3.1.6 Menjelaskan aplikasi web server. web
3.1.7 Menjelaskan instalasi paket
 Mengomunikasikan
aplikasi web server. tentang konsep
3.1.8 Menjelaskan penggunaan web teknologi aplikasi
direktori dalam web server. web
4.1.1 Mempresentasikan berbagai
teknologi web.
4.1.2 Mengistalasi paket aplikasi web
server.
4.1.3 Menguji hasil instalasi web server
4.1.4 Menginstalasi aplikasi editor text.

Kompetensi Dasar
1 2
3.2 Menerapkan format teks pada
halaman web
4.2 Membuat kode html untuk
menampilkan teks dalam format 3.2.3 Menjelaskan tata cara penulisan
tertentu pada halaman web
Alokasi
Indikator Pencapaian Kompetensi Materi Pokok Waktu Kegiatan Pembelajaran Penilaian
(JP)
3 4 5 6
4.1.5 Menjalankan aplikasi web dengan
dengan browser.
3.2.1 Menjelaskan struktur dasar  Struktur dasar html 16  Mengamati untuk
pemrograman web dengan html.  Versi html mengidentifikasi
3.2.2 Menjelaskan berbagai  Html, head, title, body. dan merumuskan
masalah tentang
versi dari html.  Tag syntax, option format teks pada
 Fungsi berbagai tag halaman web
script html dengan berbagai editor. dalam html  Mengumpulkan
3.2.4 Menjelaskan parameter parameter  Format teks dalam data tentang format
dalam html. html. teks pada halaman
3.2.5 Menjelaskan tag-tag dalam html. web
3.2.6 Menjelaskan berbagai tag html  Mengolah data
untuk memformat teks. tentang format teks
pada halaman web
3.2.7 Menerapkan format teks dalam
script html.  Mengomunikasikan
tentang format teks
4.2.1 Merancang program tampilan pada halaman web
format teks dalam halaman web
4.2.2 Membuat program halaman web
yang menampilkan teks dengan
berbagai format.
 Alokasi
Kompetensi Dasar Indikator Pencapaian Kompetensi Materi Pokok Waktu Kegiatan Pembelajaran Penilaian
(JP)
1 2 3 4 5 6
4.2.1 Menguji hasil tampilan halaman
web dengan berbagai format teks.

3.3 Menerapkan format tabel pada 3.3.1 Menjelaskan tag-tag html yang  tag-tag tabel dalam 12  Mengamati untuk
halaman web digunakan untuk membuat tabel. html. mengidentifikasi
3.3.2 Menentukan prosedur pembuatan  Table tbody, thead, dan merumuskan
4.3 Membuat kode html untuk tabel dalam html. masalah tentang
tfoot, tr, th, td. format tabel pada
menampilkan tabel pada halaman 3.3.3 Menentukan penerapan format  Cellspacing, halaman web
web tabel dalam web. cellpadding, border.  Mengumpulkan
3.3.4 Menentukan prosedur pembuatan  Rowspan, colspan. data tentang format
tabel dalam tabel. tabel pada halaman
4.3.1 Merancang program tampilan tabel web
dalam html  Mengolah data
4.3.2 Membuat program halaman web tentang format
tabel pada halaman
yang menampilkan tabel. web
4.3.3 Menguji program tampilan tabel
 Mengomunikasikan
dalam web server. tentang format
tabel pada halaman
web

Kompetensi Dasar
1 2
3.4 Menerapkan tampilan format
multimedia pada halaman web
4.4 Membuat kode html untuk
menampilkan tampilan format
multimedia pada halaman web
3.5 Menerapkan format kaitan pada
halaman web
4.5 Membuat kode html untuk
Alokasi
Indikator Pencapaian Kompetensi Materi Pokok Waktu Kegiatan Pembelajaran Penilaian
(JP)
3 4 5 6
3.4.1 Menjelaskan prosedur format  Konsep tampilan 12  Mengamati untuk
tampilan multimedia dalam halaman multimedia dalam mengidentifikasi
web. html. dan merumuskan
3.4.2 masalah tentang
Menjelaskan tag untuk tampilan  Tag menampilkan tampilan format
gambar dalam halaman web. gambar. multimedia pada
3.4.3 Menjelaskan tag untuk tampilan audio  Tag untuk audio halaman web
dalam halaman web.  Tag untuk video  Mengumpulkan
3.4.4 Menjelaskan tag untuk tampilan video data tentang
dalam halaman web. tampilan format
multimedia pada
3.4.5 Menerapkan format tampilan halaman web
multimedia dalam halaman web.
 Mengolah data
4.4.1 Merancang program tampilan format tentang tampilan
multimedia dalam halaman web. format multimedia
4.4.2 Membuat kode program tampilan pada halaman web
format multimedia dalam halaman  Mengomunikasikan
web. tentang tampilan
4.4.3 Menguji program hasil tampilan format multimedia
pada halaman web
multimedia dalam halaman web.
3.5.1 Menjelaskan konsep format kaitan  Konsep hyperlink 16  Mengamati untuk
(link) dalam halaman web. dalam html mengidentifikasi
3.5.2 Menjelaskan tag-tag link dalam html  Tag-tag untuk dan merumuskan
untuk menampilkan kaitan. masalah tentang
hyperlink format kaitan pada

Kompetensi Dasar
1 2
menampilkan format kaitan pada 3.5.3 Menentukan prosedur kaitan dalam
halaman web
3.6 Menerapkan format formulir
pada halaman web
4.6 Membuat kode html untuk
menampilkan formulir pada
halaman web
Alokasi
Indikator Pencapaian Kompetensi Materi Pokok Waktu Kegiatan Pembelajaran Penilaian
(JP)
3 4 5 6
halaman web
halaman web.  Mengumpulkan
4.5.1 Merancang program tampilan kaitan data tentang format
(link) dalam halaman web. kaitan pada
halaman web
4.5.2 Membuat program tampilan kaitan
(link) dalam halaman web.  Mengolah data
tentang format
4.5.3 Menguji program tampilan kaitan kaitan pada
dalam halaman web. halaman web
 Mengomunikasikan
tentang format
kaitan pada
halaman web
3.6.1 Menjelaskan konsep formulir  Konsep formulir dalam 8  Mengamati untuk
dalam halaman web. html. mengidentifikasi
3.6.2 Menjelaskan tag-tag html untuk  Penggunaan tag form dan merumuskan
masalah tentang
formulir dalam halaman web.  Form option format formulir
3.6.3 Menjelaskan berbagai metoda inputan  Metoda get, post pada halaman web
formulir dalam halaman web.  Tipe-tipe inputan  Mengumpulkan
3.6.4 Menentukan prosedur pembuatan dalam form (text, data tentang format
format formulir dalam halaman web. password, radio, formulir pada
3.6.5 Menerapkan prosedur pembuatan halaman web
checkbox, hidden,
formulir dalam halaman web. button, submit, file)  Mengolah data
tentang format
 Alokasi
Kompetensi Dasar Indikator Pencapaian Kompetensi Materi Pokok Waktu Kegiatan Pembelajaran Penilaian
(JP)
1 2 3 4 5 6
4.6.1 Merancang program untuk  Link dalam form formulir pada
menampilkan formulir dalam halaman halaman web
web.  Mengomunikasikan
4.6.2 Membuat program tampilan formulir tentang format
formulir pada
dalam halaman web. halaman web
4.6.3 Menguji program tampilan formulir
dalam halaman web.
3.7 Menerapkan style pada halaman 3.7.1 Menjelaskan konsep layout dalam  Konsep layout dalam 12  Mengamati untuk
web tampilan halaman web. halaman web. mengidentifikasi
3.7.2 Menjelaskan berbagai metode layout  Jenis-jenis layout dan merumuskan
4.7 Membuat kode html untuk tampilan halaman web. masalah tentang
dalam halaman web style pada halaman
menampilkan style tertentu pada 3.7.3 Menjelaskan konsep style dalam (frameset, table, div) web
halaman web halaman web.  Konsep dan penulisan  Mengumpulkan
3.7.4 Menjelaskan penyisipan style script stylesheet data tentang style
dalam script program aplikasi web.  Penyisipan stylesheet pada halaman web
3.7.5 Menjelaskan prosedur penulisan style dalam script html.  Mengolah data
script dalam program aplikasi web.  File css tentang style pada
3.7.6 Menjelas prosedur penyisipan script halaman web
style kedalam html  Mengomunikasikan
3.7.7 Menerapkan style dalam program tentang style pada
halaman web
tampilan halaman web.
4.7.1 Merancang program tampilan web
 Alokasi
Kompetensi Dasar Indikator Pencapaian Kompetensi Materi Pokok Waktu Kegiatan Pembelajaran Penilaian
(JP)
1 2 3 4 5 6
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 scripting 3.8.1 Menjelaskan konsep client side  Konsep client side 16  Mengamati untuk
dalam pemrograman web scripting dalam pemrograman aplikasi programming. mengidentifikasi
web.  Macam-macam dan merumuskan
4.8 Mempresentasikan client side 3.8.2 Menjelaskan berbagai bahasa masalah tentang
aplikasi client side
client side scripting
scripting dalam pemrograman pemrograman web yang termasuk programming dalam
web dalam client side scripting. (javascript, vbscript) pemrograman web
3.8.3 Menjelaskan struktur penulisan  Struktur program client  Mengumpulkan
program client side. side. data tentang client
3.8.4 side scripting
Menjelaskan prosedur penyisipan  Cara penyisipan script
dalam
program client side kedalam html. client side dalam html. pemrograman web
3.8.5 Menjelaskan berbagai sintaks yang
 Mengolah data
digunakan dalam client side scripting. tentang client side
4.8.1 Mempresentasikan prosedur client scripting dalam
side programming dalam halaman pemrograman web
web.  Mengomunikasikan
tentang client side
scripting dalam
pemrograman web
 Alokasi
Kompetensi Dasar Indikator Pencapaian Kompetensi Materi Pokok Waktu Kegiatan Pembelajaran Penilaian
(JP)
1 2 3 4 5 6
3.9 Menerapkan client side scripting 3.9.1 Menjelaskan konsep web interaktif.  Perintah-perintah dasar 16  Mengamati untuk
pada halaman web interaktif 3.9.2 Menjelaskan prosedur penerapan dalam aplikasi client mengidentifikasi
client side programming interaktif side programming. dan merumuskan
masalah tentang
4.9 Membuat halaman web interaktif dalam halaman web.  Program “Hello world” client side scripting
menggunakan client side 4.9.1 Menerapkan client side programming dengan dalam
scripting dalam program halaman web javascript/vbscipt. pemrograman web
interaktif.  Mengumpulkan
4.9.2 Membuat program halaman web data tentang client
interaktif dengan client side side scripting
dalam
programming. pemrograman web
4.9.3 Menguji program halaman web
 Mengolah data
interaktif. tentang client side
scripting dalam
pemrograman web
 Mengomunikasikan
tentang client side
scripting dalam
pemrograman web
Mengetahui, Deli Serdang ,
Kepala Sekolah Guru Mata Pelajaran

Gendro Yudo Buwono, SE., MM Muhammad Hadi Pratama, S.Kom

NIP.3755745646200002
 RENCANA PELAKSANAAN PEMBELAJARAN

Sekolah : SMK GEMA BUWANA

Mata Pelajaran : Pemrograman Web dan Perangkat Bergerak
Kelas / Semester : XI TKJ / 1
Tahun Pelajaran : 2019 / 2020
Alokasi Waktu : 8 JP x 2 Pertemuan ( 16 x 40 Menit)

A. Kompetensi Inti
1. Menghayati dan mengamalkan ajaran agama yang dianutnya.
2. Menghayati dan mengamalkan perilaku jujur, disiplin, tanggung jawab, peduli
(gotong royong, kerjasama, toleran, damai), santun, responsif dan pro-aktif dan
menunjukkan 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.
3. Memahami, menerapkan, menganalisis dan mengevaluasi pengetahuan faktual,
konseptual, prosedural, dan metakognitif berdasarkan rasa ingin tahunya tentang
ilmu pengetahuan, teknologi, seni, budaya, dan humaniora dengan wawasan
kemanusiaan, kebangsaan, kenegaraan, dan peradaban terkait penyebab
fenomena dan kejadian, serta menerapkan pengetahuan prosedural pada bidang
kajian yang spesifik sesuai dengan bakat dan minatnya untuk memecahkan
masalah.
4. Mengolah, menalar, menyaji, dan mencipta dalam ranah konkret dan ranah
abstrak terkait dengan pengembangan dari yang dipelajarinya di sekolah secara
mandiri serta bertindak secara efektif dan kreatif, dan mampu menggunakan
metoda sesuai kaidah keilmuan.
B. Kompetensi Dasar
Memahami nilai-nilai keimanan dengan menyadari hubungan keteraturan dan
kompleksitas alam dan jagad raya terhadap kebesaran Tuhan yang
menciptakannya. Mendeskripsikan kebesaran Tuhan yang menciptakan berbagai
sumber energi di alam.Mengamalkan nilai-nilai keimanan sesuai dengan ajaran
agama dalam kehidupan sehari-hari.Menunjukkan perilaku ilmiah (memiliki rasa
ingin tahu, objective; 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.
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 berbagai teknologi pengembang aplikasi web.

C. Indikator Pencapaian Kompetensi

1. Terlibat aktif dalam pembelajaran konsep teknologi aplikasi web
2. Bekerja sama dalam kegiatan kelompok
3. Disiplin dalam melakukan tugas belajar konsep teknologi aplikasi web.
4. Bertanggung jawab terhadap tugas belajar konsep teknologi aplikasi we
5. Memahami sejarah web
6. Memahami cara kerja web
 7. Memahami alur pengembangan aplikasi

D. Tujuan Pembelajaran
Dengan diskusi kelompok dalam pembelajaran konsep teknologi aplikasi web ini,
diharapkan siswa melakukan kerjasama, disiplin dalam kegiatan pembelajaran
menemukan, dan bertanggungjawab dalam pembelajaran serta dapat.
1. Memahami profesi dalam bidang teknologi informasi
2. Memahami profesi dalam pengembangan aplikasi web
3. Memahami sejarah web
4. Menjelaskan sejarah dan cara kerja teknologi aplikasi web
E. Materi Pembelajaran
1. Profesi dalam pengembangan aplikasi web
Ada banyak ragam dalam profesi di dalam bidang Teknologi Informasi,
bagaimana dengan profesi yang berada dalam lingkungan pengembangan
aplikasi web? Berikut ini adalah profesi-profesi yang langsung terkait dalam
pengembangan aplikasi web, diantaranya :
A. Web Designer
Seorang desainer Web adalah orang yang bertanggung jawab untuk menentukan
tampilan sebuah website
B. Web Programmer
Web Programmer bertugas dalam melakukan pengcodingan atau pemograman
sebuah website agar dinamis.
C. Web Administrator
Tugasnya adalah untuk memaintenance suatu server, mengerti akan Sistem
Operasi Server, baik itu mulai dari instalasi sampai kepada masalah
(troubleshooting)
D. Web Master
Seoarang Web Master adalah seorang yang mengerti akan kesemua hal mulai
dari disain, program dan keamanan server namun tidak terlalu turut mencampuri
ke masing-masing divisi, cukup dengan mempertanggun jawabkan atas jalannya
suatu situs (web).
2. Sejarah web
Internet adalah jaringan komputer yang saling terhubung. Tidak ada perusahaan
yang memiliki internet, yang merupakan upaya kerja sama diatur oleh sistem
standar dan aturan. Tujuan dari menghubungkan komputer bersama-sama, tentu
saja, adalah untuk berbagi informasi. Ada banyak cara informasi dapat
dikirimkan antar komputer, termasuk email, transfer file (File Transfer
Protocol), dan banyak layanan yang lebih khusus yang dibangun dalam layanan
Internet. Metode ini standar untuk mentransfer data atau dokumen melalui
jaringan dikenal sebagai protokol.
WWW dikembangkan pertama kali di Pusat Penelitian Fisika Partikel Eropa
(CERN : Organisation Europeenne pour la Recherche Nucleaire), Jenewa,
Swiss. Pada tahun 1989 Berners-lee membuat pengajuan untuk proyek
pembuatan hiperteks global, kemudian pada bulan Oktober 1990, 'World Wide
Web' sudah dapat dijalankan dalam lingkungan CERN. Pada musim panas tahun
1991, WWW secara resmi digunakan secara luas pada jaringan Internet.

3. Cara Kerja Web

Bagaimana cara kerja website? Cara kerja website pada dasarnya yaitu input,
proses dan output. Website adalah halaman informasi yang disediakan melalui
jalur internet sehingga bisa diakses di seluruh dunia selama terkoneksi dengan
jaringan internet.
Website merupakan komponen atau kumpulan komponen yang terdiri dari teks,
gambar, suara, video, animasi dan lain sebagainya. Sehingga lebih merupakan
media informasi yang menarik untuk dikunjungi. Semua website pasti
mempunyai domain dan web server. Domain bisa kita analogikan sebagai alamat
rumah, sedangkan web server sebagai rumah untuk menyimpan berbagai
perabotan rumah tangga.
Bagaimana cara website bekerja?
 Pertama, misal Anda ingin mencari informasi melalui mesin pencari (search
engine) Google.
 Tentunya Anda terlebih dahulu akan menjalankan aplikasi web browser baik
itu Internet Explorer, Mozilla, Chrome, Opera, dan lain sebagainya yang telah
terkoneksi internet.
 Anda lalu mengetikan URL (Uniform Resource Locator) atau domain di web
browser, misal www.google.com atau google.com.
 Nah pada saat itu domain yang Anda ketikkan tersebut perlu diterjemahkan
menjadi alamat IP karena komputer Anda sebenarnya hanya bisa mengakses
alamat IP. Tugas penerjemahan ini dilakukan oleh Domain Name System
(DNS), karena itu komputer Anda akan meminta bantuan DNS server yang
terdaftar untuk menerjemahkan nama domain tersebut. DNS server
menemukan alamat google.com dan memberikan alamat IP-nya kepada
browser Anda. Browser Anda segera menuju server dengan alamat IP yang
didapatkan dari DNS server dan meminta halaman yang tersedia didalam web
server tersebut.
 Setelah web server menerima permintaan (request), web server lalu akan
memprosesnya
 (process) dan memberikan hasil data (output). Untuk lebih jelasnya
silahkan lihat ilustrasi gambar cara kerja website di bawah ini

4. Perangkat Pengembang Aplikasi Web

Untuk perangkat pengembangan aplikasi web dapat dikelompokan menjadi
perangkat keras dan perangkat lunak.
A. Perangkat Keras
Untuk lingkungan pengembangan web yang nya man, berikut ini peralatan yang
sebaiknya disediakan:
 Komputer Utama, dengan operating system Macintosh, Windows, ataupun
Linux. Perusahaan pengembangan web profesional cenderung berbasis
Macintosh.
 Memori tambahan, sebaiknya computer memiliki memori yang besar,
karena dalam pengembangan web cenderung kita akan membuka beberapa
aplikasi sekaligus.
 Sebuah monitor besar. Meskipun bukan keharusan, monitor besar
memudahkan untuk desainer visual. Semakin besar monitor, semakin banyak
jendela dan panel kontrol dapat terbuka pada waktu yang sama.
B. Perangkat Lunak
Untuk perangkat lunak pengembangan web dapat dikelompokkan menjadi
beberapa, diantaranya :
1. Web page authoring
Ini adalah kelompok perangkat lunak seperti desktop publishing tetapi format
yang dihasilkan adalah halaman web. Aplikasi ini biasanya bersifat
“WYSIWYG” (What You See Is What You Get, dibaca “whizzy-wig”) yaitu
apa yang kamu lihat, itulah yang kamu dapatkan. Jadi aplikasi ini biasanya
ketika membuat tampilannya seperti yang akan dihasilkan.
Beberapa contoh aplikasi yang termasuk dalam kelompok ini :
 Adobe Dreamweaver, aplikasi ini berbayar dan dibawah lisensi perusahaan
Adobe, aplikasi ini banyak digunakan oleh pengembang web. Memiliki
banyak fasilitas dan fiture.
10. Microsoft Expression Web (lisensi dari Windows). Bagian dari
Microsoft’s suite yang merupakan aplikasi perancangan professional.
11. Nvu (Linux, Windows, dan Mac OS X). Tidak ingin membayar untuk
Editor WYSIWYG? Nvu (diucapkan N-view, untuk "pandangan baru")
adalah sebuah aplikasi open source (sumber terbuka) yang cocok dengan
banyak fitur dalam Adobe Dreamweaver, dan dapat diunduh secara gratis
 di nvu.com.
2. Editor
Ini adalah kelompok perangkat lunak yang kebalikan dari Adobe
Dreamweaver Microsoft Expression Web. Aplikasi ini tidak lagi
“WYSIWYG” (What You See Is What You Get”) tetapi lebih ke kode
HTML. Beberapa contoh aplikasi yang termasuk dalam kelompok ini :
 TextPad (Windows saja). TextPad adalah plain-text sederhana dan murah
untuk editor kode di Windows.
 Teks Sublime (Window, Mac, Linux). Editor teks ini terlihat dipreteli
namun memiliki banyak fungsi (seperti kode warna dan ikhtisar kode
penuh) bagi pengembang web.
 Coda oleh Panic (hanya Macintosh). Pengguna Coda seperti alur kerja
yang visual, alat-alat manajemen file, dan built-in akses terminal.
 Textmate oleh MacroMates (hanya Macintosh). Editor teks canggih ini
memiliki alat manajemen proyek dan antarmuka yang terintegrasi dengan
sistem operasi Mac. Hal ini semakin populer karena disesuaikan, kaya fitur,
dan murah.
 BBEdit oleh Bare Bones Software (hanya Macintosh). Untuk pengembang
web banyak fitur
 shortcut yang besar telah membuat editor terkemuka berbasis Mac
3. Aplikasi editing gambar dan menggambar
 Untuk menambahkan gambar ke halaman web, akan perlu program editing
gambar. Berikut ini beberapa aplikasi yang cukup populer :
 Adobe Photoshop. Photoshop dapat dikatakan sebagai standar industri
untuk penciptaan gambar baik dalam cetak maupun dunia web.
 Adobe Photoshop Elements. Versi ini lebih ringan dari Photoshop
dirancang untuk mengedit foto dan manajemen, tetapi beberapa penggemar
menemukan bahwa ia memiliki semua alat yang diperlukan untuk
menempatkan gambar pada halaman web

F. Model dan Metode Pembelajaran

1. Model pembelajaran : Saintifik (scientific), inquiri terbimbing menggunakan
kelompok diskusi yang berbasis masalah (problem-based learning).
2. Metode Pembelajaran : Ceramah, diskusi, Tanya jawab dan penugasan
G. Kegiatan
Pembelajaran
Pertemuan
Pertama
1. Pendahuluan ( 30 Menit )
1. Guru memberikan salam, mengkondisikan kesiapan belajar dan menciptakan
suasana yang menyenangkan.
2. Guru mengecek kehadiran siswa.
3. Guru menyampaikan tujuan pembelajaran yang akan dicapai.
4. Guru memberikan motivasi pentingnya penguasai materi yang akan dibahas
untuk menumbuhkan rasa percaya diri pada siswa.
2. Kegiatan Inti ( 300 Menit )
1. Guru mengarahkan siswa mengenal konsep teknologi aplikasi web dengan
media presentasi disertai tanya jawab
2. Guru mengelompokkan siswa secara heterogen dengan jumlah anggota 4-5 orang
siswa.
3. Guru memberikan permasalahan dalam bentuk LKS untuk menemukan
konsep cara kerja web yang didiskusikan dalam kelompoknya masing-
masing.
4. Dalam kegiatan diskusi kelompok, guru berkeliling untuk mengamati dan
memfasilitasi kegiatan siswa sehingga terjadi interaksi yang kondusif (nilai
sikap dan keterampilan dinilai melalui lembar pengamatan)
5. Salah satu kelompok diskusi (tidak harus yang terbaik) diminta untuk
mempresentasikan hasil diskusinya ke depan kelas. Sementara kelompok lain,
menanggapi dan menyempurnakan apa yang dipresentasikan.
6. Dengan tanya jawab, guru membimbing siswa untuk mengarahkan
pemahaman siswa mengenai konsep teknologi aplikasi web.
3. Penutup ( 30 Menit )
1. Siswa menyimpulkan konsep teknologi aplikasi web dengan guru sebagai
fasilitator melalui tanya jawab.
2. Dengan media presentasi, guru menayangkan apa yang telah dipelajari dan
menyimpulkan konsep teknologi aplikasi web.
 3. Guru memberikan beberapa soal dari buku siswa kelas x sebagai pekerjaan
rumah.
4. Guru mengakhiri kegiatan belajar dengan memberikan pesan untuk tetap belajar.

Pertemuan kedua
1. Pendahuluan ( 30 Menit )
1. Guru memberikan salam, mengkondisikan kesiapan belajar dan menciptakan
suasana yang menyenangkan.
2. Guru mengecek kehadiran siswa.
3. Guru menyampaikan tujuan pembelajaran yang akan dicapai.
4. Guru memberikan motivasi pentingnya penguasai materi yang akan dibahas
untuk menumbuhkan rasa percaya diri pada siswa.
2. Kegiatan Inti ( 300 Menit )
1. Guru mengarahkan siswa untuk membuat cara kerja alur web, dn
mengembangkan aplikasi web
2. Guru mengelompokkan siswa secara heterogen dengan jumlah anggota 4-5 orang
siswa.
3. Guru memberikan permasalahan dalam bentuk LKS untuk menemukan
konsep cara kerja web yang didiskusikan dalam kelompoknya masing-
masing.
 4. Dalam kegiatan diskusi kelompok, guru berkeliling untuk mengamati dan
memfasilitasi kegiatan siswa sehingga terjadi interaksi yang kondusif (nilai
sikap dan keterampilan dinilai melalui lembar pengamatan)
5. Salah satu kelompok diskusi (tidak harus yang terbaik) diminta untuk
mempresentasikan hasil diskusinya ke depan kelas. Sementara kelompok
lain, menanggapi dan menyempurnakan apa yang dipresentasikan.
6. Dengan tanya jawab, guru membimbing siswa untuk mengarahkan
pemahaman siswa mengenai konsep teknologi aplikasi web.

3. Penutup ( 30 Menit )
1. Siswa menyimpulkan konsep teknologi aplikasi web dengan guru sebagai
fasilitator melalui tanya jawab.
2. Dengan media presentasi, guru menayangkan apa yang telah dipelajari dan
menyimpulkan konsep teknologi aplikasi web.
3. Guru memberikan beberapa soal dari buku siswa kelas x sebagai pekerjaan
rumah.
4. Guru mengakhiri kegiatan belajar dengan memberikan pesan untuk tetap belajar.

H. Alat/Media/Sumber Pembelajaran
Alat : Laptop dan LCD proyektor.
Media : Media presentasi powerpoint, lembar kerja siswa, lembar penilaian.
Sumber Belajar : Buku sekolah electronik Pemrograman Web kurikulum 2013,
buku sekolah electronic Rekayasa Perangkat Lunak Jilid 3 untuk
SMK, Ainur Rofiq Mulyanto, dkk. 2008, Modul Rekayasa
Perangkat Lunak 2, Yudistira, Bogor.2011, sumber dari internet
serta sumber lain yang relevan.

I. Penilaian Hasil Belajar

1. Teknik Penilaian
a. Pengamatan
b. Test tertulis
2. Prosedur Penilaian
No Aspek yang Teknik Penilaian Waktu
dinilai Penilaian
1. Sikap Pengamatan Selama pembelajaran
a. Terlibat aktif dalam dan saat diskusi
pembelajaran
konsep teknologi
aplikasi web.
b. Bekerjasama
dalam
kegiatan kelompok.
No Aspek yang Teknik Penilaian Waktu
dinilai Penilaian
c. Toleran terhadap
proses pemecahan
masalah yang
berbeda dan kreatif.
2. Pengetahuan Pengamatan dan tes Penyelesaian tugas
a. Menjelaskan sejarah individu dan kelompok
dan cara kerja web.
b. Menemukan pola
serta cara kerja web
secara kreatif
c. Menerapkan konsep
sesuai dengan
karakteristiknya
dalam
memecah
kan permasalahan
 3. Keterampilan Pengamatan Penyelesaian tugas
a. Terampil menerapkan (baik individu maupun
konsep/prinsip dan kelompok) dan saat
strategi pemecahan diskusi
masalah yang relevan
yang berkaitan dengan
konsep cara kerja web

J. Instrumen Penilaian Hasil Belajar

a. Tes tertulis
b. Lembar Pengamatan penilaian sikap
c. Lembar Pengamatan penilaian keterampilan

Mengetahui, Deli Serdang ,

Kepala Sekolah Guru Mata Pelajaran

Gendro Yudo Buwono, SE., MM Muhammad Hadi Pratama, S.Kom

NIP.3755745646200002
Lampiran 1
Test tertulis
NO. SOA JAWABA
L N
1. Jelaskan pengertian dari Merupakan orang yang melakukan kegiatan
web designer! perencanaan, termasuk studi kelayakan, analisis
dan desain terhadap suatu proyek pembuatan
aplikasi berbasis web.
2. Jelaskan cara kerja web! Pertama, misal Anda ingin mencari informasi
melalui mesin pencari (search engine) Google.
Tentunya Anda terlebih dahulu akan menjalankan
aplikasi web browser baik itu Internet Explorer,
Mozilla, Chrome, Opera, dan lain sebagainya
yang telah terkoneksi internet. Anda lalu
mengetikan URL (Uniform Resource Locator)
atau domain di web browser, misal
www.google.com atau google.com.
Nah pada saat itu domain yang Anda ketikkan
tersebut perlu diterjemahkan menjadi alamat IP
karena komputer Anda sebenarnya hanya bisa
mengakses alamat IP. Tugas penerjemahan ini
dilakukan oleh Domain Name System (DNS),
karena itu komputer Anda akan meminta bantuan
DNS server yang terdaftar untuk menerjemahkan
nama domain tersebut. DNS server menemukan
alamat google.com dan memberikan alamat IP-
nya kepada browser Anda. Browser Anda segera
menuju server dengan alamat IP yang didapatkan
dari DNS server dan meminta halaman yang
tersedia didalam web server tersebut.
Setelah web server menerima permintaan
(request), web server lalu akan memprosesnya
(process) dan memberikan hasil data (output).
3. Alternatif model dari Formulasi, Perencanaan (planning), Analisis
Pengembangan Aplikasi (analysis), Rekayasa (engineering),
Web adalah! Implementasi (page generation) & pengujian
(testing), Evaluasi oleh konsumen (customer
evaluation).
3. Sebutkan 3 contoh Adobe Dreamweaver,
software yang Microsoft Expression Web (lisensi dari
termasuk Web page Windows), Nvu (Linux, Windows, dan
Mac OS X).
authoring!
Kreteria penilaian
No Soal Kriteri Skor
(Bobot) a
a. Jawaban tepat atau benar semua 25
b. Jawaban sebagian besar benar 20
1
c. Jawaban sebagian kecil benar 10
(Bobot
25) d. Jawaban salah 5
e. Tidak menjawab 0
SkorMaksimal 25
a. Jawaban tepat atau benar semua 25
b. Jawaban sebagian besar benar 20
1
c. Jawaban sebagian kecil benar 10
(Bobot
25) d. Jawaban salah 5
e. Tidak menjawab 0
SkorMaksimal 25
a. Jawaban tepat atau benar semua 25
No Soal Kriteri Skor
(Bobot) a
b. Jawaban sebagian besar benar 20
1 c. Jawaban sebagian kecil benar 10
(Bobot d. Jawaban salah 5
25)
e. Tidak menjawab 0
SkorMaksimal 25
a. Jawaban tepat atau benar semua 25
b. Jawaban sebagian besar benar 20
1
c. Jawaban sebagian kecil benar 10
(Bobot
25) d. Jawaban salah 5
e. Tidak menjawab 0
SkorMaksimal 25
 LEMBAR PENGAMATAN PENILAIAN SIKAP

Mata Pelajaran : Pemrograman Web

Kelas/Semester : XI TKJ / 1
Tahun Pelajaran : 2019/2020
Waktu Pengamatan : 45 Menit
Indikator sikap aktif dalam pembelajaran konsep teknologi aplikasi web
1. Kurang baik jika menunjukkan sama sekali tidak ambil bagian dalam pembelajaran
2. Baik jika menunjukkan sudah ada usaha ambil bagian dalam pembelajaran tetapi belum
ajeg/konsisten
3. Sangat baik jika menunjukkan sudah ambil bagian dalam menyelesaikan tugas
kelompok secara terus menerus dan ajeg/konsisten
Indikator sikap bekerjasama dalam kegiatan kelompok.
1. Kurang baik jika sama sekali tidak berusaha untuk bekerjasama dalam kegiatan
kelompok.
2. Baik jika menunjukkan sudah ada usaha untuk bekerjasama dalam kegiatan
kelompok tetapi masih belum ajeg/konsisten.
3. Sangat baik jika menunjukkan adanya usaha bekerjasama dalam
kegiatan kelompok secara terus menerus dan ajeg/konsisten.
Indikator sikap toleran terhadap proses pemecahan masalah yang berbeda dan kreatif.
1. Kurang baik jika sama sekali tidak bersikap toleran terhadap proses
pemecahan masalah yang berbeda dan kreatif.
2. Baik jika menunjukkan sudah ada usaha untuk bersikap toleran terhadap
proses pemecahan masalah yang berbeda dan kreatif tetapi masuih belum
ajeg/konsisten.
3. Sangat baik jika menunjukkansudah ada usaha untuk bersikap toleran
terhadap proses pemecahan masalah yang berbeda dan kreatif secara
terus menerus dan ajeg/konsisten.

Bubuhkan tanda √ pada kolom-kolom sesuai

hasil pengamatan
 LEMBAR PENGAMATAN PENILAIAN KETERAMPILAN

Mata Pelajaran : Pemrograman

Web Kelas/Semester :
XI TKJ / 1
Tahun Pelajaran : 2019/2020
Waktu
Pengamatan : 45 Menit

Indikator terampil menerapkan konsep/prinsip dan strategi pemecahan masalah

yang relevan yang berkaitan dengan konsep teknologi aplikasi web.
1. Kurang terampil jika sama sekali tidak dapat menerapkan konsep/prinsip
dan strategi pemecahan masalah yang relevan yang berkaitan dengan
konsep teknologi aplikasi web.
2. Terampil jika menunjukkan sudah ada usaha untuk menerapkan
konsep/prinsip dan strategi pemecahan masalah yang relevan yang
berkaitan dengan konsep teknologi aplikasi web tetapi belum tepat.
3. Sangat terampill jika menunjukkan adanya usaha untuk menerapkan
konsep/prinsip dan strategi pemecahan masalah yang relevan yang
berkaitan dengan konsep teknologi aplikasi web.dan sudah tepat.