Laporan Praktikum 2
Mata Kuliah: Aplikasi Mobile
Tujuan
- Memahami proses instalasi dan konfigurasi Flutter (Git, Android Studio/SDK, Visual Studio, dll).
- Mengenal arsitektur & struktur project Flutter (lib, pubspec.yaml, assets).
- Mempelajari perbedaan Stateless Widget dan Stateful Widget.
- Menerapkan widget dasar: Text, Container, Image, Row, Column, ElevatedButton, FloatingActionButton.
- Mengelola aset aplikasi (gambar) dan menampilkannya.
- Membangun aplikasi profil mahasiswa dengan widget, state, dan layout.
- Melatih debugging dengan hot reload & hot restart.
Alat dan Bahan
- Laptop/PC Windows 10/11 (RAM ≥ 8GB)
- Flutter SDK (versi stable 3.x)
- Git for Windows
- Visual Studio Code
- Visual Studio 2022 (Desktop Development with C++)
- Android Studio & Android SDK
- Terminal/PowerShell/Command Prompt
- File gambar profil (misal:
assets/images/profile.jpg)
Langkah Praktikum
-
Setup Flutter
Instalasi Git, Visual Studio 2022, Android Studio, dan Flutter SDK → cek dengan
flutter doctor.
Gambar 1. Setup Flutter Environment -
Stateless Widget
Membuat aplikasi Flutter dengan teks statis (tidak berubah).
Gambar 2. Stateless Widget -
Stateful Widget
Membuat aplikasi Flutter dengan variabel angka yang bisa berubah dengan tombol
+.
Gambar 3. Stateful Widget -
Container
Menggunakan
Containerdengan ukuran, warna, padding, border radius, dan teks di dalamnya.
Gambar 4. Widget Container -
ElevatedButton
Membuat tombol interaktif dengan aksi
onPressed.
Gambar 5. Elevated Button -
Icon
Menambahkan ikon bawaan Flutter (misalnya bintang).
Gambar 6. Icon Widget -
Image
Menampilkan gambar dari Internet (Network) dan lokal (Asset).
Gambar 7. Image Widget -
CircleAvatar
Menampilkan foto profil berbentuk lingkaran.
Gambar 8. Circle Avatar
Tugas Praktikum
Tugas 1: Layout Vertikal & Horizontal
Menggabungkan Row dan Column dalam satu tampilan dengan minimal 3 basic widget.
Code :
Output :
Tugas 2: Membuat Halaman Profil
Membuat aplikasi profil mahasiswa dengan foto, identitas, ikon, tombol interaktif, dan layout rapi.
Code :
Output :
Kesimpulan
Dalam praktikum Flutter ini saya belajar membuat aplikasi mobile dari awal, mulai dari Stateless Widget sampai Stateful Widget.
Saya juga mencoba berbagai widget dasar (Text, Image, Button, Icon, CircleAvatar) dan menatanya dengan Row & Column.
Selain itu saya mempelajari cara menaruh foto di folder assets dan mengatur pubspec.yaml.
Praktikum ini membantu memahami cara kerja Flutter untuk membuat tampilan aplikasi rapi dan interaktif.