Scribd
Unggah
18 tayangan

Modul_Pemrograman_Flutter_Per_Bab

Modul Pembelajaran Flutter mencakup pengenalan Flutter sebagai framework untuk aplikasi mobile, dasar bahasa Dart, dan struktur proyek Flutter. Selain itu, modul ini menjelaskan widget dasar, layout, navigasi, dan manajemen state, serta memberikan contoh mini project berupa aplikasi daftar kontak. Pembelajaran ini bertujuan untuk memberikan pemahaman komprehensif tentang pengembangan aplikasi menggunakan Flutter.

Diunggah oleh

ahmad nur ihsan
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
18 tayangan

Modul_Pemrograman_Flutter_Per_Bab

Modul Pembelajaran Flutter mencakup pengenalan Flutter sebagai framework untuk aplikasi mobile, dasar bahasa Dart, dan struktur proyek Flutter. Selain itu, modul ini menjelaskan widget dasar, layout, navigasi, dan manajemen state, serta memberikan contoh mini project berupa aplikasi daftar kontak. Pembelajaran ini bertujuan untuk memberikan pemahaman komprehensif tentang pengembangan aplikasi menggunakan Flutter.

Diunggah oleh

ahmad nur ihsan
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 2

Modul Pembelajaran Flutter

Bab 1: Pengenalan Flutter & Instalasi

Flutter adalah framework open-source dari Google untuk membuat aplikasi mobile multiplatform dengan satu

basis kode. Instalasi dilakukan dengan men-download SDK Flutter dan setup Android Studio atau VS Code,

serta menambahkan path environment.

Bab 2: Dasar Bahasa Dart

Dart adalah bahasa pemrograman yang digunakan Flutter. Syntax mirip Java/C++, memiliki konsep class,

function, dan variable. Contoh:

void main() {

print('Halo Dunia');

Bab 3: Struktur Proyek Flutter

Proyek Flutter memiliki struktur:

- lib/: tempat utama kode Dart

- pubspec.yaml: konfigurasi dependencies

- android/, ios/: kode platform spesifik.

Bab 4: Widget Dasar: Text, Image, Button

Semua elemen di Flutter adalah widget. Contoh penggunaan:

Text('Halo'),

Image.asset('assets/logo.png'),
Modul Pembelajaran Flutter

ElevatedButton(onPressed: () {}, child: Text('Klik'))

Bab 5: Layout: Column, Row, Stack, Container

Flutter menggunakan widget layout.

- Column: layout vertikal

- Row: horizontal

- Stack: tumpukan

- Container: kotak fleksibel

Bab 6: Navigasi dan Routing

Navigasi dilakukan menggunakan Navigator.push dan Navigator.pop. Contoh:

Navigator.push(context, MaterialPageRoute(builder: (context) => HalamanBaru()));

Bab 7: State Management dasar

State menentukan tampilan UI. Dua tipe widget: Stateless dan Stateful. StatefulWidget digunakan untuk UI

dinamis. Gunakan setState(() {}) untuk merubah tampilan.

Bab 8: Mini Project: Aplikasi Daftar Kontak

Buat aplikasi dengan fitur tambah kontak (nama dan nomor), tampilkan dalam ListView, gunakan form input

dan navigasi. Data bisa disimpan sementara dalam List lokal.

Anda mungkin juga menyukai