SILABUS

Front-End & Backend Web Development (Fullstack Masterclass) — Kelas 10 Semester 2

Mata Pelajaran

Informatika — Fullstack Web

Kelas / Fase

X (Fase E)

Semester

2 (Genap)

Alokasi Waktu

64 JP (16 mgg × 4 JP)

Jumlah Bab

12 Bab + Final Project

Total Pertemuan

32 Pertemuan

Kompetensi Inti (KI)

KI-1 & KI-2 (Sikap): Menghayati nilai disiplin, jujur, kolaboratif, dan tanggung jawab dalam merancang serta memelihara arsitektur server-side dan basis data.

KI-3 (Pengetahuan): Memahami konsep pemrograman backend (PHP, OOP, MVC), basis data relasional (SQL, MySQL), framework backend (Laravel), Supabase BaaS, dan rekayasa interaktivitas reaktif (Livewire).

KI-4 (Keterampilan): Merancang, membangun, mengintegrasikan data, dan men-deploy aplikasi web dinamis berskala bisnis (School Management System/Dashboard Admin) secara online.

Kompetensi Dasar & Materi Pokok

No	Bab / Kompetensi Dasar	Materi Pokok	Alokasi	Penilaian	Materi
1	Pengenalan Fullstack Memahami dasar-dasar arsitektur web client-server dan roadmap fullstack developer.	Web dev overview, roadmap fullstack, setup environment (XAMPP/VS Code), HTTP/HTTPS request-response.	4 JP	Tes Lisan	Bab 1
2	Tailwind CSS Fundamental Menyusun antarmuka responsif cepat menggunakan sistem Utility-First CSS.	Desain utility-first, konfigurasi tailwind.config.js, responsive design breakpoints, flexbox & grid.	4 JP	Latihan	Bab 2
3	Tailwind CSS Advanced Membangun UI interaktif yang dinamis dengan transisi, animasi, dan kustomisasi konfigurasi.	Custom design system, transisi & animasi, implementasi dark mode, instalasi plugin Tailwind.	4 JP	Proyek Mini	Bab 3
4	PHP Dasar Membuat logika server-side dasar menggunakan sintaks pemrograman PHP.	Sintaks dasar PHP, variabel, tipe data, percabangan (if/else), perulangan (for/while), array & fungsi.	4 JP	Latihan	Bab 4
5	PHP Lanjutan Menerapkan Object-Oriented Programming (OOP) dan pemrosesan data formulir (file upload).	Object-oriented PHP (class, object, inheritance), GET/POST handling, validasi input, session & cookie, upload file.	4 JP	Praktik	Bab 5
6	MySQL & Database Merancang basis data relasional dan memproses data dengan query SELECT dan JOIN.	Relational DB design, DDL/DML, query SELECT-JOIN, indexing, koneksi PHP ke MySQL (MySQLi/PDO).	4 JP	Latihan SQL	Bab 6
7	— PENILAIAN TENGAH SEMESTER (PTS) —
8	CRUD & MVC Menggabungkan koneksi database ke dalam struktur kode bersih berbasis MVC.	Arsitektur MVC (Model-View-Controller), koneksi database PDO OOP, operasi penuh Create-Read-Update-Delete.	4 JP	Proyek Mini	Bab 7
9	Laravel Fundamental Membangun kerangka aplikasi web backend berbasis MVC dengan framework Laravel.	Instalasi Laravel, routing & controller, Blade template engine, Eloquent ORM, DB migrations & seeders, Artisan CLI.	4 JP	Praktik	Bab 8
10	Laravel Authentication Mengamankan fungsionalitas dan rute halaman menggunakan otentikasi bawaan Laravel.	Sistem login/register, Laravel Breeze, middleware, otorisasi rute, role & permission.	4 JP	Latihan	Bab 9
11	Supabase Backend Membangun backend tanpa server (Serverless) dengan database real-time dan otentikasi.	Supabase BaaS setup, real-time database, auth & storage, integrasi JavaScript client library.	4 JP	Latihan	Bab 10
12	Authentication & Business Application Merancang arsitektur keamanan tingkat lanjut dan dashboard bisnis dinamis multi-role.	Session vs Token auth, role assignment middleware, implementasi dashboard proyek School Management System.	4 JP	Proyek Dashboard	Bab 11
13	Deploy & Livewire Membuat komponen UI reaktif dengan Livewire dan merilis kode ke hosting cloud.	Livewire reactive components, Git workflow, CI/CD pipeline, deployment ke Vercel/Forge, SSL & production maintenance.	4 JP	Uji Deploy	Bab 12
14	Final Project & Portofolio Merangkum semua materi ke dalam satu proyek akhir web fullstack berskala besar.	Perencanaan proyek, coding arsitektur MVC/Laravel, integrasi database, hosting mandiri, presentasi karya.	8 JP	Proyek Akhir	Beranda
15	— PENILAIAN AKHIR TAHUN / SEMESTER 2 (PAT/PAS) —

Teknik Penilaian

Sikap: Keaktifan, kolaborasi tim, dan kedisiplinan mengumpulkan tugas/git commits tepat waktu.

Pengetahuan: Kuis teori interaktif, uji logika pemrograman (PHP), serta ujian tertulis PTS dan PAT.

Keterampilan: Penilaian tugas praktik, hasil coding mandiri per bab, serta presentasi fungsionalitas aplikasi di Final Project.

Sumber & Media Belajar

Modul interaktif tiap bab (Bab 1–12), XAMPP local server, Node.js & Composer, terminal Git, VS Code editor, browser chrome/edge, layanan online Supabase, dan hosting production.