Laporan Praktikum App Mobile 1

Bagian 1: Penggunaan TextField Dasar

Struktur Utama Aplikasi

Menampilkan pengaturan awal pada fungsi main untuk memanggil halaman form yang telah dibuat.

Deklarasi Kelas Form Dasar

Membuat struktur dasar StatefulWidget sebagai kerangka antarmuka form.

Inisialisasi Controller

Menginisialisasi TextEditingController yang bertugas untuk menangkap teks yang nantinya diketik oleh pengguna.

Penyusunan Layout Input

Menyusun elemen-elemen antarmuka seperti teks instruksi dan jarak spasi antar elemen menggunakan SizedBox.

Pembuatan Widget TextField

Implementasi form input dengan menambahkan dekorasi berupa teks petunjuk (hint), label, dan ikon agar lebih interaktif.

Tombol Aksi Form

Pembuatan ElevatedButton yang berfungsi mengambil input teks, kemudian menampilkannya di layar sebagai notifikasi singkat (Snackbar).

Hasil Akhir Penggunaan TextField

Tampilan antarmuka saat dijalankan. Ketika teks diketik dan tombol ditekan, notifikasi keberhasilan muncul di bawah layar.

Bagian 2: Penggunaan TextFormField dan Validasi

Struktur Halaman Validasi

Menunjukkan pengaturan awal kerangka halaman untuk memanggil form baru yang memuat fitur validasi lanjutan.

Deklarasi Kelas Validasi

Pembuatan state class khusus untuk menangani proses input form yang akan divalidasi.

Persiapan Kunci dan Controller Form

Pembuatan GlobalKey untuk mengontrol seluruh form, serta deklarasi dua controller terpisah untuk input nama dan email.

Fungsi Pengecekan Input

Logika fungsi yang bertugas memverifikasi apakah semua syarat pengisian kolom sudah terpenuhi sebelum menampilkannya.

Implementasi Input Nama

Membuat kolom nama beserta validasi dasar yang memastikan kolom ini wajib diisi oleh pengguna.

Implementasi Input Email

Membuat kolom email dengan validasi ganda, yaitu wajib diisi dan format teksnya harus mengandung simbol '@'.

Tombol Eksekusi Validasi

Tombol Submit yang dirancang untuk memicu fungsi pengecekan seluruh kondisi yang sudah ditetapkan sebelumnya.

Hasil Akhir Fitur TextFormField

Tampilan visual yang membuktikan bahwa sistem telah berhasil memverifikasi input form yang valid sesuai aturan program.

Bagian 3: Tugas Form Pendaftaran Lengkap

Deklarasi Halaman Registrasi

Mempersiapkan class utama yang akan difungsikan sebagai halaman form pendaftaran pengguna.

Persiapan Controller Registrasi Lengkap

Deklarasi empat buah alat pengontrol teks untuk mengelola input Nama Lengkap, Email, Password, dan Konfirmasi Password.

Pembersihan Memori (Dispose)

Fungsi yang sangat penting untuk melepaskan resource controller saat halaman ditutup agar aplikasi tidak terasa berat.

Fungsi Notifikasi Registrasi Berhasil

Menyiapkan alur jika semua data dinyatakan valid, maka pesan keberhasilan pendaftaran akan ditampilkan ke layar.

Konfigurasi Main untuk Tugas Akhir

Modifikasi file dasar program agar merender hasil akhir dari tugas form registrasi pendaftaran pada layar awal.

Kolom Pengisian Nama Lengkap

Potongan kode form nama lengkap yang dilengkapi aturan tidak boleh dikosongkan sebelum diproses ke sistem.

Kolom Pengisian Email

Form input email yang menyesuaikan tipe keyboard secara otomatis untuk mempermudah pengetikan alamat surel.

Kolom Pengamanan Password

Implementasi kolom sandi rahasia di mana teks disembunyikan menggunakan fitur keamanan bawaan (obscureText).

Kolom Konfirmasi Password

Tambahan logika validasi krusial yang memastikan input di dalam kolom ini harus sama persis dengan kolom password awal.

Desain Tombol Full-Width

Penyesuaian tata letak tombol pendaftaran agar ukurannya memanjang dan menyesuaikan lebar dari layar.

Tampilan Akhir Form Pendaftaran Terintegrasi

Inilah hasil eksekusi aplikasi pendaftaran yang berfungsi secara optimal. Seluruh kolom tersusun rapi berurutan, dan divalidasi hingga memunculkan pesan berhasil.