Laporan Praktikum 3

Mata Kuliah: Aplikasi Mobile

Tujuan

Memahami penggunaan widget input pada Flutter, khususnya TextField dan TextFormField.
Menggunakan TextEditingController untuk mengambil dan mengelola data input pengguna.
Mengimplementasikan validasi input menggunakan validator pada TextFormField.
Memberikan umpan balik kepada pengguna dengan SnackBar.
Mengembangkan form sederhana seperti form pendaftaran pengguna.

Alat dan Bahan

Laptop/PC minimal RAM 4 GB, prosesor dual-core
Smartphone Android (opsional untuk uji di device)
Flutter SDK
Dart SDK
Visual Studio Code + ekstensi Flutter & Dart
Android Studio + Emulator
Modul Praktikum 3: Input Widgets & Basic Form

Langkah Praktikum

Basic Form dengan TextField : Membuat form sederhana dengan TextField dan tombol untuk menampilkan input via SnackBar.

Gambar 1. Code Form sederhana menggunakan TextField

Gambar 2. Output Form sederhana menggunakan TextField
Basic Form dengan TextFormField Membuat form dengan TextFormField yang mendukung validasi input (misalnya format email).

Gambar 3. Code Form dengan TextFormField dan validasi

Gambar 4. Output Form dengan TextFormField dan validasi

Tugas Praktikum

Tugas: Form Pendaftaran User

Membuat form pendaftaran dengan input nama, email, password, dan konfirmasi password. Validasi dilakukan agar:

Nama tidak boleh kosong.
Email harus valid (mengandung @).
Password minimal 6 karakter.
Konfirmasi password harus sama dengan password.

Cara Menyelesaikan :

Buat project Flutter.
Buat form dengan TextFormField.
Tambahkan validator di tiap input.
Tambahkan SnackBar untuk feedback.
Tes hasilnya di emulator/device.

Code :

Form Valid — Gambar 5. Code Form Pendaftaran User

Output :

Validasi Email — Gambar 8. Validasi email tidak valid

Validasi Password — Gambar 9. Validasi password tidak sama

Kesimpulan

Pada praktikum ini dipelajari penggunaan widget input di Flutter: TextField, TextFormField, dan penggunaan TextEditingController. Dari percobaan pertama, dipahami cara mengambil data user & menampilkannya melalui SnackBar. Pada percobaan kedua, digunakan TextFormField dengan validator untuk memastikan input valid. Pada tugas akhir, dibuat form pendaftaran user dengan validasi nama, email, password, dan konfirmasi password. Hasilnya: form dapat memberikan error message bila input salah, serta menampilkan pesan sukses bila valid.