Rencana Pelaksanaan Pembelajaran (RPP)

Sekolah : SMK YPI AL – MUBARAK

Mata Pelajaran : Pemrograman Web dan Perangkat Bergerak
Kelas/Semester : XII / Ganjil
Materi Pokok : Penerapan Aplikasi web dengan Model View Controler (MVC)
Alokasi waktu : 26 x 45 menit (1 X Pertemuan)
PERTEMUAN KE 6

A. Kompetensi Inti (KI)

 KI-3 (pengetahuan):
Memahami, menerapkan dan menganalisis pengetahuan faktual, konseptual, dan prosedural
berdasarkan rasa ingin tahunya tentang ilmu pengetahuan, teknologi, seni, budaya, dan
humaniora dalam wawasan kemanusiaan, kebangsaan, kenegaraan, dan peradaban terkait
penyebab fenomena dan kejadian dalam bidang kerja yang spesifik untuk memecahkan
masalah.
 KI-4 (keterampilan):
Mengolah, menalar, dan menyaji dalam ranah konkret dan ranah abstrak terkait dengan
pengembangan dari yang dipelajarinya di sekolah secara mandiri, dan mampu melaksanakan
tugas spesifik di bawah pengawasan langsung.

B. Kompetensi Dasar dan Indikator

 Kompetensi Dasar
3. KD-(KI-3)
3.23 Menerapkan aplikasi web dengan Model View Controler (MVC)
 Indikator
- Menjelaskan konsep MVC dalam aplikasi web.
- Menjelaskan prosedur pemrograman aplikasi web dengan MVC.
- Menerapkan MVC kedalam program aplikasi web.
4. KD-(KI-4)
4.23 Membuat aplikasi web menggunakan Model View Controler (MVC)
 Indikator
- Merancang program aplikasi web dengan MVC.
- Membuat kode program aplikasi web menggunakan MVC.
- Menguji program aplikasi web berbasis MVC.
C. Tujuan Pembelajaran
1. Peserta didik dapat menjelaskan konsep aplikasi web dengan MVC
2. Peserta didik dapat menerapkan aplikasi web dengan MVC
3. Peserta didik dapat membuat kode program aplikasi web dengan MVC
D. Materi Pembelajaran (rincian dari Materi Pokok)
Sistem Pemrograman Model View Controller (MVC)

MVC yang merupakan singkatan dari Model View Controller adalah satu software design
pattern yang sekarang banyak dipergunakan dalam pengembangan sebuah aplikasi maupun
situs web. Design pattern ini sekarang banyak dimanfaatkan pada PHP Framework populer di
dunia seperti Laravel, Symfony, Code Igniter, maupun Yii. MVC memisahkan program dalam
tiga bagian terpisah yang saling terhubung sesuai dengan namanya, yaitu: Model, View, dan
Controller.

Komponen MVC – Model View Controller

Seperti namanya, ada tiga komponen yang dapat dideskripsikan sebagai berikut:

 Model berfungsi untuk mengatur data, fungsi dan aturan dari aplikasi
 View berfungi untuk mengatur tampilan atau output yang tampil di layar, tidak hanya
berupa data, namun juga termasuk komponen lain, seperti gambar, video, diagram,
dan sebagainya.
 Controller merupakan program yang mengatur menerima input dan menjalankan
beberapa perintah untuk dijalankan di model.

Diagram Interaksi antar komponen MVC, courtesy of Wikipedia

Kegunaan dari MVC

Design pattern ini dikembangkan dengan tujuan untuk membuat sebuah program yang
dapat dipergunakan secara berulang kali untuk hal yang serupa, dan dikembangkan dengan
modul tambahan sehingga tidak terjadi proses pengulangan pengembangan dari nol. Don’t
reinvent the wheel – pepatah yang seringkali didengungkan di dunia pengembangan aplikasi,
merupakan salah satu tujuan utama pemanfaatkan design pattern MVC.

Pada pemrograman web sebelumnya, programmer harus menghabiskan waktu yang sangat
banyak untuk melakukan pengubahan fitur dalam aplikasi berbasis web atau website yang
dikembangkannya. Seringkali pengubahan program tanpa disengaja mengubah juga bagian
tampilan yang telah dibuat sebelumnya.
Dengan memanfaatkan design pattern ini, diharapkan programmer tidak lagi dipusingkan
apabila client meminta programmer untuk mengubah tampilan dari program. Dalam hal ini
programmer bisa memfokuskan perhatiannya pada bagian View.

Demikian pula apabila terjadi penambahan fitur pada aplikasi yang mengakibatkan
pengubahan pada logic dari program serta perubahan pada basis data. Database designer
dan programmer dapat bekerjama dalam mengubah Model maupun Controller tanpa harus
terlalu bingung apa yang mereka kerjakan akan mempengaruhi tampilan.

Penggunaan MVC juga seringkali membuat implementasi aplikasi lebih sederhana dan
jumlah baris program yang harus dibuat lebih minim. Fitur ini terutama yang menjadi dasar
pengembangan berbagai framework yang telah disebutkan sebelumnya.

E. Pendekatan, Metode dan Model Pembelajaran

1. Pendekatan : Saintifik
2. Metode : Diskusi, Tanya Jawab, Demontrasi, Praktek dan Penugasan
3. Model : Problem Based Learning.

F. Alat, dan Media

Alat dan bahan yang diperlukan untuk menunjang proses pembelajaran adalah:
- Laptop
- LCD Projector
- Whiteboard
- Spidol dan penghapus

G. Sumber Pembelajaran
- Buku materi
- Materi yang di ambil dari Google

H. Langkah-langkah Kegiatan Pembelajaran

Kegiatan Kegiatan Pembelajaran Waktu
Awal 1. Guru memberi salam ,Siswa merespon salam ,berdoa, absensi dan
pertanyaan dari guru berhubungan dengan kondisi kesiapan siswa
dalam pembelajaran . Guru menjelaskan tujuan pembelajaran
2. Orientasi (Guru menampilkan Konsep aplikasi web dengan MVC)
3. Apersepsi ( guru bertanya lisan untuk 4 siswa yang berhubungan 15’
dengan materi pembelajaran yang akan dibahas)
4. Motivasi (Guru memberikan contoh manfaat aplikasi web dengan
MVC)
5. Guru membentuk kelompok diskusi yang beranggota 4 siswa, dan
memberikan informasi kompetensi dasar , tujuan, manfaat, dan
langkah pembelajaran yang akan dilaksanakan
 Kegiatan Kegiatan Pembelajaran Waktu
6. Siswa menerima informasi kompetensi dasar, meteri, tujuan, manfaat,
dan langkah pembelajaran yang akan dilaksanakan
Inti a. Mengamati
7. Guru memberikan gambaran tampilan aplikasi web dengan MVC
8. Siswa secara kelompok melakukan pengamatan di LCD mengenai
aplikasi web dengan MVC
b. Menanya 1135’
9. Guru mengajukan pertanyaan kepada siswa tentang pemanfaatan
aplikasi web dengan MVC
10. Siswa berdiskusi dalam satu kelompok mengenai hasil pengamatan
yang berhubungan dengan pemanfaatan aplikasi web dengan MVC
11. Siswa bertanya kepada guru mengenai materi yang berhubungan KD
12. Guru melakukan observasi kepada siswa mengenai kegiatan diskusi
kelompok
13. Menginstruksikan kepada siswa untuk membaca literasi (buku dan
internet) tentang aplikasi web dengan MVC
14. Menginstruksikan untuk membuat kelompok yang akan mendiskusikan
aplikasi web dengan MVC
15. Memberikan kesempatan kepada perwakilan kelompok untuk
menyajikan hasil diskusi di depan kelas
16. Memberikan kesempatan untuk saling bertanya jawab

17. Mengumpulkan Informasi

1. Mengapresiasi hasil diskusi dan tanya jawab siswa
2. Memberikan umpan balik terhadap hasil diskusi dan tanya jawab yang
telah dilakukan siswa
3. Menyampaikan pengalaman lapangan terkait materi
4. Memberikan penguatan terhadap pokok bahasan dengan bersumber
pada literasi (buku dan sumber internet terpercaya)
5. Guru membantu siswa untuk menerapkan materi secara konkrit pada
aktivitas pembelajaran
Penutup 1. Membuat rangkuman/ simpulan tentang materi. 20’
2. Memberikan umpan balik terhadap proses pembelajaran.
3. Menyampaikan secara singkat rencana pembelajaran berikutnya.
4. Mengakhiri pelajaran dan melakukan presensi akhir.
5. Menutup dan memimpin do’a.

I. Penilaian Pembelajaran, Remidial, dan Pengayaan

1. Instrumen dan Teknik Penilaian
a) Teknik penilaian
1) Tes
2) Penugasan
3) Tes praktik / unjuk kerja
b) Instrumen
 1) Soal tes tertulis
2) Lembar tugas dan lembar penilaian
3) Lembar soal paraktik dan lembar unjuk kerja siswa
2. Analisis Hasil Penilaian
Pedoman Penskoran (Rubrik Penilaian)
Soal essay
Nomor
Butir Kriteria Deskriptor Skor
Soal
Semua kompetensi yang diukur
80-100
disebut dan dijelaskan
Sebagian saja kompetensi yang
1-10 Materi/Kompetensi 20-70
diukur disebut dan dijelaskan
Kompetensi yang diukur tidak
0
disebut dan tidak dijelaskan
Skor Maksimal soal essay= 100

Pedoman Penilaian Ketrampilan (Presentasi Hasil Diskusi)

Kriteria Skor
Menggunakan media audio
Jelas dan menarik ? 4 3 2 1 0
visual secara efektif
Kontak mata dengan
Interaksi dengan audien 4 3 2 1 0
audiens ?
Membukan dan menutup Kalimat Pembuka dan
4 3 2 1 0
presentasi Penutup jelas ?
Suara keras dan jelas ?
Memproduksi suara dan Pengucapan benar dan
4 3 2 1 0
pengucapan (pronunciation) tepat? Penggunaan kosa kata
tepat ?
Mempersiapkan dengan
Persiapan presentasi 4 3 2 1 0
baik?
Kreatif ?
Informasi 4 3 2 1 0
Gagasan menarik ?
Diorganisasikan dengan
Struktur presentasi 4 3 2 1 0
baik ?
Sub Total
Skor Total
Keterangan Skor: Sangat Baik = 4; Baik = 3; Cukup = 2; Kurang = 1; Sangat Kurang =
0

Formulasi Nilai Presentasi =