Informatika
Mata Pelajaran
X — Fase E
Kelas / Fase
600 JP
Total Jam Pelajaran
40 Minggu
Minggu Efektif
15 JP / Mgg
Alokasi Mingguan
24 Bab
Total Materi + 2 Final Project
Kompetensi Inti (KI)
KI-1 & KI-2 — Sikap
Menghayati nilai disiplin, jujur, kolaboratif, dan tanggung jawab dalam mengembangkan produk digital yang bermanfaat bagi masyarakat.
KI-3 — Pengetahuan
Memahami konsep rekayasa perangkat lunak, computational thinking, teknologi front-end (HTML, CSS, JavaScript) hingga pengembangan backend (PHP, Laravel, MySQL, Supabase).
KI-4 — Keterampilan
Merancang, membuat, dan men-deploy aplikasi web statis maupun dinamis yang responsif, interaktif, dan siap digunakan secara production.
Tabel Program Tahunan (20 Pekan / Semester × 15 JP = 300 JP / Sem)
| No | Semester | Bulan / Minggu | Materi / Kompetensi Dasar | Materi Pokok | JP | Jenis |
|---|---|---|---|---|---|---|
| ✦ SEMESTER 1 (GANJIL) — Front-End Web Development ✦ | Juli – Desember 2025 (20 Pekan × 15 JP = 300 JP) | ||||||
| 1 | Semester 1 | Juli — Mg. 1 | Bab 1 — Pengenalan Software Engineering Memahami peran & siklus pengembangan perangkat lunak (SDLC). |
Analogi membangun gedung, profesi IT, SDLC, tools developer | 15 | Teori |
| 2 | Semester 1 | Juli — Mg. 2 | Bab 2 — Computational Thinking Menerapkan dekomposisi, pola, abstraksi, dan algoritma dalam pemecahan masalah. |
Dekomposisi, pengenalan pola, abstraksi, algoritma & flowchart | 15 | Teori |
| 3 | Semester 1 | Juli — Mg. 3 | Bab 3 — HTML Dasar Menyusun struktur halaman web dengan tag dasar HTML5. |
Struktur dokumen, heading, paragraf, list, link, gambar | 15 | Praktik |
| 4 | Semester 1 | Juli — Mg. 4 | Bab 4 — HTML Lanjutan Membuat form, tabel, & tag semantik. |
Form & input, tabel, semantic tags, media embed | 15 | Praktik |
| 5 | Semester 1 | Agustus — Mg. 5 | Bab 5 — CSS Dasar Memberi gaya pada elemen dengan selector & properti CSS. |
Selector, warna, font, box model, spacing | 15 | Praktik |
| 6 | Semester 1 | Agustus — Mg. 6 | Bab 6 — CSS Advanced Membuat layout modern Flexbox/Grid & animasi. |
Flexbox, Grid, transition, animation, variabel CSS | 15 | Praktik |
| ✦ | Semester 1 | Agustus — Mg. 7 | ⚡ Penilaian Tengah Semester (PTS) | Evaluasi materi Bab 1–6 | 15 | Evaluasi |
| 7 | Semester 1 | Agustus — Mg. 8 | Bab 7 — Bootstrap Membangun UI cepat dengan framework Bootstrap 5. |
Grid system, komponen, utility class, navbar & card | 15 | Praktik |
| 8 | Semester 1 | September — Mg. 9 | Bab 8 — Responsive Web Design Membuat tampilan adaptif di berbagai perangkat. |
Media query, mobile-first, viewport, unit responsif | 15 | Praktik |
| 9 | Semester 1 | September — Mg. 10 | Bab 9 — JavaScript Dasar Memahami variabel, tipe data, operator, & kondisi. |
Variabel, tipe data, operator, percabangan, perulangan | 15 | Praktik |
| 10 | Semester 1 | September — Mg. 11 | Bab 10 — JavaScript Intermediate Menggunakan fungsi, array, object, & method. |
Function, array method, object, scope, error handling | 15 | Praktik |
| 11 | Semester 1 | September — Mg. 12 | Bab 11 — DOM Manipulation Memanipulasi elemen & event halaman web. |
Selektor DOM, event listener, manipulasi elemen, interaktivitas | 15 | Praktik |
| 12 | Semester 1 | Oktober — Mg. 13 | Bab 12 — Final Project & Deployment Membangun & men-deploy proyek web utuh. |
Perencanaan proyek, integrasi, hosting/deploy, dokumentasi | 15 | Proyek |
| ⚡ | Semester 1 | Oktober — Mg. 14 | Final Project — Perencanaan & Wireframing Desain skema arsitektur dan wireframe proyek kelompok. |
Skema UI/UX, wireframing, pembagian modul tim | 15 | Proyek |
| ⚡ | Semester 1 | Oktober — Mg. 15 | Final Project — Pengerjaan & Coding Intensive Coding penuh integrasi HTML, CSS, & JavaScript. |
Coding, debugging, integrasi aset, responsivitas | 15 | Proyek |
| ⚡ | Semester 1 | November — Mg. 16 | Final Project — Presentasi & Live Deploy Demo produk, peer review, dan publikasi web online. |
Demo produk, review peer, deploy ke Netlify/GitHub Pages | 15 | Proyek |
| ✦ | Semester 1 | November — Mg. 17 | ⚡ Penilaian Akhir Semester (PAS) | Evaluasi materi Bab 7–12 & Final Project | 15 | Evaluasi |
| 18 | Semester 1 | November — Mg. 18 | Remedial & Evaluasi Capaian Pembelajaran Perbaikan nilai dan penguatan pemahaman siswa. |
Sesi remedial praktikum, perbaikan bug project | 15 | Remedial |
| 19 | Semester 1 | Desember — Mg. 19 | Pengayaan & Penyusunan Portofolio Web Penyusunan showcase proyek siswa di platform digital. |
Upload portofolio GitHub, pembuatan Readme menarik | 15 | Pengayaan |
| 20 | Semester 1 | Desember — Mg. 20 | Pengolahan Nilai Rapor & Evaluasi Akhir Finalisasi nilai rapor semester ganjil dan rapat guru. |
Rekapitulasi nilai, cetak rapor, persiapan libur | 15 | Rapor |
| ✦ SEMESTER 2 (GENAP) — Front-End & Backend Web Development ✦ | Januari – Juni 2026 (20 Pekan × 15 JP = 300 JP) | ||||||
| 1 | Semester 2 | Januari — Mg. 1 | Bab 1 — Pengenalan Fullstack Memahami arsitektur web modern dan environment setup fullstack. |
Web Dev Overview, environment setup, frontend vs backend, tools | 15 | Teori |
| 2 | Semester 2 | Januari — Mg. 2 | Bab 2 — Tailwind CSS Fundamental Menerapkan utility-first CSS framework untuk desain responsif. |
Utility-first, responsive design, dark mode dasar, konfigurasi | 15 | Praktik |
| 3 | Semester 2 | Januari — Mg. 3 | Bab 3 — Tailwind CSS Advanced Animasi, konfigurasi custom, dan fitur lanjutan Tailwind. |
Animations, Custom Config, Dark Mode, JIT mode | 15 | Praktik |
| 4 | Semester 2 | Januari — Mg. 4 | Bab 4 — PHP Dasar Memahami sintaks, tipe data, array, perulangan, dan kontrol alur PHP. |
Syntax, Array, Loop, Control Flow, PHP & HTML embed | 15 | Praktik |
| 5 | Semester 2 | Februari — Mg. 5 | Bab 5 — PHP Lanjutan (OOP & Form) Menerapkan Object-Oriented PHP, session, dan file upload. |
OOP, Session, Cookie, File Upload, Form Handling | 15 | Praktik |
| 6 | Semester 2 | Februari — Mg. 6 | Bab 6 — MySQL & Database Merancang database relasional dan mengintegrasikannya dengan PHP. |
DB Design, SELECT, JOIN, INSERT/UPDATE/DELETE, PHP Integration | 15 | Praktik |
| ✦ | Semester 2 | Februari — Mg. 7 | ⚡ Penilaian Tengah Semester (PTS 2) | Evaluasi materi Bab 1–6 Semester 2 | 15 | Evaluasi |
| 7 | Semester 2 | Februari — Mg. 8 | Bab 7 — CRUD & MVC Membangun sistem CRUD dengan arsitektur Model-View-Controller. |
MVC Architecture, PDO OOP, CRUD operations, routing manual | 15 | Praktik |
| 8 | Semester 2 | Maret — Mg. 9 | Bab 8 — Laravel Fundamental Menguasai konsep dasar framework Laravel (MVC, ORM, Blade). |
Routing, Controller, Blade Template, Eloquent ORM, Migrations | 15 | Praktik |
| 9 | Semester 2 | Maret — Mg. 10 | Bab 9 — Laravel Authentication Mengimplementasikan sistem autentikasi & proteksi route. |
Laravel Breeze, Middleware, Route Protection, Role Management | 15 | Praktik |
| 10 | Semester 2 | Maret — Mg. 11 | Bab 10 — Supabase Backend Membangun backend serverless dengan Supabase. |
Serverless auth, Realtime Database, Storage, Row Level Security | 15 | Praktik |
| 11 | Semester 2 | Maret — Mg. 12 | Bab 11 — Authentication & Business Application Membangun aplikasi bisnis dengan sistem login dan dashboard. |
Dashboard Admin, SMS Project, Business Logic, User Management | 15 | Praktik |
| 12 | Semester 2 | April — Mg. 13 | Bab 12 — Deploy & Livewire Men-deploy aplikasi ke production dengan CI/CD dan Livewire. |
CI/CD, GitHub Actions, Vercel/Forge, Livewire Components | 15 | Proyek |
| ⚡ | Semester 2 | April — Mg. 14 | Final Project — Perencanaan Arsitektur & Database Skema ERD, wireframe Dashboard, dan alur autentikasi. |
Wireframe, ERD, database migration, routing setup | 15 | Proyek |
| ⚡ | Semester 2 | April — Mg. 15 | Final Project — Pengerjaan Fullstack & Sliced UI Coding fullstack Laravel / Supabase + Tailwind CSS. |
Integrasi backend-frontend, CRUD real-time, Role Auth | 15 | Proyek |
| ⚡ | Semester 2 | Mei — Mg. 16 | Final Project — Finishing & Live Deployment Finalisasi, presentasi, dan deploy ke production server. |
Finishing, presentasi, live deployment, portofolio | 15 | Proyek |
| ✦ | Semester 2 | Mei — Mg. 17 | ⚡ Penilaian Akhir Tahun (PAT) | Evaluasi materi Bab 7–12 & Final Project Semester 2 | 15 | Evaluasi |
| 18 | Semester 2 | Mei — Mg. 18 | Remedial Lab & Penyempurnaan Aplikasi Perbaikan nilai praktikum dan perbaikan bug aplikasi fullstack. |
Fixing bugs, perbaikan nilai, sertifikasi kelas | 15 | Remedial |
| 19 | Semester 2 | Juni — Mg. 19 | Pengayaan & Publikasi Portofolio Fullstack Dokumentasi portofolio GitHub dan rilis publikasi web. |
Publish Vercel/Render, pembuatan README dokumentasi | 15 | Pengayaan |
| 20 | Semester 2 | Juni — Mg. 20 | Rapat Pleno & Pengolahan Nilai Rapor Kenaikan Kelas Rapat pleno kenaikan kelas dan pembagian rapor genap. |
Pengolahan rapor, rapat kelulusan, libur kenaikan kelas | 15 | Rapor |
| Total Semester 1 300 JP (20 Mgg) + Total Semester 2 300 JP (20 Mgg) | 600 | JP Total (40 Mgg) | ||||
Rekapitulasi Jam Pelajaran (600 JP Total)
📚
Materi Pembelajaran
360 JP
24 Bab × 15 JP
60%
🚀
Final Project
90 JP
6 pekan × 15 JP
15%
📝
Evaluasi (PTS/PAS/PAT)
60 JP
4 ujian × 15 JP
10%
📅
Remedial, Pengayaan & Rapor
90 JP
6 pekan × 15 JP
15%
Catatan Pelaksanaan (15 JP / Pekan)
Beban Jam Pelajaran
Setiap pekan dialokasikan 15 JP (Jam Pelajaran) secara intensif untuk teori, praktikum lab, dan pengerjaan proyek.
Total 40 Pekan
20 Pekan Semester 1 (300 JP) + 20 Pekan Semester 2 (300 JP) = 600 JP Total 1 Tahun.
Remedial & Pengayaan
Disediakan 6 pekan cadangan (90 JP) untuk evaluasi mendalam, perbaikan praktikum, dan penerbitan portofolio.
Kurikulum Merdeka
Disusun mengacu pada Kurikulum Merdeka (Fase E) dengan pendekatan intensive project-based learning.