Posts

Aplikasi Kalkulator BMI sederhana🧍‍♂️⬆️

Image
  Membuat Aplikasi Kalkulator BMI Menggunakan Flutter (Tema Dark Hitam–Merah) Pada artikel ini saya akan membahas struktur dan fitur aplikasi Kalkulator BMI (Body Mass Index) yang dibuat menggunakan Flutter . Aplikasi ini dirancang dengan tampilan dark theme (hitam–merah) , animasi interaktif, serta responsif di berbagai ukuran layar (HP, tablet, hingga desktop). Aplikasi ini cocok sebagai: Proyek latihan Flutter Contoh UI/UX modern Referensi aplikasi kalkulator kesehatan sederhana 1. Apa itu BMI? BMI (Body Mass Index) adalah metode sederhana untuk mengetahui apakah berat badan seseorang termasuk: Kurus (Underweight) Normal Kelebihan berat badan (Overweight) Obesitas Rumus BMI: Metric : berat (kg) / (tinggi (m) × tinggi (m)) Imperial : 703 × berat (lb) / (tinggi (in) × tinggi (in)) Aplikasi ini mendukung dua sistem satuan tersebut. 2. Struktur Utama Aplikasi Flutter Aplikasi disusun dalam satu file main.dart dengan beberapa bagian utama: MyApp → root aplikasi dan pengaturan te...

Widget Pada Aplikasi To Do List Sederhana

Image
📱 Membuat Aplikasi To Do List Sederhana dengan Flutter (Background Image) Pada artikel ini, saya akan membahas cara membuat aplikasi To Do List sederhana menggunakan Flutter , lengkap dengan background image berulang (repeat) serta fitur tambah dan hapus catatan . Aplikasi ini dibuat menggunakan widget dasar Flutter sehingga cocok untuk pemula yang sedang belajar Flutter . 🧩 Fitur Aplikasi Menambahkan catatan tugas Menghapus catatan Menampilkan pesan jika belum ada catatan Menggunakan background image (repeat) Tampilan sederhana dan rapi 📌 Source Code Lengkap Berikut adalah kode Flutter lengkap yang digunakan pada aplikasi ini: import 'package:flutter/material.dart' ; void main () {   runApp ( MyApp ()); } // =================== // ROOT APLIKASI // =================== class MyApp extends StatelessWidget {   @override   Widget build ( BuildContext context ) {     return MaterialApp (       title : 'To Do List Sederhana' ,   ...

Belajar Flutter

Image
  Laporan Pembelajaran Mandiri Flutter Mata Pelajaran: Pemrograman Mobile Nama: Rizqi Resdhiana Kelas: XI RPL II 📝 Cerita Singkat Kegiatan Hari Ini Pada pembelajaran hari ini, saya melakukan kegiatan belajar mandiri sesuai dengan instruksi guru. Fokus pembelajaran adalah mengombinasikan beberapa widget Flutter untuk membangun satu halaman aplikasi sederhana yang rapi dan dapat dijalankan tanpa error. Dalam proses pengerjaan, saya mencoba memahami fungsi masing-masing widget serta bagaimana cara menyusunnya agar tampilan aplikasi terlihat lebih terstruktur. Jika terjadi kesalahan (error), saya mencoba memperbaikinya sendiri dengan membaca kembali kode dan melakukan eksperimen kecil. Pembelajaran ini membantu saya memahami bahwa membuat UI Flutter membutuhkan ketelitian, kesabaran, dan banyak percobaan. 🧩 Widget yang Digunakan Pada aplikasi Flutter yang saya buat, saya telah menggunakan widget-widget berikut: MaterialApp sebagai root aplikasi Scaffold sebagai kerangka halama...