💻 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 untuk membuka di Zapp.run

✨ Sekian hasil belajar mandiri saya hari ini.
Semoga ke depan bisa membuat aplikasi Flutter yang lebih kompleks lagi 💪

#FlutterWidget #BelajarMandiri #SMKN1Banjar #RPL1

Komentar

Posting Komentar

Postingan populer dari blog ini

Pengertian, Fungsi, dan Jenis-jenis sistem operasi smartphone

Gambar
  Search for: Search Home Blog Pengertian, Fungsi, dan Jenis-Jenis Sistem Operasi Smartphone Pengertian, Fungsi, dan Jenis-Jenis Sistem Operasi Smartphone February 21, 2023 8:14 am Doran Contributor Doran Corporate  –  Di era digital ini, Anda pasti mengenal  smartphone  sebagai perangkat digital dalam menunjang aktivitas sehari-hari. Namun tahukah Anda jika setiap  sistem operasi  smartphone  mempunyai perbedaan dalam setiap jenisnya? Untuk mengetahui apa saja fungsi dan jenis-jenis sistem operasional  smartphone , berikut penjelasannya. Konten dalam artikel ini Apa Itu Sistem Operasi Smartphone? Jenis- Jenis dan Fungsi Sistem Operasi Smartphone. 1. iOS  2. Android  3. Window Phone 4. Sistem Operasi Smartphone –  Maemo OS 5. KaiOS Penutup Apa Itu  Sistem Operasi Smartphone ? Sistem operasi atau disebut juga OS adalah sebuah sistem  yang terpasang dalam  smartphone  dan digunakan sebagai serangkaian tindakan...
Baca selengkapnya

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: ...
Baca selengkapnya

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