Posts

WidgetFlutter

Image
 🧩 1. Apa Itu  Widget di Flutter Dalam Flutter, semua tampilan aplikasi dibangun dari widget . Widget = “Komponen penyusun UI ( User Interface )” di Flutter. Contoh: Text di layar → pakai Text() Gambar → pakai Image () Tombol → pakai ElevatedButton () Tata letak → pakai Column () atau Row () 🩷 Jadi, setiap elemen tampilan di Flutter adalah widget ! 💡 2. Jenis-Jenis Widget di Flutter Jenis Widget Penjelasan Contoh Stateless Widget Tampilan tidak berubah walaupun pengguna berinteraksi. Text, Icon, Image Stateful Widget Tampilan bisa berubah karena interaksi pengguna atau data. TextField, Switch, Counter 🌷 3. Stateless Widget ➡️ Widget yang tidak punya “state” (tidak berubah). Cocok untuk tampilan statis seperti teks, logo, atau judul. 🧠 Contoh: import 'package:flutter/material.dart'; class MyTextWidget extends StatelessWidget { @override Widget build(BuildContext context) { return Text( 'Hello Flutter...
Post a Comment
Read more

keluarga.cemaraaaa

 Tentu! Berikut adalah catatan blog yang estetik, lengkap dengan emoji dan gaya bahasa santai namun informatif , cocok untuk kamu unggah ke blog pribadi atau platform seperti Medium, Notion, atau bahkan Instagram notes. 🌿 Cemara Circle – Kenalan Sama Kelompok Belajar Kami 💙 Hai teman-teman! 👋 Kali ini aku mau ngenalin kelompok belajar kami yang bernama Cemara Circle — tempat kami saling dukung, belajar bareng, dan tentunya seru-seruan juga 😄. Yuk, kenalan sama anggota kelompok kami satu per satu! 👇 🧑‍💼 Anggota Kelompok 📌 Di dalam aplikasi Flutter yang kami buat, kamu bisa lihat profil lengkap dari setiap anggota kelompok. Mulai dari nama, nomor absen, alamat, sampai foto kece mereka pun ada! 📸 Berikut adalah anggota dari Cemara Circle : 🌟 Marselino 🆔 No. Absen: 18 📍 Alamat: Yogyakarta 🖼️ Foto: assets/marselino.jpg 💐 Melby 🆔 No. Absen: 19 📍 Alamat: Yogyakarta 🖼️ Foto: assets/melbyy.jpg 🔥 Atandut 🆔 No. Absen: 01 📍 Al...
Post a Comment
Read more

membuat halaman data kelompok

  💻  Stateful Squad  – Aplikasi Flutter Estetik untuk Data Kelompok di Zapp.run 🌿✨ “Coding may change states, but not friendships.”  💙 ~ Stateful Squad 🧠 Tentang Proyek Ini Hello, developer keren! 🙌 Dalam proyek ini, saya dan tim kami —  Stateful Squad  💻 — membuat sebuah aplikasi  Flutter sederhana namun estetis  yang menampilkan  data anggota kelompok  dalam bentuk yang rapi dan interaktif. Aplikasi ini kami bangun sepenuhnya di  Zapp.run  — platform coding online yang powerful dan cocok banget untuk belajar Flutter tanpa ribet install. 🎯 Tujuan Aplikasi Aplikasi ini dibuat dengan beberapa fitur utama: 🔹 Menampilkan  anggota kelompok  dalam bentuk list 🔹 Setiap anggota memiliki: 🧑 Nama 🔢 Nomor Absen 🏡 Alamat 📷 Foto profil 🔹 Terdapat  tombol interaktif  yang memunculkan  popup ucapan "Hatur Nuhun" 🔹 Desain UI yang  bersih, elegan, dan kekinian 🧰 Tools yang Digunakan 🛠️ Alat Fungsi...
Post a Comment
Read more

membuat halaman data kelompok

💻 Stateful Squad – Aplikasi Flutter Estetik untuk Data Kelompok di Zapp.run 🌿✨ “Coding may change states, but not friendships.” 💙 ~ Stateful Squad 🧠 Tentang Proyek Ini Hello, developer keren! 🙌 Dalam proyek ini, saya dan tim kami — Stateful Squad 💻 — membuat sebuah aplikasi Flutter sederhana namun estetis yang menampilkan data anggota kelompok dalam bentuk yang rapi dan interaktif. Aplikasi ini kami bangun sepenuhnya di Zapp.run — platform coding online yang powerful dan cocok banget untuk belajar Flutter tanpa ribet install. 🎯 Tujuan Aplikasi Aplikasi ini dibuat dengan beberapa fitur utama: 🔹 Menampilkan anggota kelompok dalam bentuk list 🔹 Setiap anggota memiliki: 🧑 Nama 🔢 Nomor Absen 🏡 Alamat 📷 Foto profil 🔹 Terdapat tombol interaktif yang memunculkan popup ucapan "Hatur Nuhun" 🔹 Desain UI yang bersih, elegan, dan kekinian 🧰 Tools yang Digunakan 🛠️ Alat Fungsi 💻 Zapp.run Coding Flutter secara online ...
Post a Comment
Read more

Project.Planning UX/UI

Image
🧠🎨 PROYEK DESAIN UI/UX GOPAY DENGAN FIGMA https://www.figma.com/design/ASl4Ih4veIIwo9UH0ONpxH/Aplikasi-Gopay--Komunitas-?t=YztLRfIVI0TbLen9-0 🎨✨ Panduan Lengkap Mendesain UI/UX Aplikasi GOPAY di Figma 🧠 1. Riset & Analisis Awal Sebelum mendesain, kamu harus memahami fungsi dan kebutuhan pengguna dari aplikasi GOPAY. 🔍 Apa itu GOPAY? GOPAY adalah dompet digital dari Gojek yang digunakan untuk: Kirim & terima uang Bayar tagihan Transaksi di merchant Isi ulang saldo Pindai kode QR 🎯 Tujuan Desain Ulang: Membuat UI yang lebih segar, bersih, dan intuitif Meningkatkan UX agar alur transaksi lebih cepat dan aman Menonjolkan fitur utama tanpa membingungkan pengguna 👥 Target Pengguna: Rentang usia: 17–40 tahun Melek teknologi, terbiasa menggunakan Gojek/fintech Ingin efisiensi dan keamanan saat bertransaksi 🗺️ 2. Alur Pengguna (Alur Pengguna) Membuat peta interaksi utama pengguna di aplikasi: 1. Masuk ke Beranda ↓ 2. Klik "Bayar...
Post a Comment
Read more

SifaMelby

 Tentu! Berikut adalah artikel blog lengkap yang merangkum semua eksperimen kamu menggunakan Flutter di zapp.run — termasuk penjelasan, kode, dan cara menjalankannya. Kamu bisa copy-paste ini langsung ke blog kamu. 🚀 Belajar Flutter di zapp.run: Menampilkan Gambar, Teks, dan Tombol dengan Gaya Android Flutter adalah framework buatan Google untuk membangun aplikasi mobile, web, dan desktop dari satu codebase. Dalam eksperimen ini, saya menggunakan zapp.run — platform online yang memungkinkan kita menjalankan Flutter tanpa perlu instalasi. Pada artikel ini, kita akan membahas bagaimana cara: Menampilkan gambar dari internet Menampilkan gambar dari assets lokal Menambahkan teks dan tombol Mengatur warna pada UI Flutter 🛠️ Persiapan: Menggunakan zapp.run Buka https://zapp.run Buat project Flutter baru Ganti isi file main.dart dengan kode yang akan saya berikan Jalankan dengan klik tombol ▶️ "Run" 1. ✅ Menampilkan Gambar dari Internet, Tek...
Post a Comment
Read more

Melby.Sifa

Tentu! Berikut adalah artikel blog lengkap yang merangkum semua eksperimen kamu menggunakan Flutter di zapp.run — termasuk penjelasan, kode, dan cara menjalankannya. Kamu bisa copy-paste ini langsung ke blog kamu. 🚀 Belajar Flutter di zapp.run: Menampilkan Gambar, Teks, dan Tombol dengan Gaya Android Flutter adalah framework buatan Google untuk membangun aplikasi mobile, web, dan desktop dari satu codebase. Dalam eksperimen ini, saya menggunakan zapp.run — platform online yang memungkinkan kita menjalankan Flutter tanpa perlu instalasi. Pada artikel ini, kita akan membahas bagaimana cara: Menampilkan gambar dari internet Menampilkan gambar dari assets lokal Menambahkan teks dan tombol Mengatur warna pada UI Flutter 🛠️ Persiapan: Menggunakan zapp.run Buka https://zapp.run Buat project Flutter baru Ganti isi file main.dart dengan kode yang akan saya berikan Jalankan dengan klik tombol ▶️ "Run" 1. ✅ Menampilkan Gambar dari Internet, Teks...
Post a Comment
Read more