RENCANA PELAKSANAAN PEMBELAJARAN

(RPP)

NAMA LEMBAGA :LKP ALEGO KOMPUTER

PROGRAM KURSUS :WEB PROFESSIONAL

KELAS :REGULER, WEEKEND, DAN PRIVAT

MATERI POKOK :Dasar - dasar Pembuatan Web

Mengembangkan User Interface

Membuat dokumen HTML sesuai spesifikasi

Mengembangkan User Interface

ALOKASI WAKTU :90 Menit x 7 Pertemuan

A. KOMPETENSI INTI (KI)

1. Menerima, menjalankan, dan menghargai ajaran agama yang

dianutnya.

2. Memiliki perilaku jujur, disiplin, tanggung jawab, santun,

peduli, dan percaya diri dalam berinteraksi dengan keluarga,
teman dan guru.

3. Memahami pengetahuan factual dengan cara mengamati ( mendengar,

melihat, membaca ) dan menanya berdasarkan ingin tahu tentang
dirinya, makhluk ciptaan Tuhan dan kegiatannya, dan benda-benda
yang dijumpainya dirumah, sekolah.

4. Menyajikan pengetahuan factual dalam bahasa yang jelas dan logis

dan sistematis, dalam karya yang estetis dalam gerakan yang
mencerminkan anak sehat, dan dalam tindakan yang mencerminkan
perilaku anak beriman dan berakhlak mulia.

B. KOMPETENSI DASAR DAN INDIKATOR

 KOMPETENSI DASAR

1. Menjelaskan konsep dasar dan teknologi dari web page

2. Membuat user interface responsif

 INDIKATOR
1. Dapat menjelaskan Website dan Web server
 2. Dapat menjelaskan URL, HTTP

3. Dapat menjelaskan HTML, Web Browser

4. Dapat menjelaskan cara proses konsep-konsep dan teknologi web

5. Dapat menjelaskan cara membedakan klien dan server

6. Mampu membedakan klien dan server

7. Mampu menjelaskan konsep-konsep dan teknologi web

8. Memahami ukuran layar sebagai penampil halaman website

9. Memahami fungsi CSS3 untuk membuat user interface yang responsif di semua ukuran layar

10. Memahami framework CSS Bootstrap yang digunakan sebagai alternatif untuk
mengembangkan user inerface

C. TUJUAN PEMBELAJARAN

1. Mengetahui dan mampu menjelaskan serta menunjukkan Web server

2. Mengetahui dan mampu menunjukkan URL, HTTP

3. Mengetahui dan mampu membuat HTML, dan menunjukkan Web Browser

4. Mengetahui dan mampu menggunakan konsep-konsep dasar dan teknologi web

5. Mengetahui dan mampu membedakan klien dan server

D. MATERI PEMBELAJARAN

1. HTML Dasar
2. HTML Lanjutan (HTML5)
3. CSS Dasar
4. CSS Lanjutan (CSS3)
5. Bootstrap (v3.x/4.x) Framework

E. METODE PEMBELAJARAN

 Full Praktek (Teori 20%)

F. SUMBER DAN MEDIA PEMBELAJARAN

 Sumber

1. W3school
2. Bootstrap Docs

 Media Pembelajaran

1. Laptop
2. XAMPP
3. Teks Editor (Sublime, Atom, VS Code)

G. KEGIATAN PEMBELAJARAN
Pertemuan
Kegiatan Deskripsi Alokasi waktu
ke
Menjelaskan Website dan
5 Menit
Web server
Menjelaskan URL, HTTP 5 Menit
Menjelaskan HTML, Web
15 Menit
Browser
Menjelaskan cara proses
konsep-konsep dan 5 Menit
1
teknologi web
Menjelaskan perbedaan
5 Menit
klien dan server
Menjelaskan konsep-
5 Menit
konsep dan teknologi web
Membuat halaman web
50 Menit
sederhana dari HTML
Menjelaskan atribut tag
5 Menit
pada HTML
Menjelaskan perbedaan
HTML biasa dengan 5 Menit
HTML5
Menjelaskan tag HTML5 5 Menit
2
Menggunakan tag HTML5 10 Menit
Membuat halaman web
lanjutan dengan paduan 30 Menit
HTML biasa dan HTML5
Membuat halaman web
35 Menit
dari template
Menjelaskan CSS dan
10 Menit
fungsinya
Menjelaskan cara
10 Menit
penggunaan CSS
Menjelaskan dasar CSS 10 Menit
3
Menjelaskan syntax CSS
10 Menit
dan cara menulisnya
Membuat halaman web
sederhana dengan HTML 50 Menit
dan CSS
Menjelaskan fungsi
10 Menit
lanjutan CSS
4
Membuat halaman web
80 Menit
dengan konsep tertentu
Menjelaskan fungsi baru
yang ada di CSS3 (media 10 Menit
query, dll)
5 Mencontohkan fungsi baru
20 Menit
yang ada di CSS3
Membuat desain halaman
60 Menit
web dengan CSS3
Menjelaskan pengertian
6 20 Menit
Bootstrap dan
 penggunaannya
Menjelaskan dasar-dasar
10 Menit
Bootstrap
Memberi contoh
10 Menit
penggunaan Bootstrap
Membuat layout sederhana
10 Menit
dengan Bootstrap
Membuat layout sederhana
50 Menit
dengan contoh yang lain
Menjelaskan komponen
10 Menit
bootstrap
Memberi contoh cara
menggunakan komponen 20 Menit
7
bootstrap
Membuat desain halaman
website dengan 60 Menit
komponen bootstrap
 RENCANA PELAKSANAAN PEMBELAJARAN

(RPP)

NAMA LEMBAGA : LKP ALEGO KOMPUTER

PROGRAM KURSUS : WEB PROFESSIONAL

KELAS : REGULER, WEEKEND, DAN PRIVAT

MATERI POKOK :

 Menggunakan spesifikasi program

 Membuat algoritma pemrograman

 Membuat struktur data

 Menerapkan bahasa pemrograman terstruktur

 Menulis Program

 Membuat halaman web dinamis

 Melakukan debugging program

 Melakukan migrasi ke teknologi baru

 Mengoperasikan Bahasa pemrograman Data

Description (SQL) dasar

 Membuat program untuk membangkitkan data dasar

 Mempersiapkan basis data untuk sebuah situs web

 Melaksanakan pengujian kode program secara dinamis

ALOKASI WAKTU : 90 Menit x 17 Pertemuan

H. KOMPETENSI INTI (KI)

5. Menerima, menjalankan, dan menghargai ajaran agama yang

dianutnya.

6. Memiliki perilaku jujur, disiplin, tanggung jawab, santun,

peduli, dan percaya diri dalam berinteraksi dengan keluarga,
teman dan guru.

7. Memahami pengetahuan factual dengan cara mengamati ( mendengar,

melihat, membaca ) dan menanya berdasarkan ingin tahu tentang
dirinya, makhluk ciptaan Tuhan dan kegiatannya, dan benda-benda
yang dijumpainya dirumah, sekolah.
8. Menyajikan pengetahuan factual dalam bahasa yang jelas dan logis
dan sistematis, dalam karya yang estetis dalam gerakan yang
mencerminkan anak sehat, dan dalam tindakan yang mencerminkan
perilaku anak beriman dan berakhlak mulia.

I. KOMPETENSI DASAR DAN INDIKATOR

 KOMPETENSI DASAR

3. Menjelaskan konsep dasar dan teknologi dari web page

4. Membuat user interface responsif

 INDIKATOR
11. Dapat menjelaskan Website dan Web server

12. Dapat menjelaskan URL, HTTP

13. Dapat menjelaskan HTML, Web Browser

14. Dapat menjelaskan cara proses konsep-konsep dan teknologi web

15. Dapat menjelaskan cara membedakan klien dan server

16. Mampu membedakan klien dan server

17. Mampu menjelaskan konsep-konsep dan teknologi web

18. Memahami ukuran layar sebagai penampil halaman website

19. Memahami fungsi CSS3 untuk membuat user interface yang responsif di semua ukuran layar

20. Memahami framework CSS Bootstrap yang digunakan sebagai alternatif untuk
mengembangkan user inerface

J. TUJUAN PEMBELAJARAN

6. Mengetahui dan mampu menjelaskan serta menunjukkan Web server

7. Mengetahui dan mampu menunjukkan URL, HTTP

8. Mengetahui dan mampu membuat HTML, dan menunjukkan Web Browser

9. Mengetahui dan mampu menggunakan konsep-konsep dasar dan teknologi web

10. Mengetahui dan mampu membedakan klien dan server

K. MATERI PEMBELAJARAN

6. HTML Dasar
7. HTML Lanjutan (HTML5)
8. CSS Dasar
9. CSS Lanjutan (CSS3)
10. Bootstrap (v3.x/4.x) Framework
L. METODE PEMBELAJARAN

 Full Praktek (Teori 20%)

M. SUMBER DAN MEDIA PEMBELAJARAN

 Sumber

1. PHP Documentations
2. CodeIgniter Documentations
3. JQuery Documentations

 Media Pembelajaran

1. Laptop
2. XAMPP
3. Teks Editor (Sublime, Atom, VS Code)

N. KEGIATAN PEMBELAJARAN

Pertemuan
Kegiatan Deskripsi Alokasi waktu
ke
Menjelaskan tahap awal
8 10 Menit
membuat aplikasi web
Menjelaskan cara membuat
konsep dan spesifikasi 10 Menit
website
Menjelaskan CRUD sebagai
10 Menit
tahap awal aplikasi website
Cara membuat CRUD
60 Menit
bagian 1 (Create data)
Cara membuat CRUD
9 60 Menit
bagian 2 (Read data)
Mengulangi CRUD bagian 1
30 Menit
dan bagian 2
Mengulangi CRUD bagian 1
10 30 Menit
dan bagian 2
Membuat CRUD bagian 3
20 Menit
(Update data)
Membuat CRUD bagian 4
20 Menit
(Delete data)
Mengulangi CRUD bagian 3
20 Menit
dan bagian 4
11 Membuat sistem login user 40 Menit
Mengulang pembuatan
50 Menit
sistem login user
Membuat sistem pencarian
12 20 Menit
data
Membuat sistem upload
20 Menit
file
Mengulang pembuatan 50 Menit
 sistem pencarian data dan
upload file
Menjelaskan codeigniter
13
dan dasar-dasarnya
Menjelaskan konsep OOP
dalam CodeIgniter
Menjelaskan cara
mengkonfigurasi
CodeIgniter