Praktikum Flutter: Instalasi, Stateless & Statefull Widget

Published: Selasa, 23 September 2025 | Author: Ezza Addini

Praktikum ini membahas instalasi Flutter Development, pembuatan project pertama, hingga implementasi Stateless dan Statefull Widget.

Langkah-Langkah Praktikum
  1. Instal Git Download Git dan lakukan instalasi sesuai wizard.
    Instal Git
    Gambar 1: Proses instalasi Git.
  2. Instal Visual Studio Pilih opsi Desktop development with C++ saat instalasi.
    Instal Visual Studio
    Gambar 2: Instalasi Visual Studio dengan C++.
  3. Instal Android Studio Tambahkan SDK Tools dan buat emulator.
    Instal Android Studio
    Gambar 3: Android Studio dengan SDK Manager.
  4. Instal Visual Studio Code Tambahkan ekstensi Flutter agar bisa menulis dan menjalankan kode.
    Instal VS Code
    Gambar 4: VS Code dengan ekstensi Flutter.
  5. Instal SDK Flutter Extract SDK dan tambahkan ke PATH.
    Instal SDK Flutter
    Gambar 5: SDK Flutter ditambahkan ke PATH.
  6. Cek Setup dengan Flutter Doctor Jalankan flutter doctor untuk verifikasi instalasi.
    Flutter Doctor
    Gambar 6: Hasil perintah flutter doctor.
  7. Membuat Project Flutter Pertama Jalankan flutter create hai lalu flutter run.
    Project Flutter Hai
    Gambar 7: Project Flutter pertama.
  8. Membuat Stateless Widget Buat file stateless.dart dengan class MyStateless.
    Stateless Widget Stateless Widget
    Gambar 8: Output Stateless Widget.
  9. Membuat Statefull Widget Buat file statefull.dart dengan class MyStatefull yang menambahkan nilai kelipatan 2 setiap tombol ditekan.
    Statefull Widget Statefull Widget
    Gambar 9: Output Statefull Widget dengan tombol penambah nilai.
Kesimpulan

Praktikum ini memberikan pemahaman mengenai setup Flutter Development serta implementasi Stateless dan Statefull Widget. Dengan demikian mahasiswa dapat mengembangkan aplikasi Flutter yang bersifat statis maupun dinamis.

Tugas

Praktikum ini ditutup dengan tugas yang dapat diakses melalui link berikut: GitHub Repository.

Tugas
Gambar 10: Output Tugas.
Kembali ke Daftar Laprak