Dhanis - ProgMbl

Cara Membuat Form Login dan Signup dengan Judul Dinamis di Flutter Kali ini kita akan belajar bagaimana membuat form login dan signup di Flutter yang punya judul dinamis berbeda sesuai halaman yang tampil. Jadi, saat di halaman login, judulnya “Sign In To Your Account,” dan kalau di halaman signup, tulisannya berubah jadi “SignUp To Start Our Journey.” Ini penting supaya user jelas sedang di mana dan desain form tetap rapi dan konsisten. Kenapa Judul Dinamis itu Penting? Kalau form login dan signup kita tampilkan dengan komponen yang sama tapi tanpa penanda yang jelas, pengguna bisa bingung. Dengan memberikan judul yang berbeda dan jelas di luar form, pengguna lebih mudah memahami fungsi halaman yang mereka akses. Struktur Utama yang Dibuat Form kita nanti akan punya tiga bagian utama: Judul dinamis — Teks yang berubah sesuai halaman (login/signup), dan letaknya di luar box input. Form Input — Berisi TextField untuk email, password, dan konfirmasi password di halaman signup. Tombol dan...

Cara Bikin Tampilan Login & Register Gampang di Figma Kalau kamu pengen bikin desain form login sama register yang keliatan modern tapi tetep simpel, gampang banget kok. Desain yang aku contohin ini ada dua halaman utama: Sign In buat masuk akun, sama Sign Up buat daftar akun baru. Pertama, aku bikin background gradient biru ke putih biar nggak flat. Warna biru ini bikin kesannya adem dan profesional, sedangkan putih di bawah bikin mata lebih nyaman. Habis itu aku tambahin form box putih di tengah. Di dalamnya ada field untuk Email dan Password, plus tambahan Confirm Password khusus buat halaman Sign Up. Untuk tombolnya, aku kasih warna biru solid biar langsung keliatan itu tombol utama yang bisa diklik. Detail kecil juga penting. Misalnya ada opsi Remember Me di form login, sama link kecil di bawah form kayak “Don’t have an account? Sign Up” atau sebaliknya. Walaupun kecil, elemen ini bikin desain keliatan lengkap dan lebih realistik. Jadi kunci utama dari desain ini adalah: - Bac...

Ngawiflix – Aplikasi Jadwal Bioskop Flutter dengan CRUD & Pencarian Kalau kamu penggemar film dan ingin mencoba membuat aplikasi sederhana untuk menampilkan daftar film beserta jadwal tayangnya, project Ngawiflix ini cocok banget buat latihan Flutter. Aplikasi ini punya fitur CRUD (Create, Read, Update, Delete) dan pencarian judul film, plus tampilan yang mirip katalog bioskop. Fitur Utama Tampilan daftar film dengan poster, judul, genre, dan jam tayang. Pencarian film berdasarkan judul (real-time search). Tambah film baru lewat form input. Edit film yang sudah ada . Hapus film dengan konfirmasi dialog. Detail film saat poster diklik (modal dialog berisi info lengkap). Struktur Data Film Aplikasi ini menyimpan daftar film di dalam list filmList dengan struktur: List<Map<String, String>> filmList = [ { "judul": "Ambaruwo", "genre": "Horror, Sci-Fi", "jam": "14:14, 17...

Tutorial Flutter: Bikin Aplikasi "Kicau Mania" di zapp.run Halo temen-temen, di tutorial kali ini gue bakal ngajarin cara bikin aplikasi Flutter sederhana bernama Kicau Mania . Kita bakal ngerjain ini langsung di zapp.run , jadi gak usah repot install apa-apa. 🎯 Apa Itu Kicau Mania? Kicau Mania adalah aplikasi yang punya 3 halaman utama: Tim Simdig – menampilkan daftar burung dari tim kita sendiri. Tim Dhamnis – berisi tim musuh yang punya burung-burung gokil juga. Arena – tempat adu burung dan kita bisa klik tombol buat nentuin siapa pemenangnya secara acak (random) . 🚀 Langkah-langkah Bikin Aplikasi 1. Buka zapp.run Kunjungi: https://zapp.run Pilih Flutter → klik New Project → kasih nama kicau_mania 2. Ganti isi main.dart Di sidebar kiri, buka file main.dart Hapus semua isinya Paste kode yang sudah disiapin (kode lengkap ada di bagian bawah artikel ini) 3. Upload Gambar Burung ke Folder assets Kita butuh gambar burung-burung bu...