RPP_JS_Fundamental

RENCANA PELAKSANAAN PEMBELAJARAN
(RPP)
Sekolah : SMK YPM 1 TAMAN SIDOARJO
Mata Pelajaran : Pemrograman Web
Kelas/ Semester : X / Genap
Materi Pokok : Teknik Pemrograman Halaman Web
Alokasi Waktu : 21 JP ( 21 x 45 Menit)
Pertemuan Ke- : 7 s/d 13
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 pengetahuan faktual, konseptual, prosedural
berdasarkan rasa ingin tahunya tentang ilmu pengetahuan, teknologi, seni, budaya, dan
humaniora dengan wawasan kemanusiaan, kebangsaan, kenegaraan, dan peradaban
terkait penyebab fenomena dan kejadian dalam bidang kerja yang spesifik untuk
memecahkan masalah.
4. Mengolah, menalar dan menyaji dalam ranah konkret dan ranah abstrak terkait dengan
pengembangan dari yang dipelajarinya disekolah secara mandiri, dan mampu
melaksanakan tugas spesifik di bawah pengawasan langsung.
B. Kompetensi Dasar Dan Indikator

1.1 Memahami nilai-nilai keimanan dengan menyadari hubungan keteraturan dan
kompleksitas alam dan jagad raya terhadap kebesaran Tuhan yang menciptakannya.
1.2 Mendeskripsikan kebesaran Tuhan yang menciptakan berbagai sumber energi di alam.
1.3 Mengamalkan nilai-nilai keimanan sesuai dengan ajaran agama dalam kehidupan sehari-
hari.
2.1. Menunjukkan perilaku ilmiah (memiliki rasa ingin tahu; objektif; 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.
2.2. Menghargai kerja individu dan kelompok dalam aktivitas sehari-hari sebagai wujud
implementasi melaksanakan percobaan dan melaporkan hasil percobaan.
Pertemuan Ke - 7
3.8. Memahami teknik pemrograman pada halaman web
Indikator
3.8.1. Memahami anatomi kode javascript
3.8.2. Menjelaskan cara kerja kode javascript
3.8.3. Memahami dasar pemrograman client (menjelaskan variable, tipe data, dan
operator.
3.8.4. Memahami array 1 dimensi dan multidimensi
3.8.5. Memahami struktur control percabangan pada program client
3.8.6. Memahami fungsi bawaan dan buatan user pada program client.
4.8. Menyajikan teknik teknik pemrograman web

Indikator
4.8.1. Menyajikan hasil pemahaman mengenai anatomi kode javascript.
4.8.2. Menyajikan hasil pemahaman mengenai cara kerja kode javascript
4.8.3. Mengimplementasin dasar pemrograman client sebuah variable, tipe data, dan
operator ke dalam halaman web.
4.8.4. Mengimplementasikan array 1 dimensi dan multidimensi pada halaman web
4.8.5. Mengimplementasikan struktur control percabangan pada program client (for ,
while , do- while)
4.8.6. Mengimplementasikan fungsi bawaan dan buatan user pada program client.
Pertemuan Ke - 8
Indikator
operator.

Indikator
while , do- while)
Pertemuan Ke - 9
Indikator
operator.

Indikator
while , do- while)
Pertemuan Ke - 10
Indikator
operator.

Indikator
while , do- while)
Pertemuan Ke - 11
Indikator
operator.

Indikator
while , do- while)
Pertemuan Ke - 12
Indikator
operator.

Indikator
while , do- while)
Pertemuan Ke - 13
Indikator
operator.

Indikator
while , do- while)
C. Tujuan Pembelajaran: (tujuan peserta didik yang ingin dicapai)

1. Peserta Didik dapat memahami anatomi kode javascript dengan benar
2. Peserta Didik dapat memahami cara kerja kode javascript dengan benar
3. Peserta Didik dapat memahami dasar pemrograman client (menjelaskan variable, tipe
data, dan operator dengan benar.
4. Peserta Didik dapat memahami array 1 dimensi dan multidimensi dengan benar
5. Peserta Didik dapat memahami struktur control percabangan pada program client
dengan benar.
6. Peserta Didik dapat memahami fungsi bawaan dan buatan user pada program client
dengan benar
7. Peserta Didik dapat menyajikan hasil pemahaman mengenai anatomi kode javascript
dengan benar.
8. Peserta Didik dapat menyajikan hasil pemahaman mengenai cara kerja kode javascript
dengan benar
9. Peserta Didik dapat mengimplementasin dasar pemrograman client sebuah variable, tipe
data, dan operator ke dalam halaman web dengan benar
10. Peserta Didik dapat mengimplementasikan array 1 dimensi dan multidimensi pada
halaman web dengan benar
11. Peserta Didik dapat mengimplementasikan struktur control percabangan pada program
client (for , while , do- while) dengan benar
12. Peserta Didik dapat mengimplementasikan fungsi bawaan dan buatan user pada program
client dengan benar
13. Peserta Didik menunjukkan ketekunan dalam melakukan pengamatan dan menuliskan
laporan proses implementasi teknik pemrograman halaman web dengan benar.
14. Peserta Didik ikut aktif dalam kegiatan pembelajaran mengenai Teknik pemrograman
pada halaman web.
D. Materi Pembelajaran:
Teknik Pemrograman Halaman Web
1. Anatomi kode javascript
2. Cara kerja kode javascript
3. Dasar pemrograman client (variable , tipe data, dan operator)
4. Array 1 dimendi dan array multidimensi
5. Struktur control percabangan pada program client
6. Struktur control perulangan pada program client
7. Fungsi bawaan dan buatan user pada program client.
E. Metode Pembelajaran :
Pendekatan Pembelajaran : Saintific Learning
Metode Pembelajaran : Kooperatif (cooperative learning)
Simulasi / Praktik
F. MEDIA, ALAT, DAN SUMBER PEMBELAJARAN

1. Media : LCD Projector
2. Alat/Bahan : 1 Unit Personal Computer
3. Sumber Belajar :
BukuTeksPelajaran
BukuPanduan Guru
Pemrograman Web Dengan HTML Revisi Keempat, Betha sidik, Ir., Husni I.
Pohan, Ir., M.Eng., Penerbit Informatika Bandung, Juni 2012
Learning Web Design 4th Edition, Jennifer Niederst Robbins, Penerbit O'Reilly
Media, Inc.: Kanada, 2012
Buku-buku dan referensi lain yang relevan
Media cetak/elektronik
Lingkungan sekitar
G. Langkah Langkah Kegiatan Pembelajaran
Kegiatan Deskripsi Kegiatan Alokasi

Waktu
Pendahuluan 1. Mengucapkan salam 15 menit

2. Sebelum pelajaran dimulai guru memimpin berdoa
bersama.
3. Guru mengecek kehadiran peserta didik / absensi.
4. Guru memberikan apersepsi tentang pentingnya
belajar teknik pemrograman pada halaman web.
5. Guru menyampaikan tujuan pembelajaran yang akan
disampaikan hari ini.
Inti Mengamati 105 menit
1. Peserta Didik mengamati berbagai jenis teknologi

pemrograman client pada halaman web
2. Peserta Didik mengamati berbagai teknik dasar

pemrograman client pada halaman web.
Menanya
3. Peserta Didik menanyakan apa sajakah hal hal

mengenai teknik dasar pemrograman client pada
halaman web
Mengeksplorasi
4. Peserta Didik diminta untuk eksplorasi dan

bereksperimen mengenai berbagai teknik dasar
pemrograman client pada halaman web.
Mengasosiasi
5. Setiap kelompok mendapatkan tugas untuk
menganalisa hubungan antara program client
dengan halaman web
6. Setiap kelompok akan menyimpulkan penerapan
pemrograman pada halaman web.
Mengkomunikasikan
7. Salah satu perwakilan kelompok harus
menyampaikan hasil pengamatan dan percobaan
berbagai teknik pemrograman client pada halaman
web.
Penutup 1. Peserta Didik diminta untuk menyimpulkan tentang 15 menit

anatomi kode javascript cara kerja kode javascript,
dasar pemrograman client (variable , tipe data, dan
operator), array 1 dimendi dan array multidimensi,
struktur control percabangan pada program client,
struktur control perulangan pada program client, dan
fungsi bawaan dan buatan user pada program client.
2. Guru menyimpulkan tentang anatomi kode javascript
cara kerja kode javascript, dasar pemrograman client
(variable , tipe data, dan operator), array 1 dimendi dan
array multidimensi, struktur control percabangan pada
program client, struktur control perulangan pada
program client, dan fungsi bawaan dan buatan user
pada program client.
3. Guru mengakhiri kegiatan belajar dengan doa bersama
dengan Peserta Didik.
H. Penilaian Hasil Belajar

1. Jenis/Teknik Penilaian :
a. Tugas
b. Observasi
c. Portofolio
d. Tes Tulis
2. Prosedur Penulisan
No Aspek yang dinilai Teknik Penilaian Waktu Penilaian
1. Sikap Pengamatan Selama pembelajaran dan

a. Terlibat aktif dalam saat diskusi
pembelajaran teknik
pemrograman pada
halaman web
b. Bekerja secara mandiri
dalam proses penerapan.
c. Toleransi terhadap proses
pemecahan masalah yang
berbeda dan kreatif
2. Pengetahuan
a. Memahami anatomi kode Pengamatan dan tes Penyelesaian tugas

javascript tertulis individu dan kelompok
b. Menjelaskan cara kerja
kode javascript
c. Memahami dasar
pemrograman client
(menjelaskan variable, tipe
data, dan operator.
d. Memahami array 1 dimensi
dan multidimensi
e. Memahami struktur control
percabangan pada program
client
f. Memahami fungsi bawaan
dan buatan user pada
program client.
3. Keterampilan
a. Menyajikan hasil Pengamatan Penyelesaian tugas (baik

pemahaman mengenai individu maupun
anatomi kode javascript. kelompok) dan saat
b. Menyajikan hasil diskusi
pemahaman mengenai cara
kerja kode javascript
c. Mengimplementasin dasar
pemrograman client sebuah
variable, tipe data, dan
operator ke dalam halaman Tes Tertulis
web.
Penyelesaian tugas baik
d. Mengimplementasikan
individu atau kelompok .
array 1 dimensi dan
multidimensi pada halaman
web
e. Mengimplementasikan
struktur control
percabangan pada program
client (for , while , do-
while)
f. Mengimplementasikan
fungsi bawaan dan buatan
user pada program client.
Diverifikasi Sidoarjo, Nopember 2013

Waka Kurikulum Guru Mata Pelajaran
Ismunib, S.T Nurun Nuchbah, S.Kom.com
Mengetahui
Kepala Sekolah
Achmad Farich, S.T., M.Pd

I. Instrumen Penilaian Hasil belajar
LEMBAR KERJA SISWA 1
Tes Tertulis
1. Browser apakah yang pertama kali memperkenalkan javascript

2. Pada tahun berapakah Javascript di perkenalkan .
3. Jelaskan definisi dari Javascript ..
4. Sebutkan 2 piranti yang digunakan untuk mempelajari pemrograman JavaScript
5. Sebutkan dua cara untuk menuliskan kode-kode Java Script agar dapat ditampilkan pada
halaman HTML .
6. Jelaskan definisi sebuah variabel dalam JavaScript
7. Sebutkan 4 aturan penamaan sebuah variabel dalam JavaScript .
8. Sebutkan beberapa tipe data yang implisit pada JavaScript .
9. Sebutkan 6 operator yang terdapat pada Javascript
10. Jelaskan definisi fungsi pada javacsript ..
Pensekoran
Skor
No Jawaban
Maksimal
1. Netscape Navigator 5
2. Tahun 1995 5
3. Javascript adalah bahasa yang berbentuk kumpulan skrip yang pada 15
fungsinya berjalan pada suatu dokumen HTML, Bahasa ini adalah
bahasa pemrograman untuk memberikan kemampuan tambahan
terhadap bahasa HTML dengan mengijinkan pengeksekusian perintah
perintah di sisi user
4. Teks Editor (Notepad , Notepad++, Dreamweaver) 10

Web Browser (Internet Explorer , Netscape Navigator)
5. Java script ditulis pada file yang sama 10
Javascript ditulis pada file terpisah
6. Variabel adalah tempat dimana kita menyimpan nilai-nilai atau 15
informasi-informasi pada JavaScript. Variabel yang dideklarasikan
dapat di isi dengan nilai apa saja
Skor
No Jawaban
Maksimal
7. Harus diawalai dengan karakter (huruf atau baris bawah) 15
Tidak boleh menggunakan spasi
Huruf Kapital dan kecil memiliki arti yang berbeda
Tidak boleh menggunakan kata-kata yang merupakan perintah
dalam JavaScript.
8. - Tipe Numerik - Tipe Boolean 5
- Tipe String - Tipe Null
9. - Aritmatika - Pembanding 10
- Pemberian nilai (Assign) - Logika
- Pemanipulasian bit (bitwise) - String
10. Fungsi adalah kumpulan blok kode yang membentuk fungsi tersendiri. 10
Kita bisa membuat sendiri fungsi tersebut
JUMLAH 100
Tes Praktik
1. Ketikkan syntax implementasi array dibawah ini :
<HTML>
<HEAD>
<TITLE> LAtihan Objek Array</TITLE>
<BODY>
<h3>Latihan Objek Array I</H3>
Nama pada data ke 3 adalah :
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
cobaarray();
</SCRIPT>
</BODY>
</HTML>
2. Ketikkan syntax implementasi array dibawah ini

<HTML>
<HEAD>
<TITLE> LAtihan Objek Array</TITLE>
<BODY>
<h3>Latihan Objek Array II</H3>
Pemanggilan data Array dengan Perintah Perulangan For<BR>
</SCRIPT>
<FORM NAME ="fform">
<H2><BR>Bilangan Negatif, Nol, Atau Positif ???</H2>
Masukkan Bilangan :<input type="text" size="11" name="bilangan">
<P><INPUT TYPE="button" value="Tanya" onclick="tanyabilangan()">
<INPUT TYPE="reset" value="Ulang"> </p>
</FORM>
</BODY>
</HTML>
3. Ketikkan syntax struktur kontrol percabangan SWITCH dibawah ini :
<HTML>
<HEAD><TITLE>Percabangan Switch</TITLE></HEAD>
<BODY>
<SCRIPT language="JavaScript">
</SCRIPT>
<FORM NAME ="fform">
<H2>Penggunaan Percabangan Switch</H2><HR>
<PRE>
Masukkan Nomor Bulan [1-12] :<input type="text" size="2" name="ibulan">
<INPUT TYPE="button" value="Hitung" onclick="tanyabulan()"><INPUT TYPE="reset"
value="Ulang">
</PRE>
</FORM>
</BODY>
</HTML>
4. Buatlah sebuah kasus Perusahaan Travel Bintang Abadi mempunyai armada dengan tujuan :
Tujuan Harga Tiket
Jakarta 100000
Cirebon 150000
Tasikmalaya 200000
Apabila seorang pemesan sudah menjadi anggota/member Travel Bintang Abadi maka akan
mendapatkan diskon 10 %.
SubTotal : Harga tiket x Jumlah tiket
Diskon : 0.10 x Subtotal
Total : Subtotal-Diskon
Buat Program dengan menggunakan Javascript untuk menyelesaikan masalah tersebut. Dengan
ketentuan sebagai berikut :
Pensekoran
1.
2.
4.
5.
<HTML> <tr>
<HEAD><TITLE>Percabangan IF-ELSE <td width="50%"><PRE>
</TITLE></HEAD> Nama :<input type="text" size="20"
name="inama">
<BODY>
Tujuan :<select name="itujuan" size=1>
<SCRIPT language="JavaScript"> <option value="Jakarta">Jakarta</option>
 Kuadrat: " + sq + "<BR>");
document.writeln("</PRE>"); }
document.writeln("------------------------------------------------");
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>
2. Ketikkan syntax struktur kontrol perulangan WHILE dibawah ini :
<script>
var i=1;
while(i<=5) {
document.write("Nomor : "+i +"<br />");
i++;
}
</script>
3.Ketikkan syntax struktur kontrol perulangan DO-WHILE dibawah ini :
<HTML>
<HEAD><TITLE>Latihan Perulangan III(Do-While)</TITLE></HEAD>
<BODY>
<!-- menyembunyikan script dan browser non-JS
function pass() {
var coba = 1;
do {
p = prompt("Tuliskan password dengan benar","");
if (p=="UNIKOM") {
alert("Selamat Datang Friends");
window.open("welcome.html");
break; }
else {
alert("Password Salah !!! Ulangi lagi."); }
if (coba==3) {
alert("maaf, kesempatan anda hanya 3 kali");
history.go(-1);
}
coba=coba+1;
}
while (coba<=3) }
</SCRIPT>
<FORM METHOD="post">
<INPUT TYPE="button" VALUE="Password" ONCLICK="pass()">
</FORM>
</BODY>
</HTML>
Pensekoran
1.
2.
3. Adapun hasil yang diperoleh adalah sebagai berikut :
a. Tampilan awal
b. Prompt password
c. Alert apabila terjadi kesalahan password
d. Alert apabila telah terjadi 3 kali kesalahan
e. Apabila password benar

f. Halaman utama
LEMBAR PENGAMATAN PENILAIAN SIKAP
Mata Pelajaran : Pemprograman Web
Kelas/Semester : X TKJ / Genap
Tahun Pelajaran : 2013/2014
Waktu Pengamatan :
Indikator sikap aktif dalam pembelajaran Teknik Pemrograman Halaman 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 masih belum ajeg/konsisten.
3. Sangat baik jika menunjukkan sudah 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.

No Nama Peserta Didik Sikap
Aktif Bekerjasama Toleran

KB B SB KB B SB KB B SB
1.
2.
3.
4.
5.
6.
Keterangan:
KB : Kurang baik
B : Baik
SB : Sangat baik
LEMBAR PENGAMATAN PENILAIAN KETERAMPILAN
Mata Pelajaran : Pemprograman Web
Kelas/Semester : X TKJ / Genap
Tahun Pelajaran : 2013/2014
Waktu Pengamatan :
Indikator terampil menerapkan konsep/prinsip dan strategi pemecahan masalah yang relevan
yang berkaitan dengan teknik pemrograman pada halaman web
1. Kurang terampil jika sama sekali tidak dapat menerapkan konsep/prinsip dan strategi
pemecahan masalah yang relevan yang berkaitan dengan teknik pemrograman pada halaman
web
2. Terampil jika menunjukkan sudah ada usaha untuk menerapkan konsep/prinsip dan strategi
pemecahan masalah yang relevan yang berkaitan dengan teknik pemrograman pada halaman
web
3. Sangat terampill, jika menunjukkan adanya usaha untuk menerapkan konsep/prinsip dan
strategi pemecahan masalah yang relevan yang berkaitan dengan teknik pemrograman pada
halaman web
Bubuhkan tanda pada kolom-kolom sesuai hasil pengamatan.
Keterampilan
Menerapkan konsep/prinsip dan strategi
pemecahan masalah
NO Nama Peserta Didik
Kurang Terampil Sangat
Terampil Terampil
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
Keterangan:
KT : Kurang terampil
T : Terampil
ST : Sangat terampil

RPP_JS_Fundamental

Diunggah oleh

Informasi Dokumen

Deskripsi Asli:

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

RPP_JS_Fundamental

Diunggah oleh

Hak Cipta:

Format Tersedia

RENCANA PELAKSANAAN PEMBELAJARAN

B. Kompetensi Dasar Dan Indikator

4.8. Menyajikan teknik teknik pemrograman web

4.9. Menyajikan teknik teknik pemrograman web

4.10. Menyajikan teknik teknik pemrograman web

4.11. Menyajikan teknik teknik pemrograman web

4.12. Menyajikan teknik teknik pemrograman web

4.13. Menyajikan teknik teknik pemrograman web

4.14. Menyajikan teknik teknik pemrograman web

C. Tujuan Pembelajaran: (tujuan peserta didik yang ingin dicapai)

F. MEDIA, ALAT, DAN SUMBER PEMBELAJARAN

G. Langkah Langkah Kegiatan Pembelajaran

Kegiatan Deskripsi Kegiatan Alokasi

Pendahuluan 1. Mengucapkan salam 15 menit

1. Peserta Didik mengamati berbagai jenis teknologi

2. Peserta Didik mengamati berbagai teknik dasar

3. Peserta Didik menanyakan apa sajakah hal hal

4. Peserta Didik diminta untuk eksplorasi dan

Penutup 1. Peserta Didik diminta untuk menyimpulkan tentang 15 menit

H. Penilaian Hasil Belajar

1. Sikap Pengamatan Selama pembelajaran dan

a. Memahami anatomi kode Pengamatan dan tes Penyelesaian tugas

a. Menyajikan hasil Pengamatan Penyelesaian tugas (baik

Diverifikasi Sidoarjo, Nopember 2013

Ismunib, S.T Nurun Nuchbah, S.Kom.com

Achmad Farich, S.T., M.Pd

LEMBAR KERJA SISWA 1

1. Browser apakah yang pertama kali memperkenalkan javascript

4. Teks Editor (Notepad , Notepad++, Dreamweaver) 10

LEMBAR KERJA SISWA 2

2. Ketikkan syntax implementasi array dibawah ini

Tujuan Harga Tiket

1. Ketikkan syntax struktur kontrol perulangan FOR dibawah ini :

c. Alert apabila terjadi kesalahan password

d. Alert apabila telah terjadi 3 kali kesalahan

e. Apabila password benar

LEMBAR PENGAMATAN PENILAIAN SIKAP

Mata Pelajaran : Pemprograman Web

Kelas/Semester : X TKJ / Genap

Tahun Pelajaran : 2013/2014

Indikator sikap aktif dalam pembelajaran Teknik Pemrograman Halaman Web

Indikator sikap bekerjasama dalam kegiatan kelompok.

Bubuhkan tanda pada kolom-kolom sesuai hasil pengamatan.

Aktif Bekerjasama Toleran

Bubuhkan tanda pada kolom-kolom sesuai hasil pengamatan.

Anda mungkin juga menyukai