Semester 2
17 modul ajar · XI PPLG · Fase F
PERANCANGAN ARSITEKTUR: USE CASE DIAGRAM
Fase 1 pembelajaran
Perancangan Arsitektur: Use Case Diagram
Isi Pokok
Mengumpulkan kebutuhan pengguna. Aktor, use case, relasi. Membuat diagram dari kebutuhan. Use case aplikasi studi kasus.
Kegiatan Praktik
Praktik kebutuhan. Praktik use case. Praktik use case diagram. Praktik praktik.
Perancangan Arsitektur: Class Diagram
Isi Pokok
Kelas, atribut, method. Asosiasi, agregasi, komposisi. Struktur MVC hasil rancangan. Class diagram dari use case.
Kegiatan Praktik
Praktik class diagram. Praktik relasi. Praktik arsitektur. Praktik praktik.
Laravel Lanjutan: Validasi Request
Isi Pokok
Validasi server-side. Rule validasi & custom. Menampilkan error ke user. Validasi form lengkap.
Kegiatan Praktik
Praktik form request. Praktik rule. Praktik error handling. Praktik praktik.
Laravel Lanjutan: Middleware
Isi Pokok
Request lifecycle. Membuat & registrasi. Membatasi akses. Middleware role/akses.
Kegiatan Praktik
Praktik konsep middleware. Praktik custom middleware. Praktik route protection. Praktik praktik.
UPLOAD FILE & MULTIMEDIA
Fase 2 pembelajaran
Upload File & Multimedia
Isi Pokok
Storage, validasi file. Gambar/video dari storage. Persiapan integrasi API. Fitur upload pada aplikasi.
Kegiatan Praktik
Praktik upload file. Praktik tampilkan media. Praktik integrasi api. Praktik praktik.
Integrasi REST API (Backend)
Isi Pokok
Konsep endpoint & resource. api.php, controller API. Struktur response. Membuat API CRUD.
Kegiatan Praktik
Praktik rest api. Praktik route api. Praktik json response. Praktik praktik.
Konsumsi REST API (Frontend)
Isi Pokok
Mengambil data dari API. Menampilkan data ke UI. Timeout, status error. Tampilkan data API di Blade.
Kegiatan Praktik
Praktik fetch/ajax. Praktik rendering. Praktik error handling. Praktik praktik.
Multimedia Web: Canvas & SVG
Isi Pokok
Dasar menggambar canvas. Vektor & interaksi. Pemutar & kontrol. Grafik sederhana canvas/SVG.
Kegiatan Praktik
Praktik canvas 2d. Praktik svg. Praktik audio/video. Praktik praktik.
CHART.JS & DASHBOARD
Fase 3 pembelajaran
Chart.js & Dashboard
Isi Pokok
Bar, line, pie chart. Mengisi chart dari data. Menyusun dashboard admin. Dashboard dengan chart.
Kegiatan Praktik
Praktik chart.js. Praktik data. Praktik dashboard. Praktik praktik.
GSAP & Animasi Web
Isi Pokok
Dasar animasi GSAP. Animasi berurutan. Animasi saat scroll. Animasi pada dashboard.
Kegiatan Praktik
Praktik gsap. Praktik timeline. Praktik scrolltrigger. Praktik praktik.
Keamanan Web: XSS & SQL Injection
Isi Pokok
Jenis serangan & pencegahan. Ancaman & escaping. Blade escaping, query builder. Simulasi & pencegahan.
Kegiatan Praktik
Praktik xss. Praktik sql injection. Praktik proteksi laravel. Praktik praktik.
Keamanan Web: CSRF, Hashing, Validasi
Isi Pokok
Token & proteksi. Password hashing (bcrypt). Filter input dari user. Mengamankan aplikasi.
Kegiatan Praktik
Praktik csrf. Praktik hashing. Praktik validasi input. Praktik praktik.
TESTING DASAR
Fase 4 pembelajaran
Testing Dasar
Isi Pokok
Menguji method/function. Menguji alur lengkap. Struktur test. Menulis test CRUD.
Kegiatan Praktik
Praktik unit test. Praktik feature test. Praktik pest/phpunit. Praktik praktik.
Deployment
Isi Pokok
Persiapan server & domain. File .env & konfigurasi. Log & monitoring. Deploy aplikasi uji coba.
Kegiatan Praktik
Praktik hosting. Praktik environment. Praktik logging. Praktik praktik.
Dokumentasi Teknis
Isi Pokok
Struktur dokumentasi. Endpoint & contoh request. Langkah instalasi produksi. Dokumentasi proyek.
Kegiatan Praktik
Praktik readme. Praktik dokumentasi api. Praktik panduan deploy. Praktik praktik.
Proyek Akhir Full-Stack
Isi Pokok
Use case & class diagram. CRUD + auth + API. Responsif + multimedia. Test fitur utama.
Kegiatan Praktik
Praktik perancangan. Praktik backend. Praktik frontend. Praktik testing.
DEMO & PRESENTASI PROYEK AKHIR (SUMATIF)
Fase 5 pembelajaran
Demo & Presentasi Proyek Akhir (Sumatif)
Isi Pokok
Penyempurnaan & bug fix. Deploy hasil proyek. Demo aplikasi live. Sumatif proyek full-stack.
Kegiatan Praktik
Praktik finalisasi. Praktik deployment. Praktik presentasi. Praktik penilaian.
Daftar Modul
Perancangan Arsitektur: Use Case Diagram
Modul ajar Perancangan Arsitektur: Use Case Diagram (Placeholder)
Perancangan Arsitektur: Class Diagram
Modul ajar Perancangan Arsitektur: Class Diagram (Placeholder)
Laravel Lanjutan: Validasi Request
Modul ajar Laravel Lanjutan: Validasi Request (Placeholder)
Laravel Lanjutan: Middleware
Modul ajar Laravel Lanjutan: Middleware (Placeholder)
Upload File & Multimedia
Modul ajar Upload File & Multimedia (Placeholder)
Integrasi REST API (Backend)
Modul ajar Integrasi REST API (Backend) (Placeholder)
Konsumsi REST API (Frontend)
Modul ajar Konsumsi REST API (Frontend) (Placeholder)
Multimedia Web: Canvas & SVG
Modul ajar Multimedia Web: Canvas & SVG (Placeholder)
Chart.js & Dashboard
Modul ajar Chart.js & Dashboard (Placeholder)
GSAP & Animasi Web
Modul ajar GSAP & Animasi Web (Placeholder)
Keamanan Web: XSS & SQL Injection
Modul ajar Keamanan Web: XSS & SQL Injection (Placeholder)
Keamanan Web: CSRF, Hashing, Validasi
Modul ajar Keamanan Web: CSRF, Hashing, Validasi (Placeholder)
Testing Dasar
Modul ajar Testing Dasar (Placeholder)
Deployment
Modul ajar Deployment (Placeholder)
Dokumentasi Teknis
Modul ajar Dokumentasi Teknis (Placeholder)
Proyek Akhir Full-Stack
Modul ajar Proyek Akhir Full-Stack (Placeholder)
Demo & Presentasi Proyek Akhir (Sumatif)
Modul ajar Demo & Presentasi Proyek Akhir (Sumatif) (Placeholder)