Dhanis - ProgMbl

🎮 Review Aplikasi Flutter: Pixel Quest To-Do 1️⃣ Halaman Pemilihan Karakter 📸 Screenshot Tampilan 💻 Potongan Kode Wrap( spacing: 16, children: _emojis.map((e) { final selected = _selected == e; return GestureDetector( onTap: () => setState(() => _selected = e), child: AnimatedContainer( duration: const Duration(milliseconds: 180), transform: Matrix4.identity()..scale(selected ? 1.06 : 1.0), padding: const EdgeInsets.all(12), decoration: BoxDecoration( color: selected ? const Color(0xFF00ADB5) : const Color(0xFF393E46), borderRadius: BorderRadius.circular(12), border: Border.all( color: selected ? Colors.cyanAccent : Colors.transparent, width: 2), ), child: Text(e, style: const TextStyle(fontSize: 40)), ), ); }).toList(), ) 🧩 Penjelasan Singkat Bagian kode ini menampilkan daftar karakter dalam bentuk e...

🎮 Pixel Quest To-Do — Ubah Daftar Tugasmu Jadi Petualangan Seru! Pernah ngerasa bosan pakai aplikasi to-do list yang tampilannya itu-itu aja? Nah, Pixel Quest To-Do hadir buat ngubah cara kamu nyelesain tugas jadi lebih seru — kaya main game RPG pixel art! 🌟 Konsep Aplikasi Pixel Quest To-Do adalah aplikasi to-do list berbasis web (dibuat dengan Flutter) yang dikemas dengan gaya RPG. Kamu bisa memilih karakter emoji favoritmu, lalu setiap tugas yang berhasil diselesaikan akan menambah XP untuk naik level. Jadi, bukan cuma checklist biasa — tapi benar-benar terasa seperti petualangan kecil setiap hari! 🎭 Pilih Karakter — mulai dari penyihir, elf, astronot, dan lainnya. 📝 Buat dan kelola misi harian (tugas-tugasmu). ⚡ Dapatkan XP setiap kali menyelesaikan misi. ⬆️ Naik Level setelah XP penuh! 💾 Data tersimpan otomatis di local storage browser. 🎨 Tema pixel RPG gelap biar vibes-nya kaya game retro. 🧱 Teknologi yang Digunakan Aplik...

Kunci Jawaban Soal Pilihan Ganda Flutter UI (State Management) Sedikit latihan untuk memahami konsep dasar Flutter seperti Widget , Layout , State Management , dan Animasi . Soal ini cocok buat kamu yang ingin menguji seberapa jauh pemahaman tentang cara kerja UI di Flutter. 📄 Halaman 1 Jawaban: B. MyApp D. Widget tersebut tidak memiliki state yang dapat berubah selama runtime. A. Karena ia memerlukan controller. D. Di dalam TodoListScreenState . C. setState() C. Scaffold C. Column D. Expanded C. Menempatkan FAB di tengah bawah layar. C. SizedBox 📄 Halaman 2 Jawaban: C. TextField B. TextEditingController C. Pengguna menekan tombol "Enter/Done" pada keyboard. C. SnackBar C. AnimatedList A. Memberikan identifikasi unik pada setiap item daftar. D. Card B. ListTile B. Mengubah status selesai/belum selesai dari tugas. B. Teks dicoret dengan garis. 📄 Halaman 3 Jawaban: C. BoxDecoration dengan LinearGradient ...

Halo teman-teman developer! Kali ini aku mau cerita sedikit tentang proyek kecil-kecilan yang aku buat pakai Flutter. Jadi aku bikin aplikasi tempat wisata di tiap daerah di Indonesia, kayak Bali, Jogja, dan lainnya, lengkap dengan gambar, judul, dan deskripsi singkat. Tujuannya supaya user bisa browsing tempat wisata dari satu daerah ke daerah lain dengan mudah, baik di layar desktop maupun mobile. --- ## Kenapa Flutter? Pertama, kenapa aku pilih Flutter? Karena Flutter itu cross-platform, artinya sekali bikin bisa langsung jalan di Android, iOS, dan desktop juga kalau mau. Selain itu, performanya smooth dan banyak banget widget keren yang bikin UI kita enak dilihat dan dipakai. --- ## Fitur Utama Aplikasi Wisata Ini * **Carousel Slider Gambar Destinasi**   Di bagian atas aku bikin slider yang otomatis berganti gambar tiap 3 detik. Jadi pas buka aplikasi langsung disambut dengan gambar-gambar cantik dari destinasi wisata yang aku pilih. * **Card Wisata dengan Foto dan Deskripsi** ...

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...