Nama Sekolah : SMK Bahrul Uluum Kawali

Mata Pelajaran : PEMROGAMAN WEB DAN PERANGKAT BERGERAK

Komp. Keahlian : REKAYASA PERANGKAT LUNAK
Kelas/Semester : XI/I
Tahun Pelajaran : 2018/2019
Alokasi Waktu : 1 x (4 @ 45 MENIT)

A. Kompetensi Inti *)
1. Pengetahuan
KI-3 Memahami, menerapkan, menganalisis,dan mengevaluasi tentang pengetahuan faktual,
konseptual, operasional dasar, dan metakognitif sesuai dengan bidang dan lingkup kerja
Rekayasa Perangkat Lunak 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
2. Keterampilan
KI-4 Melaksanakan tugas spesifik dengan menggunakan alat, informasi, dan prosedur kerja
yang lazim dilakukan serta memecahkan masalah sesuai dengan bidang kerja Rekayasa
Perangkat Lunak. 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, 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
B. Kompetensi Dasar *)
3.1 Memahami konsep teknologi aplikasi web
4.1 Mempresentasikan berbagai teknologi pengembangan aplikasi web
C. Indikator Pencapaian Kompetensi
1. Indikator KD pada KI pengetahuan
a. Menjelaskan konsep dasar teknologi web seperti www,URL,DNS.
b. Menyebutkan Tools Web Develop
c. Membedakan web statis dan web dinamis
d. Membedakan client side script dan server side script

2. Indikator KD pada KI keterampilan

a. Menginstalasi Tool Web Develop
b. Menguji Aplikasi Web

D. Tujuan Pembelajaran
Tujuan pada KD Pengetahuan
Melalui diskusi dan menggali informasi, peserta didik dapat:
a. Menjelaskan konsep dasar teknologi web seperti www,URL,DNS dengan teliti
b. Menyebutkan Tools Web Develop dengan cermat
c. Membedakan web statis dan web dinamis dengan teliti
d. Membedakan client side script dan server side script dengan teliti

Tujuan pada KD Keterampilan

a. Disediakan Komputer(PC/Laptop) dan Software, peserta didik dapat menginstal tool web
develop secara teliti
b. Disediakan computer(PC/Laptop) dan Software, peserta didik dapat menguji aplikasi web
 secara teliti

E. Materi Pembelajaran

 WORLD WIDE WEB (WWW)

World Wide Web (www) atau yeng lebih dikenal dengan sebutan web, merupakan salah  satu
layanan yang didapat oleh para pemakai komputer yang terhubung ke internet. Web adalah
ruang informasi dengan menggunakan teknologi hyperlink untuk menghubungkan
tiap dokumen. Dengan teknologi ini pemakai dituntun untuk menemukan informasi dengan
mengikuti tautan (link) yang disediakan dalam halaman web yang ditampilkan lewat web
browser.
Internet identik dengan web, karena kepopuleran web sebagai interface pada layanan-layanan
yang ada di Internet. Dimana yang pada awalnya web hanya sebagai penyedia informasi kini
digunakan juga untuk berkomunikasi surat elektronik (email), chatting sampai dengan video
conference.
Bagaimana WWW Bekerja ?
 Informasi web disimpan dalam dokumen yang disebut dengan halaman-halaman web (web
pages)
 Web page adalah berkas-berkas yang disimpan dalam komputer yang disebut
dengan server-server web (web server)
 Komputer-komputer yang mengakses web page disebut sebagai web client
 Web client menampilkan web page dengan menggunakan program yang disebut dengan
web browser
 HTTP
.
 
 URL
Uniform Resource Locator (URL) merupakan alamat dari sebuah resource yang dapat diakses di
internet. Resource yang dimaksud disini bisa berupa berkas halaman web, video, mp3, dll.
URL terdiri dari 3 bagian:
• Protokol (http:// atau https://)
• Alamat Server (lokasi data tersimpan)
• File Path (folder dan atau nama file)
Misalnya bila ada URL : http://www.galau.com/foto/wirasto.jpg
Berarti :
http:// adalah protokol
www.galau.com adalah alamat server
/foto/wirasto.jpg adalah folder dan nama file
 
 DNS
Domain Name System (DNS) merupakan versi teks dari ip address. Dalam dunia
jaringan komputer, komputer berkomunikasi satu sama lain dengan mengenali ip address-nya.
Namun bagi manusia tidak mungkin menghafalkan ip address tersebut, manusia lebih mudah
menghapalkan kata-kata seperti www.yahoo.com, www.google.com, atau www.facebook.com.
DNS berfungsi untuk mengkonversi nama yang mudah diingat menjadi ip address dari komputer
yang ingin dihubungi.
 
 JENIS WEB
 Web Statis : dibentuk menggunakan client side scripting. Update dilakukan secara manual
dengan melakukan perubahan terhadap script halaman tersebut.
 Web Dinamis : dibentuk menggunakan aplikasi tambahan (server side scripting dan database)
sehingga data dapat diupdate tanpa harus mengubah script, namun cukup dengan mengubah
data yang ada dalam database.
 
 WEB PROGRAMING
1. Client Side Scripting
• HTML
• Javascript
• CSS
2. Server Side Scripting
• PHP
• ASP
• Perl
F. Model dan Metode
Model Pembelajaran: Discovery Learning,Problem Based Learning
Metode Pembelajaran: Ceramah, Diskusi, Praktek
G. Kegiatan Pembelajaran
1. Pertemuan Kesatu:
a. Pendahuluan/Kegiatan Awal (15 menit)
Guru:
 Menyapa dan memberi salam
 Mengajak peserta didik berdoa sesuai keyakinan masing-masing
 Mengecek kehadiran peserta didik
 Menyampaikan tujuan pembelajaran
 Menyampaikan metode pembelajaran yang akan disampaikan

b. Kegiatan Inti (145 menit)

1. Penyampaian stimulus
 Guru menampilkan Video dan situs web berkaitan dengan perbedaan web statis dan
web dinamis,Word Wide Web, URL, DNS, Web Programming, Web Tools
 Peserta didik menyimak contoh yang tampilkan oleh guru
2. Identifkasi Masalah
 Peserta didik secara berkelompok mengidentifikasi contoh-contoh web yang
ditampilkan oleh guru
 Guru mempersilahkan peserta didik untuk mengidentifikasi perbedaan web statis
dan web dinamis, mengananlisis video tentang word wide web, menganalisi URL
dan domain dari setiap contoh yang ditampilkan
3. Pengumpulan Data
 Setiap kelompok melakukan literasi melalui sumber informasi(buku atau internet)
 Setiap kelompok Peserta didik dipersilahkan mencoba menginstalasi salah satu web
editor (notepad ++)
4. Pembuktian
 Setiap kelompok dipersilahkan mendemonstrasikan proses instalasi web editor serta
menguji aplikasi web tool
 Setiap kelompok mempresentasikan perbedaan web statis dan web dinamis, bagian
URL, Sejarah WWW, Jenis-jenis domain, jenis-jenis web programming
 Setiap kelompok berdiskusi dan menanggapi hasil dari pekerjaan kelompok yang
lain
5. Penarikan kesimpulan
 Setiap kelompok dipersilahkan untuk membuat kesimpulan mengenai perbedaan
web statis dan web dinamis, URL, DNS, WWW, Jenis-jenis web programming,
domain, dan web tools
  Peserta didik menuliskan hasil kesimpulan tersebut.
c. Penutup ( 20 menit)
 Guru mengakhiri pelajaran dengan tidak lupa menyarankan siswa untuk
mempelajari pelajaran pada pertemuan berikutnya
 Guru menunjuk peserta didik untuk mempimpin doa penutup

H. Media, Alat/Bahan, dan Sumber Belajar

1. Media :LCD Projector,Video, Powerpoint, Youtube
2. Alat :PC,Laptop
3. Sumber Belajar :Buku Pelajaran,Internet, Modul

I. Penilaian Pembelajaran, Remedial dan Pengayaan

1. Teknik Penilaian
a. Test Tulis(PG)
- Kisi kisi Soal
N Buti
KD IPK Materi Indikator Bentu
r
o soal k Tes
soal
1 3.1 Memahami Menjelaskan - www, URL, Menyebutkan PG 1,2
konsep konsep DNS pengertian
teknologi dasar URL, WWW,
aplikasi web teknologi DNS, Protocol
web seperti
www,URL,D
NS
2 3.1 Memahami Membedakan - pengertian Mengidetifikasi PG 3
konsep web statis dan Contoh perbedaan
teknologi dan web web statis web statis dan
aplikasi web dinamis dan web web dinamis
dinamis
3 4.1 Menguji - jenis-jenis Menggunakan PG 4
Mempresentasik Aplikasi Web web tool web tool
an berbagai
teknologi
pengembangan
aplikasi web

4 3.1 Memahami Membedakan - Jenis jenis Mengidentifika PG 5

konsep client side bahasa si bahasa
teknologi script dan pemprogam pemrograman
aplikasi web server side an web a web client
script side script dan
server side
script

- Test Pilihan Ganda (Mencocokan)

No Pernyataan Jawaban
1. Sebuah alamat dari sebuah sumber diinternet a. Web Browser
b. DNS
c. WWW
 2. Protokol yang berfungsi untuk merubah tag-tag HTML d. Web Statis
menjadi sebuah halaman web e. Domain
f. Web Dinamis
3. Sebuah halaman web yang contentnya cenderung tetap g. HTTP
h. Web Programming
4. Editor bawaan Microsoft Windows yang digunakan untuk i. PHP
menulis, merubah halaman web j. HTML
k. Notepad ++
5. Bahasa Pemrogaman web yang dieksekusinya disisi client l. Notepad
m. Client Side Script
n. Server Side Script
o. URL

2. Instrumen Penilaian
a. Test Pilihan Ganda
Kunci Jawaban
No Jawaban Skor
1 o.URL 2
2 g.HTTP 2
3 d.web statis 2
4 l.notepad 2
5 m.client side script 2
Skor 10

Nilai:∑ skor

3. Pembelajaran Remedial dan Pengayaan

Remedial

 Remedial Tes diberikan kepada siswa yang mendapatkan nilai di bawah 71 (untuk
pengetahuan dan keterampilan), dengan catatan jumlah siswa yang remedialnya sebanyak
maksimal 30% dari jumlah seluruh siswa di kelas.
 Dan jika jumlah siswa yang remedial mencapai 50% maka diadakan remedial teaching
terlebih dahulu, lalu dilanjutkan remedial tes
Pengayaaan
Program pengayaan diberikan/ditawarkan kepada siswa yang mendapatkan nilai diatas 71
sebagai bentuk pendalaman terhadap materi yang diberikan
 Kawali, September 2018
Mengetahui
Kepala SMK Bahrul Uluum Kawali Guru Mata Pelajaran,

Drs. H. E. Mahmud, M.M.NIP. 19630624 Dede Rukmana

198803 2 004