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:

  1. 🌟 Marselino

    • 🆔 No. Absen: 18

    • 📍 Alamat: Yogyakarta

    • 🖼️ Foto: assets/marselino.jpg

  2. 💐 Melby

    • 🆔 No. Absen: 19

    • 📍 Alamat: Yogyakarta

    • 🖼️ Foto: assets/melbyy.jpg

  3. 🔥 Atandut

    • 🆔 No. Absen: 01

    • 📍 Alamat: Yogyakarta

    • 🖼️ Foto: assets/atandut.jpg

📱 Tentang Aplikasinya

Kami membuat aplikasi sederhana menggunakan Flutter 🛠️, yang menampilkan data anggota kelompok dalam bentuk kartu profil (Card UI). Desainnya clean, modern, dan ramah di mata 👁️✨

Di bagian bawah aplikasi, ada tombol kecil yang bisa kamu tap:
🖱️ "Tampilkan Pesan"
Kalau ditekan, akan muncul pop-up ucapan terima kasih karena sudah melihat data kelompok kami 💌

🌈 Kenapa Ini Penting?

Selain untuk belajar ngoding bareng, project ini juga ngajarin kami tentang:

  • ✅ Kolaborasi tim

  • ✅ Membuat UI/UX sederhana

  • ✅ Menggunakan aset lokal (gambar) di Flutter

  • ✅ Menyusun data dalam model class

🌟 Penutup

Terima kasih sudah menyimak blog ini!
Semoga aplikasinya bisa jadi inspirasi buat kamu yang juga sedang belajar Flutter 🚀

Kalau kamu penasaran sama kodenya atau mau ngembangin fitur baru (kayak dark mode, animasi, atau navigasi ke halaman detail), feel free untuk eksplorasi lebih lanjut!

💬 Yuk ngobrol di kolom komentar atau DM kalau mau diskusi soal project ini!

Sampai jumpa di post selanjutnya!
Stay creative and keep coding! 🎨👨‍💻👩‍💻

🌿 Sedikit karya, banyak cerita.
Lihat bagaimana kami menyatukan kode dan kebersamaan dalam satu aplikasi:

✨[zrsg06mlrsh0.zapp.page]✨

Comments

Post a Comment

Popular posts from this blog

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

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