Postingan

🧮 BMI Calculator (Aplikasi Flutter Sederhana)

  Halo semuanya 👋 Pada kesempatan ini saya ingin membagikan sebuah aplikasi sederhana yang saya buat menggunakan Flutter , yaitu Isa BMI Calculator . Aplikasi ini berfungsi untuk menghitung BMI (Body Mass Index) berdasarkan tinggi dan berat badan pengguna. Selain menampilkan nilai BMI, aplikasi ini juga dilengkapi dengan: ✅ Pilihan gender (Laki-laki / Perempuan) ✅ Hasil BMI otomatis ✅ Kategori berat badan (Kurus, Normal, Gemuk, Obesitas) ✅ Saran kesehatan sesuai kategori ✅ Gambaran bentuk tubuh menggunakan icon ✅ Tampilan sederhana dan mudah digunakan 📱 Cara Menggunakan Aplikasi Pilih gender. Masukkan tinggi badan (cm). Masukkan berat badan (kg). Tekan tombol Hitung BMI . Hasil BMI, kategori, saran, dan gambaran bentuk tubuh akan muncul otomatis.      Link flutter : https://z62a06ij62b0.zapp.page/#/ 🎯 Tujuan Pembuatan Aplikasi ini dibuat sebagai latihan pemrograman Flutter sekaligus untuk membantu pengguna mengetahui kondisi berat b...

Pengembangan GIM

Gambar
 Artikel 1: Pengembangan Gim sebagai Media Kreativitas Digital Gambar 01.1 Di era digital saat ini, gim tidak hanya berfungsi sebagai hiburan semata, tetapi juga menjadi media kreativitas dan inovasi. Pengembangan gim (game development) adalah proses pembuatan gim yang melibatkan berbagai aspek, seperti desain, pemrograman, seni visual, dan audio. Melalui pengembangan gim, seseorang dapat menyalurkan ide dan imajinasi ke dalam bentuk interaktif yang menarik. Proses pengembangan gim biasanya dimulai dari perencanaan konsep. Pada tahap ini, pengembang menentukan genre gim, alur cerita, karakter, serta mekanisme permainan. Setelah konsep matang, tahap berikutnya adalah desain dan pemrograman. Bahasa pemrograman dan game engine seperti Unity, Unreal Engine, atau Godot sering digunakan untuk mempermudah proses pembuatan gim. Selain itu, pengembangan gim juga melatih berbagai keterampilan penting, seperti logika berpikir, pemecahan masalah, kerja tim, dan kreativitas. Tidak jarang pengem...

💻 Belajar Flutter – Kartu Profil Sederhana

 Assalamualaikum semuanya 👋 Hari ini kami kelas XI RPL 1 belajar mandiri membuat aplikasi Flutter sederhana dengan tema “Kartu Profil – Aku & Hobiku” . Walau tanpa pendampingan langsung dari Pak Darsu, kami tetap semangat belajar mandiri menggunakan zapp.run 💪 Tujuan pembelajaran kali ini yaitu mengenal beberapa widget dasar Flutter , seperti: 📝 Text – menampilkan tulisan 🖼️ Image – menampilkan foto 📦 Column & Row – mengatur tata letak ⭐ Icon – menambahkan simbol menarik 🔘 ElevatedButton – membuat tombol interaktif Berikut hasil karya saya 👇 🧠 Refleksi Belajar Widget yang paling saya suka hari ini adalah Image karena bisa menampilkan foto profil dan membuat tampilan aplikasi menjadi lebih menarik 🎨 Saya jadi paham bahwa setiap bagian di aplikasi Flutter itu disebut widget , dan semuanya bisa digabung untuk membentuk tampilan keren seperti kartu profil ini. 🔗 Link Hasil Proyek: https://zn5a06q2n5b0.zapp.page/#/ 👉 Klik di sini un...

🧩 Mengenal Lebih Dalam Widget Flutter — Membuat To-Do List Cantik

📅 Tugas Belajar Mandiri PPLG 1 Nama:   Isa Guru Pembimbing: Pak Darsu Tanggal: 10 Oktober 2025 💡 Apa itu Flutter? Flutter adalah framework buatan Google yang digunakan untuk membuat aplikasi mobile, web, dan desktop dengan satu basis kode (Dart). Keunggulan Flutter yaitu tampilannya cantik, cepat, dan banyak widget yang bisa dikustomisasi sesuai kebutuhan. 🧱 Widget yang Dipelajari Dalam tugas kali ini, saya belajar beberapa widget penting di Flutter seperti: Scaffold → untuk struktur utama halaman AppBar → membuat judul aplikasi TextField → tempat menulis tugas baru ListView → menampilkan daftar tugas Card & ListTile → membuat tampilan daftar yang rapi Checkbox → menandai tugas yang sudah selesai 🛠 Proyek Saya: Aplikasi To-Do List Saya membuat aplikasi sederhana bernama “To-Do List Flutter” . Fitur-fiturnya antara lain: ✅ Tambah tugas ✅ Centang tugas selesai ✅ Hapus tugas 💜 Tampilan berwarna ungu lembut agar terlihat elegan ...

Cara Membuat Aplikasi Flutter Mirip Pinterest dengan Fitur Favorit dan Dark Mode

Gambar
Flutter adalah framework yang sangat fleksibel untuk membuat aplikasi mobile dengan tampilan menarik dan modern. Pada artikel kali ini, saya akan membagikan pengalaman membuat aplikasi sederhana yang mirip dengan Pinterest, khususnya untuk menampilkan foto-foto pemandangan dalam bentuk grid yang estetik. Fitur Utama Aplikasi Aplikasi ini dilengkapi dengan beberapa fitur penting agar lebih interaktif dan nyaman digunakan: Layout Responsif – Tampilan grid menyesuaikan orientasi (portrait atau landscape). Navigasi Modern – Menggunakan BottomNavigationBar untuk berpindah antara halaman Home dan Favorit. Masonry Grid (Pinterest Style) – Foto ditampilkan seperti Pinterest dengan ukuran berbeda-beda. Love/Favorit Foto – Pengguna bisa menekan tombol hati untuk menyimpan foto ke daftar Favorit. Mode Gelap & Terang – Tersedia tombol untuk mengganti tema dark mode dan light mode. Detail Foto – Foto bisa diperbesar dan dilihat lebih detail dengan animasi. Struktu...

Membuat halaman Data Kelompok Belajar Zapp.run Isa

Membuat Halaman Data Kelompok Belajar dengan Flutter di Zapp.run Flutter adalah framework yang sangat populer untuk membuat aplikasi mobile cross-platform (Android & iOS). Kali ini kita akan belajar membuat satu halaman aplikasi yang menampilkan data kelompok belajar dengan foto anggota, detail informasi (nama, no absen, alamat, kelas, hobi), serta tombol di bagian bawah yang memunculkan popup sederhana. Struktur Halaman yang Akan Dibuat Bagian atas → Judul "Wededen Squad". Bagian isi → Daftar anggota kelompok dengan foto, nama, no absen, alamat. Jika salah satu anggota ditekan, akan terbuka halaman detail berisi informasi lebih lengkap. Bagian bawah → Tombol "Awas Meledug" . Jika ditekan, akan muncul popup dengan pesan salam. Persiapan di Zapp.run Masuk ke Zapp.run . Buat project Flutter baru. Simpan foto anggota kelompok di folder assets/ pada project. Tambahkan path assets di file pubspec.yaml . Contoh: flutter: assets: ...

Isa desain UI UX

Gambar
  Belajar Pemrograman Mobile: Fokus pada UI/UX Saat ini saya sedang mempelajari pemrograman mobile , dan salah satu hal penting yang saya pelajari adalah UI/UX (User Interface & User Experience) . Banyak orang berpikir bahwa membuat aplikasi mobile hanya tentang coding, padahal tampilan dan pengalaman pengguna juga sangat menentukan keberhasilan sebuah aplikasi. Mengapa UI/UX Penting? UI/UX adalah wajah dari aplikasi. Sehebat apa pun fitur yang dimiliki, jika tampilannya membingungkan atau tidak nyaman digunakan, pengguna bisa saja meninggalkan aplikasi tersebut. Jadi, UI/UX bukan hanya soal estetika, tapi juga kenyamanan dan alur penggunaan. Apa yang Saya Pelajari di Tahap Ini Beberapa hal yang sedang saya pelajari dalam UI/UX: Prinsip Desain Sederhana – jangan terlalu banyak elemen yang membuat aplikasi terlihat penuh. Konsistensi – warna, font, dan ikon harus selaras agar mudah dikenali. Navigasi yang Jelas – pengguna harus tahu kemana mereka bisa pergi tanp...