Sifa Nurul Insani

 1.  https://zapp.run/edit/flutter-zh1q406fzh1q5?entry=lib/main.dart&file=lib/main.dart 2.  https://zapp.run/edit/flutter-zzli0641zlj0?entry=lib/main.dart&file=lib/main.dart 📱 Apa itu UI di Flutter? UI (User Interface) Flutter adalah tampilan aplikasi yang dibuat dari kumpulan widget. Flutter pakai konsep menyusun widget seperti lego — kecil-kecil, lalu digabung jadi satu layar. 🧩 Konsep Paling Penting: Widget Di Flutter: -Tombol = widget -Teks = widget -Layout = widget -Satu halaman = widget ➡️ Satu layar aplikasi = kumpulan widget yang disusun 🏗️ Struktur UI Flutter (Gambaran Umum) Biasanya satu layar punya: Header (judul / AppBar) Body (isi utama) Footer (opsional) Flutter menyediakan “kerangka halaman” supaya tampilan rapi dan konsisten. 📐 Pengaturan Layout Flutter tidak pakai koordinat X-Y, tapi pakai alur penyusunan. Arah Penyusunan: Vertikal → dari atas ke bawah Horizontal → dari kiri ke kanan Konsep penting: Spacing → jarak antar elemen Alignment → rat...

1: Pengembangan Gim: Tahapan, Teknologi, dan Tantangan di Era Digital Pendahuluan Pengembangan gim (game development) adalah proses kreatif dan teknis dalam menciptakan permainan digital yang dapat dinikmati di berbagai platform seperti PC, konsol, dan perangkat mobile. Di era digital saat ini, industri gim berkembang sangat pesat dan menjadi salah satu sektor hiburan dengan nilai ekonomi tertinggi di dunia. Tidak hanya sebagai sarana hiburan, gim juga dimanfaatkan untuk edukasi, simulasi, dan bahkan kesehatan. Artikel ini akan membahas secara lengkap tahapan pengembangan gim, teknologi yang digunakan, serta tantangan yang sering dihadapi oleh pengembang gim. Apa Itu Pengembangan Gim? Pengembangan gim adalah proses perancangan, pembuatan, pengujian, dan peluncuran sebuah permainan digital. Proses ini melibatkan berbagai disiplin ilmu, seperti: - Pemrograman - Desain grafis - Penulisan cerita (naratif) - Desain audio - Manajemen proyek Sebuah gim yang baik tidak hanya bergantung pada vi...

Link tugas saya: https://zm2b6064dm2b7.zapp.page/#/  🧩 1. Pengenalan Flutter Flutter adalah framework UI open-source dari Google untuk membuat aplikasi mobile, web, dan desktop dengan satu basis kode menggunakan bahasa Dart. 🧱 2. Apa itu Widget? Segala sesuatu di Flutter adalah Widget. Widget = elemen UI (tampilan) atau struktur tata letak (layout). Widget bisa bersifat Stateless (tidak berubah) atau Stateful (bisa berubah). 📘 3. Widget Dasar Flutter Berikut penjelasan dan contoh masing-masing widget dasar: 📝 a. Widget Teks Menampilkan teks di layar. Teks(   'Halo Berkibar!',   gaya: Gaya Teks(     Ukuran font: 24,     fontWeight: FontWeight.tebal,     warna: Warna.biru,   ), ) 🖼️ b. Widget Gambar Menampilkan gambar dari internet atau dari aset lokal. Gambar.jaringan(   'https://flutter.github.io/assets-for-api-docs/assets/widgets/owl.jpg',   lebar: 150, ) Atau dari folder aset lokal (misal assets/images/logo.png): Gambar....

  FOTO BERSAMA ORANG RANDOM Meminta Pendapat orang lain mengenai tugas-tugas saya yang sudah dikerjakan, mengomentari tugas saya yang sudah saya buat, tentang apa saja yang kurang, dan saya bisa belajar dan merubah yang kurangnya💕💕 Meminta pendapat kepada:  Amel Meilani (MPLB 2)💗

Mockup saya👆🏻👆🏻  📘 Materi Mockup: Pengertian, Fungsi, Jenis, dan Contoh 1. Pengertian Mockup Mockup adalah representasi visual dari sebuah desain atau produk yang biasanya bersifat statis dan digunakan untuk menunjukkan bagaimana produk akhir akan terlihat. Biasanya digunakan dalam desain UI/UX, branding, packaging, dan promosi produk. 2. Tujuan dan Fungsi Mockup 🎯 Visualisasi ide sebelum diproduksi 💬 Komunikasi antar tim (desainer, developer, klien) 🧪 Uji tampilan dan layout sebelum proses produksi atau coding 📢 Presentasi profesional kepada klien/investor 3. Jenis-Jenis Mockup Jenis Mockup : Penjelasan Singkat UI/UX Mockup : Menunjukkan tampilan aplikasi atau website tanpa fungsi Product Mockup : Menampilkan desain produk (kaos, kemasan, botol, dll) Branding Mockup : U ntuk identitas visual (logo di kartu nama, kop surat) Packaging Mockup : Desain pada kemasan makanan, kosmetik, dsb. 4. Perbedaan Mockup, Wireframe, dan Prototype Elemen Ciri Khas : Tujuan Utama Wirefram...

1. Membuat Layout Responsif Pengertian Layout responsif adalah desain tata letak yang dapat menyesuaikan tampilannya secara otomatis berdasarkan ukuran layar perangkat (misalnya, smartphone, tablet, desktop). Tujuan Memberikan pengalaman pengguna terbaik di berbagai perangkat. Menghindari tampilan yang rusak atau tidak proporsional. Prinsip Dasar Gunakan ukuran relatif (persentase, flex) daripada ukuran absolut (pixel tetap). Gunakan grid atau system flexbox untuk mengatur komponen. Gunakan media queries atau breakpoints untuk menyesuaikan tampilan pada ukuran layar berbeda. Sembunyikan atau tampilkan elemen tertentu sesuai ukuran layar. 2. Navigasi Pengertian Navigasi adalah cara pengguna berpindah antar halaman atau layar di dalam aplikasi. Jenis Navigasi Umum Navigasi Stack (tumpukan) : Navigasi halaman baru di atas halaman lama, biasanya dengan tombol "back" untuk kembali. Navigasi Tab : Pengguna memilih tab untuk berpindah antar lay...