RPP

Rencana Pelaksanaan Pembelajaran — Fullstack Web Development (Semester 2)

Satuan PendidikanSMA/SMK
Mata PelajaranInformatika (Fullstack Web)
Kelas / SemesterX / 2 (Genap)
Alokasi Waktu4 JP × 16 minggu
Jumlah Pertemuan32 Pertemuan
ModelProject Based Learning

Komponen RPP

KD

Kompetensi Dasar

Memahami & menerapkan teknologi backend, framework Laravel, Supabase, dan deployment production.

INDIKATOR

Indikator Pencapaian

Siswa mampu menulis logika OOP PHP, merancang DB SQL, menggunakan framework Laravel, & deploy aplikasi online.

TUJUAN

Tujuan Pembelajaran

Setelah pembelajaran, siswa mampu merancang & merilis aplikasi web database dinamis berskala bisnis.

MATERI

Materi Ajar

Fullstack Intro, Tailwind CSS, PHP OOP, MySQL DB, CRUD MVC, Laravel, Supabase BaaS, Livewire, Deploy.

METODE

Metode

Ceramah interaktif, demonstrasi live code, pengerjaan tugas lab praktik, presentasi kelompok.

MEDIA

Media & Alat

Modul interaktif, laptop, internet, Composer & npm, PHP interpreter, VS Code editor, browser.

LANGKAH

Langkah Kegiatan

Apersepsi/Pendahuluan → Inti (Demonstrasi & Praktik Mandiri) → Penutup & Review Code.

PENILAIAN

Penilaian

Sikap (kedisiplinan koding), Pengetahuan (kuis & ujian teori), Keterampilan (praktik lab & portofolio).

Langkah Pembelajaran (Umum)

  1. Pendahuluan (15') — Apersepsi materi sebelumnya, pre-test logika pemrograman, dan penyampaian target modul.
  2. Kegiatan Inti (90') — Live coding demonstrasi guru, eksplorasi mandiri modul bab, latihan implementasi script, dan debug bersama.
  3. Penutup (15') — Evaluasi, code review perwakilan siswa, refleksi pemecahan masalah, penugasan, & doa penutup.

Rincian RPP per Bab (Pertemuan)

Pertemuan 1–2 · Pengenalan FullstackBab 1
Tujuan: Memahami siklus request-response client-server dan setup environment lokal.
Kegiatan: Analogi server, instalasi XAMPP, dan pengenalan developer tools.
Penilaian: Kuis teori & cek kesiapan alat koding. Buka materi →
Pertemuan 3–4 · Tailwind CSS FundamentalBab 2
Tujuan: Mendesain komponen web responsif menggunakan utility classes Tailwind.
Kegiatan: Praktik layout Flexbox/Grid dan konfigurasi dasar breakpoints Tailwind.
Penilaian: Tugas merancang layout responsif. Buka materi →
Pertemuan 5–6 · Tailwind CSS AdvancedBab 3
Tujuan: Membuat antarmuka modern dengan transisi, animasi, dan dukungan dark mode.
Kegiatan: Mengonfigurasi kustom tema dan membangun navigasi transisi smooth.
Penilaian: Penilaian modul portofolio landing page. Buka materi →
Pertemuan 7–8 · PHP DasarBab 4
Tujuan: Memahami kontrol alur program server-side menggunakan variabel, looping, dan fungsi PHP.
Kegiatan: Membuat script pengolah array data siswa dan kalkulator logika PHP.
Penilaian: Tes tertulis logika koding PHP. Buka materi →
Pertemuan 9–10 · PHP LanjutanBab 5
Tujuan: Menerapkan enkapsulasi pemrograman OOP PHP dan pemrosesan file upload formulir.
Kegiatan: Membuat form pendaftaran siswa interaktif yang aman dilengkapi validasi file.
Penilaian: Praktik pemrosesan form & OOP Class. Buka materi →
Pertemuan 11–12 · MySQL & DatabaseBab 6
Tujuan: Merancang database relasional dan melakukan query DDL/DML kompleks.
Kegiatan: Latihan perintah JOIN untuk menghubungkan tabel siswa dan kelas di phpMyAdmin.
Penilaian: Uji keterampilan query SELECT JOIN. Buka materi →
Pertemuan 13–14 · Penilaian Tengah Semester (PTS)PTS
Kegiatan: Ujian terpadu mengenai sintaks PHP, rancangan database MySQL, dan CSS.
Penilaian: Nilai PTS teori dan evaluasi hasil proyek mini web database.
Pertemuan 15–16 · CRUD & MVCBab 7
Tujuan: Mengimplementasikan pattern MVC dan query PDO database aman.
Kegiatan: Membangun modul manajemen data buku perpustakaan berorientasi objek.
Penilaian: Penilaian kerapian dan keamanan kode CRUD. Buka materi →
Pertemuan 17–18 · Laravel FundamentalBab 8
Tujuan: Mengoperasikan routing, controller, Blade views, dan database migration Laravel.
Kegiatan: Inisialisasi proyek Laravel baru dan memetakan schema database via Artisan CLI.
Penilaian: Praktik instalasi dan konfigurasi routing. Buka materi →
Pertemuan 19–20 · Laravel AuthenticationBab 9
Tujuan: Membatasi hak akses halaman admin menggunakan authentication scaffolding Laravel Breeze.
Kegiatan: Integrasi Laravel Breeze dan memodifikasi middleware pelindung route.
Penilaian: Uji skenario pembatasan hak akses rute. Buka materi →
Pertemuan 21–22 · Supabase BackendBab 10
Tujuan: Mengintegrasikan Supabase serverless SDK untuk auth dan sinkronisasi database real-time.
Kegiatan: Membuat tabel Supabase dan menghubungkannya ke client-side JavaScript.
Penilaian: Latihan integrasi database online Supabase. Buka materi →
Pertemuan 23–24 · Authentication & Business ApplicationBab 11
Tujuan: Membangun alur login berskala bisnis dengan dashboard administrasi multi-role.
Kegiatan: Pembuatan dashboard School Management System dengan data statistik riil.
Penilaian: Proyek fungsionalitas role authorization dashboard. Buka materi →
Pertemuan 25–26 · Deploy & LivewireBab 12
Tujuan: Membangun UI reaktif live update menggunakan Livewire dan publish web ke VPS/Forge.
Kegiatan: Praktik git workflow, setup CI/CD GitHub actions, and deployment ke server.
Penilaian: Penilaian URL deploy web online yang aktif. Buka materi →
Pertemuan 27–30 · Final Project & PortofolioPROYEK
Tujuan: Menyelesaikan aplikasi web fullstack mandiri/kelompok yang siap rilis.
Kegiatan: Coding intensif dashboard admin, database integration, live deployment, presentasi portofolio.
Penilaian: Presentasi dan kelengkapan fungsionalitas Proyek Akhir. Kembali ke Beranda →
Pertemuan 31–32 · Penilaian Akhir Tahun (PAT)PAT
Kegiatan: Evaluasi komprehensif, remedial, rekap nilai rapor akhir semester genap.
Penilaian: Ujian teori PAT dan rekapitulasi tugas praktikum semester 2.

Disusun untuk kebutuhan administrasi guru · Kembali ke Beranda