Postingan

Menampilkan postingan dari Agustus, 2025

Membuat Halaman Data Per Kelompok

 Belajar Flutter: Membuat Halaman Data Kelompok Belajar Halo teman-teman! 👋 Beberapa waktu lalu saya sedang belajar Dart & Flutter dan mencoba membuat sebuah project sederhana. Tujuannya adalah menampilkan data kelompok belajar di dalam 1 halaman aplikasi. Project ini sangat cocok untuk pemula yang ingin berlatih layout, menampilkan data, dan membuat popup dialog di Flutter. Konsep Halaman yang Dibuat Struktur halaman yang saya rancang sebagai berikut: Bagian atas → Nama kelompok. Di bawahnya → Foto kelompok secara keseluruhan. Selanjutnya → Daftar anggota (berisi foto, nama, nomor absen, dan alamat). Di bagian bawah → Tombol yang bila ditekan akan memunculkan popup dialog berisi rincian anggota kelompok: Nama lengkap Nama kelompok Nomor absen Alamat rumah Kode Program Lengkap (main.dart) Berikut kode lengkap yang saya tulis di main.dart menggunakan zapp.run. Foto-foto anggota disimpan di folder assets/, jadi pastikan kamu menaruh gambar sesuai dengan path yang dipanggil. impo...

Perjalanan Belajar Pemrograman Mobile: Menyelami Dunia UI/UX

Gambar
  Perjalanan Belajar Pemrograman Mobile: Menyelami Dunia UI/UX Halo semuanya! 👋 Akhir-akhir ini, saya sedang fokus mendalami pemrograman mobile. Ini adalah bagian dari perjalanan saya untuk menjadi seorang mobile developer yang andal. Dan saat ini, saya sedang berada di tahap yang menurut saya sangat menarik sekaligus menantang: UI/UX (User Interface dan User Experience). Kenapa UI/UX Penting? Sebelum masuk lebih dalam, saya mulai menyadari bahwa UI/UX bukan hanya tentang membuat aplikasi terlihat cantik. UI/UX adalah tentang bagaimana sebuah aplikasi bisa nyaman digunakan, intuitif, dan memudahkan pengguna mencapai tujuannya. Desain yang baik bukan hanya memikat mata, tapi juga membuat pengguna merasa “betah” saat menggunakannya. Apa yang Saya Pelajari? Di tahap ini, saya mulai belajar beberapa konsep penting seperti: Prinsip Desain UI: Hierarki visual, keseimbangan warna, tipografi, dan konsistensi antar halaman. Wireframing: Membuat kerangka awal dari layout apli...