Semester 1
17 modul ajar · XI PPLG · Fase F
PENGENALAN FLUTTER & DART
Fase 1 pembelajaran
Pengenalan Flutter & Dart
Isi Pokok
Flutter SDK, Android Studio, emulator. lib, pubspec.yaml, main.dart. Edit & reload cepat. Menjalankan proyek Flutter pertama.
Kegiatan Praktik
Praktik instalasi. Praktik struktur proyek. Praktik hot reload. Praktik praktik.
Dart Dasar: Variabel & Tipe Data
Isi Pokok
var, final, const. int, double, String, bool. Interpolasi & method string. Latihan sintaks Dart.
Kegiatan Praktik
Praktik variabel. Praktik tipe data. Praktik string. Praktik praktik.
Dart: Control Flow, Function, Class
Isi Pokok
if/else, for, while, switch. Parameter, optional, return. class, constructor, method. Program kecil dengan Dart.
Kegiatan Praktik
Praktik control flow. Praktik function. Praktik class. Praktik praktik.
Widget & Layout: Row, Column, Container
Isi Pokok
Struktur widget. Layout utama. Box, padding, margin. Layout halaman sederhana.
Kegiatan Praktik
Praktik widget tree. Praktik row & column. Praktik container. Praktik praktik.
WIDGET: TEXT, IMAGE, ICON, CARD
Fase 2 pembelajaran
Widget: Text, Image, Icon, Card
Isi Pokok
Style & alignment. Asset & network image. Icon Material. Card & ListTile. Kartu profil.
Kegiatan Praktik
Praktik text. Praktik image. Praktik icon. Praktik card. Praktik praktik.
Styling & Tema
Isi Pokok
Mengatur tema global. Konsistensi visual. Tema gelap & terang. Menerapkan tema aplikasi.
Kegiatan Praktik
Praktik themedata. Praktik warna & font. Praktik dark/light. Praktik praktik.
Styling dari Desain Figma
Isi Pokok
Mengambil spesifikasi desain. Mengubah desain ke widget. Menyamakan warna/spacing. Implementasi halaman dari Figma.
Kegiatan Praktik
Praktik desain figma. Praktik komponen ui. Praktik consistency. Praktik praktik.
Navigasi & Routing
Isi Pokok
push & pop. Rute dengan nama. Mengirim data antar halaman. Navigasi multi-halaman.
Kegiatan Praktik
Praktik navigator. Praktik named routes. Praktik passing data. Praktik praktik.
BOTTOM NAVIGATION
Fase 3 pembelajaran
Bottom Navigation
Isi Pokok
Struktur navigasi bawah. Menjaga state antar tab. Material 3. Aplikasi dengan 3 tab.
Kegiatan Praktik
Praktik bottomnavigationbar. Praktik indexedstack. Praktik navigationbar. Praktik praktik.
State Sederhana
Isi Pokok
Konsep state. Memperbarui UI. State lokal. Counter / toggler.
Kegiatan Praktik
Praktik statefulwidget. Praktik setstate. Praktik statefulbuilder. Praktik praktik.
Form & Validasi
Isi Pokok
TextFormField, dropdown. validator & error message. FormState. Form login sederhana.
Kegiatan Praktik
Praktik form widget. Praktik validasi. Praktik globalkey. Praktik praktik.
Form Lanjutan
Isi Pokok
Form pendaftaran. Input lain. Validasi real-time. Form lengkap + simpan.
Kegiatan Praktik
Praktik multi-field. Praktik switch/checkbox. Praktik autovalidate. Praktik praktik.
LISTVIEW & GRIDVIEW
Fase 4 pembelajaran
ListView & GridView
Isi Pokok
Daftar data. List dinamis. Grid & sliver. Daftar produk.
Kegiatan Praktik
Praktik listview. Praktik listview.builder. Praktik gridview. Praktik praktik.
Data Dinamis
Isi Pokok
Class model sederhana. Menampilkan list dari data. Detail item onTap. Metode berpikir debugging: repro, isolasi, fix. Aplikasi katalog sederhana.
Kegiatan Praktik
Praktik model data. Praktik list data. Praktik interaksi. Praktik debugging. Praktik praktik.
Proyek Aplikasi Statis (Desain Figma)
Isi Pokok
Memilih desain Figma (kelas X). Setup navigasi & tema. Membuat halaman sesuai desain. Demo progres.
Kegiatan Praktik
Praktik brief. Praktik struktur. Praktik halaman. Praktik progress.
Proyek Aplikasi Statis (Pengembangan)
Isi Pokok
Menyempurnakan widget. Menambahkan interaksi. Data dinamis (list/grid). Umpan balik antar kelompok.
Kegiatan Praktik
Praktik komponen. Praktik state. Praktik list. Praktik review.
FINALISASI & PRESENTASI (SUMATIF)
Fase 5 pembelajaran
Finalisasi & Presentasi (Sumatif)
Isi Pokok
Penyempurnaan akhir. Laporan proyek. Demo aplikasi. Sumatif proyek Flutter.
Kegiatan Praktik
Praktik finalisasi. Praktik dokumentasi. Praktik presentasi. Praktik penilaian.
Daftar Modul
Pengenalan Flutter & Dart
Modul ajar Pengenalan Flutter & Dart (Placeholder)
Dart Dasar: Variabel & Tipe Data
Modul ajar Dart Dasar: Variabel & Tipe Data (Placeholder)
Dart: Control Flow, Function, Class
Modul ajar Dart: Control Flow, Function, Class (Placeholder)
Widget & Layout: Row, Column, Container
Modul ajar Widget & Layout: Row, Column, Container (Placeholder)
Widget: Text, Image, Icon, Card
Modul ajar Widget: Text, Image, Icon, Card (Placeholder)
Styling & Tema
Modul ajar Styling & Tema (Placeholder)
Styling dari Desain Figma
Modul ajar Styling dari Desain Figma (Placeholder)
Navigasi & Routing
Modul ajar Navigasi & Routing (Placeholder)
Bottom Navigation
Modul ajar Bottom Navigation (Placeholder)
State Sederhana
Modul ajar State Sederhana (Placeholder)
Form & Validasi
Modul ajar Form & Validasi (Placeholder)
Form Lanjutan
Modul ajar Form Lanjutan (Placeholder)
ListView & GridView
Modul ajar ListView & GridView (Placeholder)
Data Dinamis
Modul ajar Data Dinamis (Placeholder)
Proyek Aplikasi Statis (Desain Figma)
Modul ajar Proyek Aplikasi Statis (Desain Figma) (Placeholder)
Proyek Aplikasi Statis (Pengembangan)
Modul ajar Proyek Aplikasi Statis (Pengembangan) (Placeholder)
Finalisasi & Presentasi (Sumatif)
Modul ajar Finalisasi & Presentasi (Sumatif) (Placeholder)