Kursus/Pelatihan/Jasa Pembuatan Flutter | “Flutter UI Mastery: Desain Aplikasi Modern dengan Material Design dan Animasi”

Berikut adalah silabus 20 sesi (@1,5 jam) untuk kursus “Flutter UI Mastery: Desain Aplikasi Modern dengan Material Design dan Animasi”

Fokus: Membuat tampilan antarmuka yang menarik, responsif, dan interaktif menggunakan widget, layout, serta animasi di Flutter.

---

Sesi 1-2: Pengantar Flutter dan UI/UX Modern

• Pengenalan Flutter & Dart untuk UI

• Instalasi tools (Flutter SDK, VS Code, Android Studio)

• Struktur proyek Flutter dan peran widget

• Prinsip UI/UX modern dan Material Design

---

Sesi 3-4: Layout & Struktur Antarmuka

• Widget dasar: Container, Row, Column, Stack

• Layout responsif dengan MediaQuery & LayoutBuilder

• Nested layout & skenario kompleks

• Studi kasus: Membuat layout kartu profil

---

Sesi 5-6: Styling dan Theming

• Styling teks, ikon, dan elemen UI

• Menggunakan ThemeData, ColorScheme, dan Typography

• Light & Dark Mode secara dinamis

• Studi kasus: Aplikasi personal dengan tema dinamis

---

️ Sesi 7-8: Navigasi dan Routing

• Navigasi dasar: Navigator, MaterialPageRoute

• Named routes & argument passing

• Custom transition antar halaman

• Studi kasus: Navigasi antar menu aplikasi portofolio

---

Sesi 9-10: Widget Interaktif

• Widget input: TextField, Checkbox, Slider, Switch, DatePicker

• State management sederhana dengan setState

• Validasi form & feedback pengguna

• Studi kasus: Formulir pemesanan UI

---

Sesi 11-12: Desain Kartu dan List

• Desain Card, ListTile, dan GridView

• Scrollable UI dengan ListView.builder

• Hero widget untuk transisi antar elemen

• Studi kasus: Aplikasi galeri produk

---

Sesi 13-14: Animasi Dasar

• Implicit animation: AnimatedContainer, AnimatedOpacity

• Explicit animation: AnimationController, Tween, dan AnimatedBuilder

• Studi kasus: Animasi loading & perubahan ukuran widget

---

⚙️ Sesi 15-16: Animasi Lanjutan dan Transisi

• Hero animation

• Page transitions & animated route

• Animation kombinasi: scale, fade, slide

• Studi kasus: UI onboarding animatif

---

Sesi 17-18: Adaptive & Responsive UI

• Adaptive layout untuk ukuran layar berbeda

• Layout builder untuk tablet dan desktop

• Flutter Responsive Framework (opsional)

• Studi kasus: Aplikasi berita dengan layout dinamis

---

Sesi 19: Mini Project UI Showcase

• Merancang satu aplikasi dengan elemen UI lengkap

• Implementasi widget, navigasi, tema, animasi

• Review desain berdasarkan prinsip UX modern

---

Sesi 20: Presentasi dan Evaluasi Proyek

• Presentasi aplikasi peserta

• Feedback dari mentor

• Tips UI/UX untuk pengembangan lanjutan

• Sertifikat & portfolio showcase