Experimen Layout dan dasar flutter

 https://zo9y06ejo9z0.zapp.page/#/

Komentar

Posting Komentar

Postingan populer dari blog ini

Membuat_login_figma

Gambar
  Belajar Pemrograman Mobile: Memahami UI/UX di Tahap Awal Halo! 👋 Saat ini saya sedang mempelajari pemrograman mobile , dan salah satu tahap penting yang tidak boleh dilewatkan adalah UI (User Interface) dan UX (User Experience) . Banyak orang berpikir bahwa membuat aplikasi hanya soal menulis kode. Padahal, sebelum sampai ke coding, kita perlu memahami bagaimana tampilan dan pengalaman aplikasi tersebut bisa nyaman, mudah digunakan, dan menarik bagi pengguna . 🔹 Apa itu UI dan UX? UI (User Interface) adalah tampilan antarmuka yang langsung dilihat oleh pengguna, misalnya warna, tombol, ikon, dan layout aplikasi. UX (User Experience) adalah pengalaman pengguna saat memakai aplikasi. Apakah aplikasinya mudah dipahami? Apakah alurnya jelas? Apakah pengguna merasa terbantu atau malah bingung? UI dan UX ini saling berkaitan. Desain yang bagus tapi susah dipakai tetap akan ditinggalkan pengguna. Sebaliknya, aplikasi yang nyaman dipakai meskipun sederhana akan lebih disuk...
Baca selengkapnya

Membuat widget

Gambar
   Mengenal widget dasar Flutter (Text, Image, Column, Row, Icon, Button) & membuat aplikasi sederhana. import 'package:flutter/material.dart'; void main() => runApp(const MyElegantProfileApp()); class MyElegantProfileApp extends StatelessWidget {   const MyElegantProfileApp({super.key});   @override   Widget build(BuildContext context) {     return MaterialApp(       title: 'Profil Revan Ramadhan',       debugShowCheckedModeBanner: false,       theme: ThemeData(         brightness: Brightness.dark,         fontFamily: 'Poppins',         useMaterial3: true,       ),       home: const ProfilePage(),     );   } } class ProfilePage extends StatefulWidget {   const ProfilePage({super.key});   @override   State<ProfilePage> createState() => _ProfilePageState(); } class _ProfilePa...
Baca selengkapnya

To-do list sederhana

Gambar
  Berikut deskripsi dari gambar yang kamu kirim 👇 Deskripsi Gambar: Gambar tersebut menampilkan tampilan aplikasi Todo List Cantik yang sedang dijalankan di DartPad , yaitu platform online untuk menulis dan menjalankan kode Flutter secara langsung di browser. Pada tampilan aplikasi terlihat: Judul aplikasi di bagian atas bertuliskan "Todo List Cantik" dengan latar biru cerah, memberikan kesan modern dan bersih. Di bawahnya terdapat kolom input teks dengan placeholder "Tambahkan tugas baru..." , yang berfungsi untuk menulis nama tugas yang ingin ditambahkan. Di sebelah kanan kolom input terdapat tombol bulat berwarna biru dengan ikon “+”, yang digunakan untuk menambahkan tugas baru ke dalam daftar. Bagian tengah layar masih kosong, dengan tulisan “Belum ada tugas 😄” , menandakan bahwa pengguna belum menambahkan tugas apa pun. Latar belakang aplikasi berwarna abu muda dengan nuansa lembut, menambah kesan minimalis dan elegan pada desain UI/UX . S...
Baca selengkapnya