Laporan praktikum Aplikasi Mobile 3
Tujuan
Tujuan praktikum ini yaitu mahasiswa mampu membuat basic form untuk menerima inputan dari keyboard dan mengelola inputan :
- Membuat beberapa input widgets
- Membuat dan mengontrol inputan dari user
Alat
- Computer / laptop yang telah terinstall lingkungan flutter development
Teori
Basic Form
Dalam pengembangan antarmuka pengguna, Basic Form adalah widget esensial yang bertindak sebagai wadah untuk berbagai komponen input. Komponen-komponen ini mencakup, namun tidak terbatas pada, TextField, TextFormField, CheckBox, Switch, Dropdown, Radio, hingga elemen interaktif seperti Dialog, DatePicker, dan BottomSheet. Peran utama Basic Form adalah menyederhanakan proses validasi dan manajemen data. Ia akan menampilkan serangkaian input kepada pengguna, lalu secara sistematis memeriksa setiap masukan untuk memastikan kesesuaiannya dengan format atau kriteria yang telah ditentukan. Setelah validasi berhasil, nilai dari setiap input dapat dengan mudah diambil dan digunakan lebih lanjut oleh aplikasi.
TextField
TextField adalah widget spesifik yang dirancang untuk menerima input berupa teks dari pengguna. Widget ini menjadi fondasi utama saat membuat fitur yang memerlukan masukan teks, contohnya kolom isian pada formulir login, formulir kontak, atau bilah pencarian dalam aplikasi.
Langkah-langkah
1. Buat tampilan basic form dengan menggunakan Widget TextField untuk inputan, ElevatedButton untuk memberikan event listener
output:
2. Menambahkan Varible Controller: Tambahkan kode program pada class _MyFormState Tambahkan variabel controller untuk menangani input dari pengguna.
output:
Tugas
- Buatlah aplikasi kalkulator yang dapat menjalankan operasi kabataku
- Gunakan 2 buah widget inputan (TextField atau TextFormField) untuk menerima nilai inputan.
- Gunakan ElevatedButton untuk mengeksekusi operasi kabataku
- Gunakan widget Text untuk menampilkan hasil operasi
output:
