RENCANA PELAKSANAAN PEMBELAJARAN

Sekolah : SMK Negeri 1 Rembang

Mata Pelajaran : Pemrograman web dan perangkat bergerak
Kelas / Semester : XI / 3
Kompetensi Keahlian : Rekayasa Perangkat Lunak
Tahun Pelajaran : 2022 / 2023
Alokasi Waktu : 2 Pertemuan ( 16 Jam Pelajaran)
Kompetensi Dasar (KD) : KD 3.1 Memahami konsep teknologi aplikasi web
KD 4.1 Mempresentasikan pelbagai teknologi pengembangan aplikasi web
A. Tujuan Pembelajaran
Tujuan Pembelajaran
1. Setelah berdiskusi dan menggali informasi dari sumber belajar, peserta didik dapat menjelaskan Konsep aplikasi web.
2. Setelah berdiskusi dan menggali informasi dari sumber belajar, peserta didik dapat menjelaskan berbagai teknologi untuk
mengembangkan aplikasi web.
3. Melalui berdiskusi dan menggali informasi dari sumber belajar, peserta didik dapat menjelaskan alur pengembangan
aplikasi web.
4. Setelah berdiskusi, peserta didik dapat menjelaskan perangkat pengembangan aplikasi web
5. Setelah berdiskusi peserta didik menyebutkan profesi dalam pengembangan aplikasi web
B. Kegiatan Pembelajaran
Pendahuluan Inti Penutup
1. Guru memberikan salam dan Mengamati 1. Peserta didik, dengan bimbingan
menginstruksikan salah satu 1. Peserta didik (dalam satu kelompok) guru, membuat kesimpulan.
siswa untuk mempipin doa. menggali informasi dan mendiskusikan 2. Guru melakukan refleksi hasil
2. Guru memeriksa kehadiran siswa proses belajar yang telah
tentang Konsep aplikasi web melalui buku
dengan mengisi presensi dilaksanakan..
kehadiran siswa. pegangan dan internet. 3. Guru memberikan apresiasi
3. Guru membagi peserta didik 2. Peserta didik (dalam satu kelompok) kepada seluruh peserta didik yang
kedalam kelompok kerja secara menggali informasi dan mendiskusikan telah bekerjasama dengan baik
variatif. tentang teknologi untuk mengembangkan dalam kelompok.
4. Guru mengondisikan suasana aplikasi web melalui buku pegangan dan 4. Guru memberikan evaluasi untuk
belajar yang menyenangkan. internet. mengukur ketuntasan PBM.
5. Guru menyampaikan kompetensi 5. Guru menginformasikan kegiatan
3. Peserta didik mengamati menjelaskan alur
yang akan dicapai dan yang akan dilaksanakan pada
manfaatnya dalam kehidupan pengembangan aplikasi web yang pertemuan berikutnya.
sehari-hari. ditampilkan oleh guru.
6. Guru menyampaikan garis besar 4. Peserta didik mencari informasi tentang
cakupan materi dan kegiatan perangkat pengembangan aplikasi web.
yang akan dilakukan serta teknik
penilaian yang akan digunakan. Menanya (Questioning)
1. Guru menggali pertanyaan dari siswa “Untuk
apa aplikasi web dibuat/digunakan?”.
2. Guru menggali pertanyaan dari siswa tentang
aplikasi yang dapat digunakan untuk
pengembangan aplikasi web.
3. Guru menggali pertanyaan dari siswa “Apa
saja perangkat lunak yang dibutuhkan untuk
pengembangan aplikasi web?”.

Mencoba (Experimenting)
1. Peserta didik diminta untuk
mengelompokkan beberapa software aplikasi
web yang kompatibel dan tidak kompatibel
dengan system operasi yang sedang
digunakan.

Menalar (Associating)
1. Dari berbagai pengertian Konsep aplikasi
web, peserta didik menyimpulkan tentang
 tujuan dan manfaat penggunaan aplikasi
web dalam lingkungan sekolah.

Mengkomunikasikan (Communicating)
1. Peserta didik mempresentasikan kesimpulan
tentang Konsep aplikasi web menurut
pendapatnya.
2. Peserta didik dari kelompok lain
memperhatikan proses presentasi.
3. Guru memberi penguatan terhadap
kesimpulan yang disampaikan peserta didik.

C. Penilaian Pembelajaran
Penilaian pembelajaran yang dilakukan meliputi :
1. Penilaian sikap, dengan teknik observasi
2. Penilaian pengetahuan, dengan tes tertulis
3. Penilaian keterampilan, dengan unjuk kerja

Mengetahui, Purbalingga, Juni 2022

Kepala Sekolah, Guru Mata Pelajaran,

Nurkholis, S.Pd., M.Par Fahmilul Amri, S.Kom

NIP. 19740317 199601 1 001 NIP. 19910804 202221 1 008
Lampiran 1. Instrumen Penilaian

A. Penilaian Sikap
Indikator perkembangan sikap: melaksanakan ibadah ritual, rasa senang, percaya diri,
motivasi, kritis, kerjasama, jujur dan responsif
1. BT (belum tampak) jika sama sekali tidak menunjukkan sikap sesuai dengan indikator
2. MT (mulai tampak) jika menunjukkan sudah ada usaha sungguh-sungguh menunjukkan
sikap sesuai dengan indikator, tetapi masih sedikit dan belum ajeg/konsisten
3. MB (mulai berkembang) jika menunjukkan ada usaha sungguh-sungguh
menunjukkan sikap sesuai dengan indikator dan cukup sering dan mulai ajeg/konsisten
4. MK (membudaya) jika menunjukkan adanya usaha sungguh-sungguh menunjukkan
sikap sesuai dengan indikator secara terus-menerus dan ajeg/konsisten

Berikan nilai 1, 2, 3, atau 4 pada kolom-kolom sesuai hasil pengamatan.

Nama Sikap
No Peserta Jlh Nilai Kriteria
Didik I II III IV V VI VII VIII Skor sikap
1 Japorman 3 2 3 4 3 3 3 3 24 3 B

2 Manorsa

...

Keterangan :
I. Melaksanakan Ibadah Ritual
II. Rasa Senang
III. Percaya Diri
IV. Motivasi
V. Kritis
VI. Kerja Sama
VII. Jujur
VIII. Responsif
Nilai sikap = (skor perolehan siswa: skor maksimal) x 4
Pada contoh di atas nilai sikap = (24 : 32) x 4 = 3, Kriteria B
Pedoman Penskoran :
Nilai sikap dapat dikualifikasikan dengan kriteria/predikat sebagai berikut:
3.34 – 4.00 : Sangat Baik (SB)
2.34 – 3.33 : Baik (B)
1.34 – 2.33 : Cukup (C)
< 1.33 : Kurang (K)
B. Penilaian Pengetahuan

Indikator Pencapaian Materi Bentuk Nomor

Pokok Indikator Soal Soal
Kompetensi Soal Soal
3.1.1 Menjelaskan Teknologi Disajikan Apa yang kamu ketahui Uraian 1
konsep world aplikasi narasi, peserta tetntang master web
wide web web didik dapat sebagai profesi
(www). menjelaskan pengembangan aplikasi
Teknologi
web?
aplikasi web

3.1.2 Menjelaskan Teknologi Disajikan Jelaskan apa yang Uraian 2

konsep aplikasi narasi, peserta dimaksud web dinamis
teknologi web didik dapat
aplikasi web. menjelaskan
Teknologi
aplikasi web

Kunci Jawaban
1. Webmaster bertugas mengatur pembelian nama domain untuk website. Selain itu, ia juga
bertanggung jawab memilih server yang menjadi tempat seluruh informasi website
disimpan
2. Web dinamis merupakan sebuah website yang memungkinkan penggunanya untuk
berinteraksi secara langsung, dalam artian pengguna dapat menambah, memodifikasi,
ataupun menghapus konten di dalam sebuah web tanpa harus membuka struktur kode dari
web tersebut.
Jawaban Kreteria Skor
1. Lengkap sesuai dengan materi yg dibahas Tepat 5

2. Kurang lengkap sesuai dengan materi yg dibahas Kurang tepat 2

3. Belum sesuai dengan materi yg dibahas Tidak tepat 1

𝑆𝑘𝑜𝑟 𝑝𝑒𝑟𝑜𝑙𝑒ℎ𝑎𝑛
𝑁𝑖𝑙𝑎𝑖 𝑡𝑜𝑡𝑎𝑙 = 𝑆𝑘𝑜𝑟 𝑚𝑎𝑘𝑠𝑖𝑚𝑎𝑙
×100
C. Penilaian Keterampilan

Indikator Pencapaian Materi Bentuk Nomor

Pokok Indikator Soal Soal
Kompetensi Soal Soal
4.1.1 Mempresentasikan Tool peserta didik dapat Buatlah Struktur Dasar Uraian 1
berbagai teknologi web. pengemban membuat tampilan HTML dengan aplikasi
g web web mengunakan web yang sudah
aplikasi web tersedia di komputer

Kunci Jawaban
Input Script Code HTML

Tampilan hasil coding

No Aspek Rentang Skor

1 Persiapan 20
2 Proses 50
3 Hasil 20
4 Waktu 10
Nilai Akhir (NA) 100

Lampiran 2. Materi Ajar

Konsep World Wide Web (WWW)

WWW kumpulan web dari seluruh dunia yang mempunyai kegunaan untuk menyediakan data
dan informasi untuk dapat digunakan bersama.

Web ini adalah suatu informasi dimana sumber – sumber daya yang berguna diidentifikasi oleh
pengenal global yang disebut Uniform Resource Indentifire (URI). web sering dianggap identik
dengan internet tersebut. Halaman web biasanya diatur dalam koleksi material yang berkaitan
yang disebut dengan situs web monitor menampilakn halaman web dari suatu server web yang
diambil informasinya oleh browser web.
Halaman web merupakan file teks murni (plain tex) yang berisi sintaks – sintaks HTML yang
dapat dibuka atau dilihat dengan internet browser. Kegiatan pemindahan halaman untuk pindah
ke dokumen lain atau bahkan mengirim informasi kembali pada server untuk berinteraksi
dengannya sering disebut surfing atau berselancar. Halaman – halaman dari sebuah situs internet
atau web diakses dari sebuah URL ( Uniform Resource Locator ) yang menjadi akar ( ROOT )
yang disebut homepage dan biasanya disimpan dalam server yang sama.

Untuk lebih jelasnya mengenai web dapat diuraikan seperti di bawah ini:

● Web (World Wide Web) merupakan salah satu layanan yang didapat olehpemakai komputer
yang terhubung ke internet, yang dapat memudahkanpengguna komputer untuk berinteraksi
dengan pengguna internet lainnya dan mencari informasi yang diperlukan.
● Web Pertama kali diperkenalkan pada tahun 1992, hal ini sebagai hasilusaha pengembangan
yang dilakukan CERN di Swiss.
● Internet dan Web adalah dua hal yang berbeda, internet lebih ke perangkatkeras, sedangkan
Web adalah perangkat lunak.
● Halaman depan web disebut dengan HOMEPAGE
● Penyajian informasi melalui web dapat dinikmati pemakai komputermelalui browser yang
terhubung keinternet melalui HTTP.
● Secara Umum halaman web dibangun dengan sebuah bahasapemrograman bernama HTM

Konsep Teknologi Aplikasi Web

Aplikasi web adalah suatu aplikasi yang di akses menggunakan penjelajah web melalui suatu
jaringan seperti internet atau intranet. Ia juga merupakan suatu aplikasi perangkat lunak
komputer yang di kodekan dalam bahasa yang didukung oleh penjelajah web (seperti HTML,
Java Script, AJAX, Java, dan lain lain) tergantung pada penjelajah tersebut untuk menampilkan
aplikasi.

Profesi Dalam Pengembangan Aplikasi Web.

Profesi dalam pengembangan aplikasi web diantaranya:

Web Designer tugasnya adalah pendesain’an tampilan situs (web) mulai dari pengolahan gambar,
tata letak, warna, dsb. Dalam pembuatan suatu situs web seorang web designer haruslah
menguasai sebagai berikut :
 RENCANA PELAKSANAAN PEMBELAJARAN

Sekolah : SMK Negeri 1 Rembang

Mata Pelajaran : Pemrograman web dan perangkat bergerak
Kelas / Semester : XI / 3
Kompetensi Keahlian : Rekayasa Perangkat Lunak
Tahun Pelajaran : 2022 / 2023
Alokasi Waktu : 3 Pertemuan ( 24 Jam Pelajaran)
Kompetensi Dasar (KD) : KD 3.2. Menerapkan format teks pada halaman web
KD 4.2. Membuat kode html untuk menampilkan teks dalam format tertentu pada halaman web
D. Tujuan Pembelajaran
Tujuan Pembelajaran
1. Setelah berdiskusi dan menggali informasi dari sumber belajar, peserta didik dapat Memahami dan membuat kode HTML
untuk menampilkan text dengan format tertentu pada halaman web

E. Kegiatan Pembelajaran
Pendahuluan Inti Penutup
1. Guru memberikan salam dan Mengamati 1. Peserta didik, dengan bimbingan
menginstruksikan salah satu 1. Peserta didik (dalam satu kelompok) guru, membuat kesimpulan.
siswa untuk mempipin doa. menggali informasi dan mendiskusikan 2. Guru melakukan refleksi hasil
2. Guru memeriksa kehadiran siswa proses belajar yang telah
tentang Format Halaman Web.
dengan mengisi presensi dilaksanakan..
kehadiran siswa. 2. Peserta didik (dalam satu kelompok) 3. Guru memberikan apresiasi
3. Guru membagi peserta didik menggali informasi dan mendiskusikan kepada seluruh peserta didik yang
kedalam kelompok kerja secara tentang Elemen-elemen HTML untuk telah bekerjasama dengan baik
variatif. membuat halaman web. dalam kelompok.
 4. Guru mengondisikan suasana
belajar yang menyenangkan.
5. Guru menyampaikan kompetensi
yang akan dicapai dan
manfaatnya dalam kehidupan
sehari-hari.
6. Guru menyampaikan garis besar
cakupan materi dan kegiatan
yang akan dilakukan serta teknik
penilaian yang akan digunakan.
F. Penilaian Pembelajaran
Penilaian pembelajaran yang dilakukan meliputi :
4. Penilaian sikap, dengan teknik observasi
5. Penilaian pengetahuan, dengan tes tertulis
6. Penilaian keterampilan, dengan unjuk kerja
Mengetahui,
Kepala Sekolah,
Nurkholis, S.Pd., M.Par
NIP. 19740317 199601 1 001
3. Peserta didik mengamati menjelaskan Format 4. Guru memberikan evaluasi untuk
Text dan Paragraf. mengukur ketuntasan PBM.
5. Guru menginformasikan kegiatan
yang akan dilaksanakan pada
Menanya (Questioning)
pertemuan berikutnya.
1. Guru menggali pertanyaan dari siswa “apa
fungsi <!DOCTYPE> pada HTML?”.
2. Guru menggali pertanyaan dari siswa tentang
tugas-tugas elemen head.
3. Guru menggali pertanyaan dari siswa
“kegunaan tag <var>Teks</var>?”.
Mencoba (Experimenting)
1. Peserta didik diminta untuk membuat
struktur HTML menggunakan editor Notepad
2. Peserta didik diminta untuk membuat
elemen – elemen dasar HTML
Menalar (Associating)
1. Dari berbagai pengertian Menerapkan
format teks pada halaman web, peserta didik
menyimpulkan tentang tujuan dan
manfaat penggunaan Struktur HTML dan
Elemen-elemen dasar HTML..
Mengkomunikasikan (Communicating)
1. Peserta didik mempresentasikan kesimpulan
tentang Format halaman web.
2. Peserta didik dari kelompok lain
memperhatikan proses presentasi.
3. Guru memberi penguatan terhadap
kesimpulan yang disampaikan peserta didik.
Purbalingga, Juni 2022
Guru Mata Pelajaran,
Fahmilul Amri, S.Kom
NIP. 19910804 202221 1 008
Lampiran 1. Instrumen Penilaian

A. Penilaian Sikap
Indikator perkembangan sikap: melaksanakan ibadah ritual, rasa senang, percaya diri,
motivasi, kritis, kerjasama, jujur dan responsif
1. BT (belum tampak) jika sama sekali tidak menunjukkan sikap sesuai dengan indikator
2. MT (mulai tampak) jika menunjukkan sudah ada usaha sungguh-sungguh menunjukkan
sikap sesuai dengan indikator, tetapi masih sedikit dan belum ajeg/konsisten
3. MB (mulai berkembang) jika menunjukkan ada usaha sungguh-sungguh
menunjukkan sikap sesuai dengan indikator dan cukup sering dan mulai ajeg/konsisten
4. MK (membudaya) jika menunjukkan adanya usaha sungguh-sungguh menunjukkan
sikap sesuai dengan indikator secara terus-menerus dan ajeg/konsisten

Berikan nilai 1, 2, 3, atau 4 pada kolom-kolom sesuai hasil pengamatan.

Nama Sikap
No Peserta Jlh Nilai Kriteria
Didik I II III IV V VI VII VIII Skor sikap
1 Japorman 3 2 3 4 3 3 3 3 24 3 B

2 Manorsa

...

Keterangan :
I. Melaksanakan Ibadah Ritual
II. Rasa Senang
 III. Percaya Diri
IV. Motivasi
V. Kritis
VI. Kerja Sama
VII. Jujur
VIII. Responsif
Nilai sikap = (skor perolehan siswa: skor maksimal) x 4
Pada contoh di atas nilai sikap = (24 : 32) x 4 = 3, Kriteria B
Pedoman Penskoran :
Nilai sikap dapat dikualifikasikan dengan kriteria/predikat sebagai berikut:
3.34 – 4.00 : Sangat Baik (SB)
2.34 – 3.33 : Baik (B)
1.34 – 2.33 : Cukup (C)
< 1.33 : Kurang (K)
B. Penilaian Pengetahuan

Indikator Pencapaian Materi Bentuk Nomor

Pokok Indikator Soal Soal
Kompetensi Soal Soal
3.2.1 Menjelaskan Format Disajikan Apa fungsi Uraian 1
struktur dasar halaman narasi, peserta <!DOCTYPE> pada
pemrograman web web didik dapat HTML?
dengan html menjelaskan
Format halaman
web

3.2.2. Menjelaskan Format Disajikan Sebutkan tugas-tugas Uraian 2

berbagai versi dari teks dan narasi, peserta elemen head!
html paragraf didik dapat
menjelaskan
Format teks dan
paragraf

Kunci Jawaban
1. Deklarasi <!DOCTYPE> pada awal dokumen HTML merupakan hal yang penting
dilakukan. Deklarasi <!DOCTYPE> bukan merupakan tag HTML, melainkan sebuah
instruksi yang diberikan untuk web browser mengenai versi HTML apa yang digunakan.
 Pada HTML5 menggunakan deklarasi <!DOCTYPE html>. Deklarasi <!DOCTYPE>
tidak case sensitive.
2. a. Menyediakan judul dokumen.
b. Menjembatani hubungan antardokumen.
c. Memberitahu browser untuk membuat form pencarian.
d. Menyediakan metode untuk mengirim pesan ke tipe browser..
Jawaban Kreteria Skor
1. Lengkap sesuai dengan materi yg dibahas Tepat 5

2. Kurang lengkap sesuai dengan materi yg dibahas Kurang tepat 2

3. Belum sesuai dengan materi yg dibahas Tidak tepat 1

𝑆𝑘𝑜𝑟 𝑝𝑒𝑟𝑜𝑙𝑒ℎ𝑎𝑛
𝑁𝑖𝑙𝑎𝑖 𝑡𝑜𝑡𝑎𝑙 = 𝑆𝑘𝑜𝑟 𝑚𝑎𝑘𝑠𝑖𝑚𝑎𝑙
×100

C. Penilaian Keterampilan

Indikator Pencapaian Materi Bentuk Nomor

Pokok Indikator Soal Soal
Kompetensi Soal Soal
4.2.1. Merancang program Format peserta didik dapat Tuliskan kode HTML Uraian 1
tampilan format teks dalam halaman membuat tampilan untuk gambar yang
halaman web web Format halaman web ketika diklik dapat
menuju halaman
http://www.facebook.co
m

Kunci Jawaban
Input Script Code HTML

No Aspek Rentang Skor

1 Persiapan 20
2 Proses 50
3 Hasil 20
4 Waktu 10
 No Aspek Rentang Skor
Nilai Akhir (NA) 100
Lampiran 1. Materi Ajar

Format Halaman Web

Halaman web terdiri atas dokumen-dokumen HTML yang dapat berisi teks, gambar, audio, dan
video, di mana dokumen-dokumen tersebut tersimpan di web server. Agar dokumen-dokumen
tersebut dapat tampil di halaman web browser pengguna, maka diperlukan sebuah protokol, yaitu
HTTP. HTTP (Hypertext Transfer Protocol) merupakan protokol yang digunakan untuk
mentransfer data dari web server ke web browser. Protokol ini akan mentransfer
dokumen-dokumen web yang ditulis atau berformat HTML (Hypertext Markup Language).
Dikatakan markup language karena HTML berfungsi memperindah file teks biasa untuk
ditampilkan pada program web browser. Hal ini dilakukan dengan menambahkan elemen atau
sering disebut sebagai tag-tag pada file teks biasa tersebut. Saat ini, sudah dikenal HTML5 yang
menawarkan berbagai fitur menarik yang tidak didukung oleh HTML sebelumnya.
Beberapa fitur yang tersedia pada HTML5, antara lain sebagai berikut.
1. Header, digunakan untuk menyatakan suatu judul. Pada Header bisa diisi dengan gambar
(misal logo) dan nama tertentu (misal perusahaan).
2. Footer, merupakan kebalikan dari header. Sebagai catatan kaki, elemen ini dapat digunakan
untuk menempatkan informasi di bagian bawah halaman web.
3. Canvas, memungkinkan pembuatan gambar dalam kanvas. Dengan adanya canvas, maka
gambar
tidak lagi diambil dari gambar utuh, melainkan bisa disusun sendiri menggunakan program. 4.
Audio, memungkinkan penyajian player untuk memutar suara.
5. Video, memungkinkan penyajian player untuk memainkan video.
Pada prinsipnya, fitur pada HTML dapat dikelompokkan ke dalam struktur halaman, presentasi
visual, peranti penyaji gambar, pendukung media, dan elemen-elemen dasar HTML untuk
memformat halaman web. Secara sederhana, HTML terdiri dari dua bagian, yaitu "head" dan
"body". Struktur HTML diapit oleh tag awal <HTML> dan tag akhir </HTML> atau tag awal
<html> dan tag akhir </html> (jika tag awal menggunakan huruf besar, maka tag akhir juga
harus huruf besar, dan sebaliknya).
Perhatikan struktur dokumen HTML berikut! Untuk membuatnya dapat menggunakan Sublime
Text 3

Elemen-elemen dasar HTML

1. HTML <!DOCTYPE>
 Deklarasi <!DOCTYPE> pada awal dokumen HTML merupakan hal yang penting
dilakukan. Deklarasi <!DOCTYPE> bukan merupakan tag HTML, melainkan sebuah
instruksi yang diberikan untuk web browser mengenai versi HTML apa yang digunakan.
Pada HTML5 menggunakan deklarasi <!DOCTYPE html>. Deklarasi <!DOCTYPE>
tidak case sensitive.
2. Elemen Head
a. Tugas-tugas elemen Head sebagai berikut:
b. Menyediakan judul dokumen.
c. Menjembatani hubungan antardokumen.
d. Memberitahu browser untuk membuat form pencarian.
e. Menyediakan metode untuk mengirim pesan ke tipe browser..
Elemen <head> yang ada pada HTML adalah wadah atau penampung untuk elemen
HTML yang lain. Contohnya elemen berikut: , <style>, <meta>, <link>, <script>, dan
<base>.</p>.

3. Elemen Body
4. Elemen Komentar
5. Mmeberi identitas
6. Memformat dokumen HTML

RENCANA PELAKSANAAN PEMBELAJARAN

Sekolah : SMK Negeri 1 Rembang

Mata Pelajaran : Pemrograman web dan perangkat bergerak
Kelas / Semester : XI / 3
Kompetensi Keahlian : Rekayasa Perangkat Lunak
Tahun Pelajaran : 2022 / 2023
Alokasi Waktu : 2 Pertemuan ( 16 Jam Pelajaran)
Kompetensi Dasar (KD) : KD 3.3 Menerapkan format tabel pada halaman web
KD 4.3 Membuat kode html untuk menampilkan tabel pada halaman web
G. Tujuan Pembelajaran
Tujuan Pembelajaran
6. Setelah berdiskusi dan menggali informasi dari sumber belajar, peserta didik dapat menjelaskan Konsep aplikasi web.
7. Setelah berdiskusi dan menggali informasi dari sumber belajar, peserta didik dapat menjelaskan berbagai teknologi untuk
mengembangkan aplikasi web.
8. Melalui berdiskusi dan menggali informasi dari sumber belajar, peserta didik dapat menjelaskan alur pengembangan
aplikasi web.
9. Setelah berdiskusi, peserta didik dapat menjelaskan perangkat pengembangan aplikasi web
10. Setelah berdiskusi peserta didik menyebutkan profesi dalam pengembangan aplikasi web
H. Kegiatan Pembelajaran
Pendahuluan Inti Penutup
7. Guru memberikan salam dan Mengamati 6. Peserta didik, dengan bimbingan
menginstruksikan salah satu 5. Peserta didik (dalam satu kelompok) guru, membuat kesimpulan.
siswa untuk mempipin doa. menggali informasi dan mendiskusikan 7. Guru melakukan refleksi hasil
8. Guru memeriksa kehadiran siswa proses belajar yang telah
tentang Konsep aplikasi web melalui buku
dengan mengisi presensi dilaksanakan..
kehadiran siswa. pegangan dan internet. 8. Guru memberikan apresiasi
9. Guru membagi peserta didik 6. Peserta didik (dalam satu kelompok) kepada seluruh peserta didik yang
kedalam kelompok kerja secara menggali informasi dan mendiskusikan telah bekerjasama dengan baik
variatif. tentang teknologi untuk mengembangkan dalam kelompok.
10. Guru mengondisikan suasana aplikasi web melalui buku pegangan dan 9. Guru memberikan evaluasi untuk
belajar yang menyenangkan. internet. mengukur ketuntasan PBM.
11. Guru menyampaikan kompetensi 10. Guru menginformasikan kegiatan
7. Peserta didik mengamati menjelaskan alur
yang akan dicapai dan yang akan dilaksanakan pada
manfaatnya dalam kehidupan pengembangan aplikasi web yang pertemuan berikutnya.
sehari-hari. ditampilkan oleh guru.
12. Guru menyampaikan garis besar 8. Peserta didik mencari informasi tentang
cakupan materi dan kegiatan perangkat pengembangan aplikasi web.
yang akan dilakukan serta teknik
penilaian yang akan digunakan. Menanya (Questioning)
4. Guru menggali pertanyaan dari siswa “Untuk
apa aplikasi web dibuat/digunakan?”.
5. Guru menggali pertanyaan dari siswa tentang
aplikasi yang dapat digunakan untuk
pengembangan aplikasi web.
6. Guru menggali pertanyaan dari siswa “Apa
saja perangkat lunak yang dibutuhkan untuk
pengembangan aplikasi web?”.

Mencoba (Experimenting)
2. Peserta didik diminta untuk
mengelompokkan beberapa software aplikasi
web yang kompatibel dan tidak kompatibel
dengan system operasi yang sedang
digunakan.

Menalar (Associating)
2. Dari berbagai pengertian Konsep aplikasi
web, peserta didik menyimpulkan tentang
tujuan dan manfaat penggunaan aplikasi
web dalam lingkungan sekolah.

Mengkomunikasikan (Communicating)
4. Peserta didik mempresentasikan kesimpulan
tentang Konsep aplikasi web menurut
pendapatnya.
5. Peserta didik dari kelompok lain
memperhatikan proses presentasi.
 6. Guru memberi penguatan terhadap
kesimpulan yang disampaikan peserta didik.

I. Penilaian Pembelajaran
Penilaian pembelajaran yang dilakukan meliputi :
7. Penilaian sikap, dengan teknik observasi
8. Penilaian pengetahuan, dengan tes tertulis
9. Penilaian keterampilan, dengan unjuk kerja

Mengetahui, Purbalingga, Juni 2022

Kepala Sekolah, Guru Mata Pelajaran,

Nurkholis, S.Pd., M.Par Fahmilul Amri, S.Kom

NIP. 19740317 199601 1 001 NIP. 19910804 202221 1 008

Lampiran 1. Instrumen Penilaian

D. Penilaian Sikap
Indikator perkembangan sikap: melaksanakan ibadah ritual, rasa senang, percaya diri,
motivasi, kritis, kerjasama, jujur dan responsif
1. BT (belum tampak) jika sama sekali tidak menunjukkan sikap sesuai dengan indikator
 2. MT (mulai tampak) jika menunjukkan sudah ada usaha sungguh-sungguh menunjukkan
sikap sesuai dengan indikator, tetapi masih sedikit dan belum ajeg/konsisten
3. MB (mulai berkembang) jika menunjukkan ada usaha sungguh-sungguh
menunjukkan sikap sesuai dengan indikator dan cukup sering dan mulai ajeg/konsisten
4. MK (membudaya) jika menunjukkan adanya usaha sungguh-sungguh menunjukkan
sikap sesuai dengan indikator secara terus-menerus dan ajeg/konsisten

Berikan nilai 1, 2, 3, atau 4 pada kolom-kolom sesuai hasil pengamatan.

Nama Sikap
No Peserta Jlh Nilai Kriteria
Didik I II III IV V VI VII VIII Skor sikap
1 Japorman 3 2 3 4 3 3 3 3 24 3 B

2 Manorsa

...

Keterangan :
IX. Melaksanakan Ibadah Ritual
X. Rasa Senang
XI. Percaya Diri
XII. Motivasi
XIII. Kritis
XIV. Kerja Sama
XV. Jujur
XVI. Responsif
Nilai sikap = (skor perolehan siswa: skor maksimal) x 4
Pada contoh di atas nilai sikap = (24 : 32) x 4 = 3, Kriteria B
Pedoman Penskoran :
Nilai sikap dapat dikualifikasikan dengan kriteria/predikat sebagai berikut:
3.34 – 4.00 : Sangat Baik (SB)
2.34 – 3.33 : Baik (B)
1.34 – 2.33 : Cukup (C)
< 1.33 : Kurang (K)
E. Penilaian Pengetahuan

Indikator Pencapaian Materi Bentuk Nomor

Pokok Indikator Soal Soal
Kompetensi Soal Soal
 3.1.2 Menjelaskan Teknologi Disajikan Apa yang kamu ketahui Uraian 1
konsep world aplikasi narasi, peserta tetntang master web
wide web web didik dapat sebagai profesi
(www). menjelaskan pengembangan aplikasi
Teknologi
web?
aplikasi web

3.1.2 Menjelaskan Teknologi Disajikan Jelaskan apa yang Uraian 2

konsep aplikasi narasi, peserta dimaksud web dinamis
teknologi web didik dapat
aplikasi web. menjelaskan
Teknologi
aplikasi web

Kunci Jawaban
3. Webmaster bertugas mengatur pembelian nama domain untuk website. Selain itu, ia juga
bertanggung jawab memilih server yang menjadi tempat seluruh informasi website
disimpan
4. Web dinamis merupakan sebuah website yang memungkinkan penggunanya untuk
berinteraksi secara langsung, dalam artian pengguna dapat menambah, memodifikasi,
ataupun menghapus konten di dalam sebuah web tanpa harus membuka struktur kode dari
web tersebut.
Jawaban Kreteria Skor
1. Lengkap sesuai dengan materi yg dibahas Tepat 5

2. Kurang lengkap sesuai dengan materi yg dibahas Kurang tepat 2

3. Belum sesuai dengan materi yg dibahas Tidak tepat 1

𝑆𝑘𝑜𝑟 𝑝𝑒𝑟𝑜𝑙𝑒ℎ𝑎𝑛
𝑁𝑖𝑙𝑎𝑖 𝑡𝑜𝑡𝑎𝑙 = 𝑆𝑘𝑜𝑟 𝑚𝑎𝑘𝑠𝑖𝑚𝑎𝑙
×100

F. Penilaian Keterampilan

Indikator Pencapaian Materi Bentuk Nomor

Pokok Indikator Soal Soal
Kompetensi Soal Soal
4.1.1 Mempresentasikan Tool peserta didik dapat Buatlah Struktur Dasar Uraian 1
berbagai teknologi web. pengemban membuat tampilan HTML dengan aplikasi
g web web mengunakan web yang sudah
aplikasi web tersedia di komputer

Kunci Jawaban
Input Script Code HTML

Tampilan hasil coding

No Aspek Rentang Skor

1 Persiapan 20
2 Proses 50
3 Hasil 20
4 Waktu 10
Nilai Akhir (NA) 100
Lampiran 2. Materi Ajar

Konsep World Wide Web (WWW)

WWW kumpulan web dari seluruh dunia yang mempunyai kegunaan untuk menyediakan data
dan informasi untuk dapat digunakan bersama.