Rencana Pelaksanaan Pembelajaran

(RPP)

Nama sekolah : SMK Kartika IV-2 Lawang

Mata Pelajaran : Mulok Web Design
Kelas / Semester : XI / 5
Alokasi Waktu : 14 Jam @ 45 Menit
Standar Kompetensi : Membuat Halaman WEB Dinamis Tingkat Lanjut
Kompetensi Dasar : Menjelaskan konsep pemrograman web dinamis
Indikator :  Melakukan Proses pemrograman berbasis web menggunakan sistem basis data
sesuai dengan standar operasi pemrograman berbasis web menggunakan sistem
basis data
 Meletakkan Hasil pembuatan program aplikasi remote data interaktif ke web server
(uploading) dan dapat diakses remote dari PC client sesuai fungsi rancangan

I. Tujuan Pembelajaran :
 Siswa dapat membuat database menggunakan mysql
 Siswa dapat membuat halaman web menggunakan php yang terhubung dengan
database mysql
 Siswa dapat membuat form input, edit dan delete pada halaman web
 Siswa dapat melakukan pengujian halaman web pada server localhost

II. Materi Pembelajaran :

 Perintah tingkat lanjut php, mysql, phpmyadmin , koneksitas programing dengan
database

III. Metode Pembelajaran

 Ceramah
 Diskusi
 Demonstrasi

IV. Langkah-langkah Pembelajaran

A. Pertemuan Pertama
1. Kegiatan Awal
 Salam Pembuka
 Absen
 Mengingatkan kembali materi sebelumnya
2. Kegiatan Inti
a. Eksplorasi
 Guru menjelaskan tentang software yang digunakan untuk web dinamis
b. Elaborasi
 Siswa memamahi software yang digunakan untuk web dinamis
 Siswa dapat menginstall software untuk web dinamis
c. Konfirmasi
 Guru menyimpulkan materi yang telah disampaikan
 Guru membantu menyelesaikan masalah yang timbul dari hasil eksplorasi
dan elaborasi.
3. Kegiatan Akhir
 Siswa mengisntalasi software untuk web dinamis
 Guru menyampaikan rencana pembelajaran pada pertemuan berikutnya

B. Pertemuan Kedua
1. Kegiatan Awal
 Salam Pembuka
 Absen
 Mengingat kembali materi sebelumnya
2. Kegiatan Inti
a. Eksplorasi
 Guru menjelaskan tentang web server dan bahasa pemrograman web.
b. Elaborasi
 Siswa memahami tentang web server yang digunakan yaitu apache

RPP Mulok Teknik Komputer dan Jaringan (Web Design) – SMK Kartika IV-2 Lawang
  Siswa memahami tentang bahasa pemrograman web yang digunakan yaitu
PHP
c. Konfirmasi
 Guru menyimpulkan materi yang telah disampaikan
 Guru membantu menyelesaikan masalah yang timbul dari hasil eksplorasi
dan elaborasi
3. Kegiatan Akhir
 Siswa memahami tentang web server(apache) dan bahasa pemrograman(php)
 Guru menyampaikan rencana pembelajaran pada pertemuan berikutnya

C. Pertemuan Ketiga
1. Kegiatan Awal
 Salam Pembuka
 Absen
 Mengingat kembali materi sebelumnya
2. Kegiatan Inti
a. Eksplorasi
 Guru menjelaskan tentang database server yang akan digunakan yaitu mysql
 Guru menjelaskan tentang integrasi antara apache, php, dan mysql
b. Elaborasi
 Siswa memahami tentang database server yang digunakan yaitu mysql
 Siswa dapat menginstalasi apache, php, dan mysql menggunakan xampp
c. Konfirmasi
 Guru menyimpulkan materi yang telah disampaikan
 Guru membantu menyelesaikan masalah yang timbul dari hasil eksplorasi
dan elaborasi
3. Kegiatan Akhir
 Siswa mampu menginstasi apache, php dan mysql menggunakan xampp
 Guru menyampaikan rencana pembelajaran pada pertemuan berikutnya

D. Pertemuan Keempat
1. Kegiatan Awal
 Salam Pembuka
 Absen
 Mengingat kembali materi sebelumnya
2. Kegiatan Inti
a. Eksplorasi
 Guru menjelaskan perintah dasar bahasa pemrograman PHP
b. Elaborasi
 Siswa memahami perintah dasar bahasa pemrograman PHP
 Siswa mencoba membuat halaman web menggunakan perintah dasar
bahasa pemrograman PHP
c. Konfirmasi
 Guru menyimpulkan materi yang telah disampaikan
 Guru membantu menyelesaikan masalah yang timbul dari hasil eksplorasi
dan elaborasi
3. Kegiatan Akhir
 Siswa membuat halaman web menggunakan bahasa pemrograman PHP
 Guru menyampaikan rencana pembelajaran pada pertemuan berikutnya

V. Media/Bahan/Sumber Belajar :
 Buku dasar pemrograman web dinamis menggunakan PHP
 Manual PHP
 Modul

VI. Penilaian :
 Tes Formatif
 Tes Praktek

VII. Butir Soal :

Tes Formatif
1. Apakah yang dimaksud dengan web server?
2. Apakah yang dimaksud dengan database?

RPP Mulok Teknik Komputer dan Jaringan (Web Design) – SMK Kartika IV-2 Lawang
 3. Sebutkan beberapa bahasa pemrograman web dan database server?
4. Sebutkan beberapa cara penulisan script bahasa pemrograman php?

Tes Praktek
1. Buatlah suatu halaman yang berfungsi untuk menghitung luas persegi panjang
menggunakan php!

Kunci Jawaban dan Norma Penilaian :

Kunci Jawaban Tes Formatif
1. Web server adalah merupakan server yang menangani komunikasi data pada internet
melalui jalur world wide web (www) atau html.
2. Database adalah kumpulan data yang saling terhubung
3. Beberapa bahasa pemrograman web adalah php, jsp, asp, coldfusion dll
4. Cara penulisan script di bahasa pemrograman php adala
- embeded script
- non embeded script

Norma Penilaian:
Tes Formatif
Masing-masing nomor : 25
Skor maksimal 100

Tes Praktek
Skor diambil dari hasil halaman yang dapat berfungsi, skor maksimal 100.

Lawang, ... Juli 2015

Mengetahui, Guru Mata Pelajaran
Kepala SMK Kartika IV-2 Mulok Web Design

Drs. JUDA PRAMANA ERWIN FIRMANSYAH, S.T..

19650528 200501 1 003

RPP Mulok Teknik Komputer dan Jaringan (Web Design) – SMK Kartika IV-2 Lawang
 Rencana Pelaksanaan Pembelajaran
(RPP)

Nama sekolah : SMK Kartika IV-2 Lawang

Mata Pelajaran : Mulok Web Design
Kelas / Semester : XII / 5-6
Alokasi Waktu : 14 Jam @ 45 Menit
Standar Kompetensi : Membuat Halaman WEB Dinamis Tingkat Lanjut
Kompetensi Dasar : Mempersiapkan pembuatan aplikasi
Indikator :  Melakukan Proses pengujian aplikasi remote data interak tif sesuai dengan SOP

I. Tujuan Pembelajaran :
 Siswa mampu merancang database
 Siswa mampu merancang design website
 Siswa mampu membuat aplikasi berbasis web

II. Materi Pembelajaran :

 Database untuk aplikasi
 Design untuk aplikasi

III. Metode Pembelajaran

 Ceramah
 Diskusi
 Demonstrasi

IV. Langkah-langkah Pembelajaran

A. Pertemuan Pertama
1. Kegiatan Awal
 Salam Pembuka
 Absen
2. Kegiatan Inti
a. Eksplorasi
 Guru menjelaskan tentang database
 Guru menjelaskan database mysql
b. Elaborasi
 Siswa mencoba merancang database
c. Konfirmasi
 Guru menyimpulkan materi yang telah disampaikan
 Guru membantu menyelesaikan masalah yang timbul dari hasil eksplorasi
dan elaborasi.
3. Kegiatan Akhir
 Siswa membuat rangkuman dari materi mengenai database
 Guru menyampaikan rencana pembelajaran pada pertemuan berikutnya

B. Pertemuan Kedua
1. Kegiatan Awal
 Salam Pembuka
 Absen
 Mengingat kembali materi sebelumnya
2. Kegiatan Inti
a. Eksplorasi
 Guru menjelaskan tentang query database
b. Elaborasi
 Siswa mencobamembuat database
c. Konfirmasi
 Guru menyimpulkan materi yang telah disampaikan
 Guru membantu menyelesaikan masalah yang timbul dari hasil eksplorasi
dan elaborasi
3. Kegiatan Akhir
 Siswa membuat rangkuman dari materi mengenai query database

RPP Mulok Teknik Komputer dan Jaringan (Web Design) – SMK Kartika IV-2 Lawang
  Guru menyampaikan rencana pembelajaran pada pertemuan berikutnya

C. Pertemuan Ketiga
1. Kegiatan Awal
 Salam Pembuka
 Absen
 Mengingat kembali materi sebelumnya
2. Kegiatan Inti
a. Eksplorasi
 Guru menjelaskan tentang design aplikasi
b. Elaborasi
 Siswa mencoba merancang design/halaman aplikasi berbasis web
c. Konfirmasi
 Guru menyimpulkan materi yang telah disampaikan
 Guru membantu menyelesaikan masalah yang timbul dari hasil eksplorasi
dan elaborasi
3. Kegiatan Akhir
 Siswa membuat rangkuman dari materi mengenai design aplikasi
 Guru menyampaikan rencana pembelajaran pada pertemuan berikutnya

D. Pertemuan Keempat
1. Kegiatan Awal
 Salam Pembuka
 Absen
 Mengingat kembali materi sebelumnya
2. Kegiatan Inti
a. Eksplorasi
 Guru menjelaskan tentang pembuatan design menggunakan dreamweaver
b. Elaborasi
 Siswa mencoba membuat design aplikasi menggunakan dreamweaver
c. Konfirmasi
 Guru menyimpulkan materi yang telah disampaikan
 Guru membantu menyelesaikan masalah yang timbul dari hasil eksplorasi
dan elaborasi
3. Kegiatan Akhir
 Siswa membuat rangkuman dari materi mengenai design aplikasi
 Guru menyampaikan rencana pembelajaran pada pertemuan berikutnya

E. Pertemuan Kelima
1. Kegiatan Awal
 Salam Pembuka
 Absen
 Mengingat kembali materi sebelumnya
2. Kegiatan Inti
a. Eksplorasi
 Guru menjelaskan tentang aplikasi berbasis web
b. Elaborasi
 Siswa mencoba merancang aplikasi berbasis web
c. Konfirmasi
 Guru menyimpulkan materi yang telah disampaikan
 Guru membantu menyelesaikan masalah yang timbul dari hasil eksplorasi
dan elaborasi
3. Kegiatan Akhir
 Siswa membuat rangkuman dari materi mengenai aplikasi berbasis web
 Guru menyampaikan rencana pembelajaran pada pertemuan berikutnya

F. Pertemuan Keenam
1. Kegiatan Awal
 Salam Pembuka
 Absen
 Mengingat kembali materi sebelumnya
2. Kegiatan Inti
a. Eksplorasi
RPP Mulok Teknik Komputer dan Jaringan (Web Design) – SMK Kartika IV-2 Lawang
  Guru menjelaskan tentang aplikasi berbasis web menggunakan bahasa
pemrograman PHP
b. Elaborasi
 Siswa mencoba mencoba bahasa pemrograman PHP
c. Konfirmasi
 Guru menyimpulkan materi yang telah disampaikan
 Guru membantu menyelesaikan masalah yang timbul dari hasil eksplorasi
dan elaborasi
3. Kegiatan Akhir
 Siswa membuat rangkuman dari materi mengenai aplikasi berbasis web
 Guru menyampaikan rencana pembelajaran pada pertemuan berikutnya

V. Media/Bahan/Sumber Belajar :
 Buku dasar pemrograman web dinamis menggunakan PHP
 Manual PHP
 Modul

VI. Penilaian :
Tes Formatif

VII. Butir Soal :

Tes Formatif
1. Apa yang dimaksud dengan database?
2. Ada berapa jenis query pada database, sebutkan?
3. Sebutkan beberapa software web design yang anda ketahui?
4. Sebutkan beberapa bahasa pemrograman web?
5. Sebutkan kelebihan bahasa pemrograman PHP?

VIII. Kunci Jawaban dan Norma Penilaian :

Kunci Jawaban Tes Formatif
1. Kumpulan data atau tempat untuk menyimpan data
2. Ada 3, yaitu
- Data Definition Language
- Data Manipulation Language
- Data Control Language
3. Sotware web design antara lain:
- Notepad++
- Adobe Dreamweaver
- Adobe Fireworks
- Web Builder
4. Bahasa pemrograman web
- ASP
- PHP
- JSP
- ColdFusion
5. Kelebihan bahasa pemrograman PHP adalah PHP mudah dibuat, sintaks bahasanya
cepat dimengerti dan cepat dijalankan karena dukungan dari apache server yang
menjadikan PHP sebagai modul dari apache itu sendiri sehingga proses program PHP
tidak membebani server.

Norma Penilaian:
Tes Formatif
Masing-masing nomor : 20
Skor maksimal 100

Lawang, ... Juli 2015

Mengetahui, Guru Mata Pelajaran
Kepala SMK Kartika IV-2 Mulok Web Design

Drs. JUDA PRAMANA ERWIN FIRMANSYAH, S.T..

19650528 200501 1 003

RPP Mulok Teknik Komputer dan Jaringan (Web Design) – SMK Kartika IV-2 Lawang
 Rencana Pelaksanaan Pembelajaran
(RPP)

Nama sekolah : SMK Kartika IV-2 Lawang

Mata Pelajaran : Mulok Web Design
Kelas / Semester : XII / 6
Alokasi Waktu : 12 Jam @ 45 Menit
Standar Kompetensi : Membuat Halaman WEB Dinamis Tingkat Lanjut
Kompetensi Dasar : Membuat web menggunakan bahasa script
Indikator :  Mengaplikasikan Penilaian terhadap fungsifungsi program aplikasi yang dapat
naupun tidak dapat dijalankan diekskusi)
:  Membuat check list/ reportsheet sesuai dengan SOP yang berlaku

I. Tujuan Pembelajaran :
 Siswa mampu membuat aplikasi berbasis web menggunakan apache, php dan mysql

II. Materi Pembelajaran :

 Membuat aplikasi berbasis web menggunakan script php dan database mysql

III. Metode Pembelajaran

 Ceramah
 Diskusi
 Demonstrasi

IV. Langkah-langkah Pembelajaran

A. Pertemuan Pertama
1. Kegiatan Awal
 Salam Pembuka
 Absen
 Mengingatkan kembali materi sebelumnya

2. Kegiatan Inti
a. Eksplorasi
 Guru menjelaskan tentang webserver apache, php, dan mysql
b. Elaborasi
 Siswa mencoba menginstall tool development bundle xampp (apache,php,
dan mysql)
c. Konfirmasi
 Guru menyimpulkan materi yang telah disampaikan
 Guru membantu menyelesaikan masalah yang timbul dari hasil eksplorasi
dan elaborasi.

3. Kegiatan Akhir
 Siswa membuat rangkuman dari materi mengenai apache, php dan mysql
 Guru menyampaikan rencana pembelajaran pada pertemuan berikutnya

B. Pertemuan Kedua
1. Kegiatan Awal
 Salam Pembuka
 Absen
 Mengingat kembali materi sebelumnya
2. Kegiatan Inti
a. Eksplorasi
 Guru menjelaskan tentang bahasa pemrograman PHP fungsi pemilihan (If
nested)
b. Elaborasi
 Siswa mencoba membuat bahasa pemrograman PHP fungsi pemilihan (IF
Nested)
c. Konfirmasi
 Guru menyimpulkan materi yang telah disampaikan

RPP Mulok Teknik Komputer dan Jaringan (Web Design) – SMK Kartika IV-2 Lawang
  Guru membantu menyelesaikan masalah yang timbul dari hasil eksplorasi
dan elaborasi
3. Kegiatan Akhir
 Siswa membuat halaman php tentang fungsi pemilihan
 Guru menyampaikan rencana pembelajaran pada pertemuan berikutnya

C. Pertemuan Ketiga
1. Kegiatan Awal
 Salam Pembuka
 Absen
 Mengingat kembali materi sebelumnya
2. Kegiatan Inti
a. Eksplorasi
 Guru menjelaskan tentang bahasa pemrograman PHP fungsi perulangan
(Looping)
b. Elaborasi
 Siswa mencoba membuat bahasa pemrograman PHP fungsi perulangan
(Looping)
c. Konfirmasi
 Guru menyimpulkan materi yang telah disampaikan
 Guru membantu menyelesaikan masalah yang timbul dari hasil eksplorasi
dan elaborasi
3. Kegiatan Akhir
 Siswa membuat halaman php tentang fungsi perulangan
 Guru menyampaikan rencana pembelajaran pada pertemuan berikutnya

D. Pertemuan Keempat
1. Kegiatan Awal
 Salam Pembuka
 Absen
 Mengingat kembali materi sebelumnya
2. Kegiatan Inti
a. Eksplorasi
 Guru menjelaskan tentang bahasa pemrograman PHP fungsi array
b. Elaborasi
 Siswa mencoba membuat bahasa pemrograman PHP fungsi array
c. Konfirmasi
 Guru menyimpulkan materi yang telah disampaikan
 Guru membantu menyelesaikan masalah yang timbul dari hasil eksplorasi
dan elaborasi
3. Kegiatan Akhir
 Siswa membuat halaman php tentang fungsi array
 Guru menyampaikan rencana pembelajaran pada pertemuan berikutnya

E. Pertemuan Kelima
1. Kegiatan Awal
 Salam Pembuka
 Absen
 Mengingat kembali materi sebelumnya
2. Kegiatan Inti
a. Eksplorasi
 Guru menjelaskan tentang bahasa pemrograman PHP fungsi function
b. Elaborasi
 Siswa mencoba membuat bahasa pemrograman PHP fungsi function
c. Konfirmasi
 Guru menyimpulkan materi yang telah disampaikan
 Guru membantu menyelesaikan masalah yang timbul dari hasil eksplorasi
dan elaborasi
3. Kegiatan Akhir
 Siswa membuat halaman php tentang fungsi function
 Guru menyampaikan rencana pembelajaran pada pertemuan berikutnya

F. Pertemuan Keenam

RPP Mulok Teknik Komputer dan Jaringan (Web Design) – SMK Kartika IV-2 Lawang
 1. Kegiatan Awal
 Salam Pembuka
 Absen
 Mengingat kembali materi sebelumnya
2. Kegiatan Inti
a. Eksplorasi
 Guru menjelaskan tentang bahasa pemrograman PHP keamanan
menggunakan session
b. Elaborasi
 Siswa mencoba membuat bahasa pemrograman PHP fungsi session
c. Konfirmasi
 Guru menyimpulkan materi yang telah disampaikan
 Guru membantu menyelesaikan masalah yang timbul dari hasil eksplorasi
dan elaborasi
3. Kegiatan Akhir
 Siswa membuat halaman php tentang fungsi session
 Guru menyampaikan rencana pembelajaran pada pertemuan berikutnya

G. Pertemuan Ketujuh
1. Kegiatan Awal
 Salam Pembuka
 Absen
 Mengingat kembali materi sebelumnya
2. Kegiatan Inti
a. Eksplorasi
 Guru menjelaskan tentang koneksi database MySQL dengan bahasa
pemrograman PHP
b. Elaborasi
 Siswa mencoba membuat tentang koneksi database MySQL dengan bahasa
pemrograman PHP
c. Konfirmasi
 Guru menyimpulkan materi yang telah disampaikan
 Guru membantu menyelesaikan masalah yang timbul dari hasil eksplorasi
dan elaborasi
3. Kegiatan Akhir
 Siswa membuat halaman php tentang koneksi MySQL dengan PHP
 Guru menyampaikan rencana pembelajaran pada pertemuan berikutnya

H. Pertemuan Kedelapan
1. Kegiatan Awal
 Salam Pembuka
 Absen
 Mengingat kembali materi sebelumnya
2. Kegiatan Inti
a. Eksplorasi
 Guru menjelaskan tentang membuat aplikasi menggunakan PHP dan MySQL
b. Elaborasi
 Siswa mencoba membuat aplikasi menggunakan PHP dan MySQL
c. Konfirmasi
 Guru menyimpulkan materi yang telah disampaikan
 Guru membantu menyelesaikan masalah yang timbul dari hasil eksplorasi
dan elaborasi
3. Kegiatan Akhir
 Siswa membuat aplikasi dengan PHP dan MySQL
 Guru menyampaikan rencana pembelajaran pada pertemuan berikutnya

V. Media/Bahan/Sumber Belajar :
 Buku dasar pemrograman web dinamis menggunakan PHP
 Manual PHP
 Modul

VI. Penilaian :
Tes Formatif

RPP Mulok Teknik Komputer dan Jaringan (Web Design) – SMK Kartika IV-2 Lawang
VII. Butir Soal :
Tes Formatif
1. Sebutkan pengertian dari Web Server?
2. Apakah bahasa pemrograman PHP itu dan sebutkan kelebihan?
3. Sebutkan cara penulisan script PHP?
4. Sebut dan Jelaskan Tipe data yang ada pada PHP?
5. Buatlah query untuk memasukkan data ke tabel siswa dengan field nis, nama, alamat ?

VIII. Kunci Jawaban dan Norma Penilaian :

Kunci Jawaban Tes Formatif
1. Web Server merupakan server yang menangani komunikasi data pada internet melalui
jalur world wide web (www) atau html
2. PHP merupakan bahasa pemrograman script web server side. Dengan menggunakan
PHP maka maintenance suatu web menjadi lebih mudah.
Kelebihan PHP
Keluwesan PHP yang mampu berinteraksi dengan hampir semua teknologi web
menjadikan PHP sebagai bahasa pemrograman yang populer.
Salah satunya adalah dalam interaksinya dengan database-database modern seperti
Oracle, MySQL, PostgreSQL, Interbase, MS Access dan sebagainya.
3. Cara penulisan PHP adalah sbb:
- Embedded Script
- Non Embedded Script
4. Tipe data pada PHP:
a. Integer (bilangan bulat)
Integer menyatakan tipe data bilangan bulat dengan jangkauan kira-kira dari
-2milyar hingga 2 milyar
b. Floating point (bilangan pecahan)
Floating point menyatakan tipe data bilangan pecahan
c. String
String menyatakan tipe data teks (sederetan teks karakter yang tidak
menyatakan bilangan), tipe data ini tidak bisa dikenakan operasi
aritmatika/matematis.
d. Array
Array adalah variabel jamak yang mempunyai banyak elemen yang diacu
dengan satu nama yang sama. Setiap elemen variabel diacu dengan
menggunakan nomor elemen (index).Contoh sebuah halaman web
menggunakan html
5. Query untuk memasukkan data
INSERT INTO siswa(nis, nama, alamat) VALUES
(‘123’,’Paijo’,’Bawang – Banjarnegara’);

Norma Penilaian:
Tes Formatif
Masing-masing nomor : 20
Skor maksimal 100

Lawang, ... Juli 2015

Mengetahui, Guru Mata Pelajaran
Kepala SMK Kartika IV-2 Mulok Web Design

Drs. JUDA PRAMANA ERWIN FIRMANSYAH, S.T..

19650528 200501 1 003

RPP Mulok Teknik Komputer dan Jaringan (Web Design) – SMK Kartika IV-2 Lawang