Postingan

Aplikasi BMI calculator flutter

  Membuat Aplikasi BMI Calculator Menggunakan Flutter Pendahuluan BMI Calculator adalah aplikasi sederhana yang digunakan untuk menghitung Body Mass Index (BMI) atau Indeks Massa Tubuh. BMI membantu mengetahui apakah berat badan seseorang termasuk kurus, normal, gemuk, atau obesitas berdasarkan tinggi dan berat badan. Dengan Flutter, aplikasi ini dapat dibuat secara cepat, ringan, dan multiplatform (Android & iOS). Tujuan Pembuatan Aplikasi Memahami dasar pengembangan aplikasi Flutter Menerapkan input data dan perhitungan sederhana Membuat UI yang interaktif dan responsif Menghitung BMI secara otomatis Alat dan Teknologi Flutter SDK Dart Android Studio / VS Code Emulator atau smartphone Android Cara Kerja BMI Calculator Pengguna memasukkan: Berat badan (kg) Tinggi badan (cm) Rumus BMI: BMI = berat badan (kg) / (tinggi badan (m))² Hasil perhitungan akan menampilkan nilai BMI dan kategorinya. Kategori BMI BMI < 18,5 → Kurus...

Membuat Aplikasi To Do List Sederhana Menggunakan Flutter

Gambar
Membuat Aplikasi To Do List Sederhana Menggunakan Flutter Pendahuluan Flutter adalah framework UI open-source dari Google yang memungkinkan pengembang membuat aplikasi Android dan iOS dari satu basis kode. Flutter menggunakan bahasa pemrograman Dart dan menyediakan banyak widget siap pakai untuk membangun antarmuka yang modern dan responsif. Pada artikel ini, akan dibahas pembuatan aplikasi To Do List sederhana menggunakan Flutter. Aplikasi ini memungkinkan pengguna untuk: Menambahkan task Menandai task sebagai selesai Menghapus task dengan swipe Menampilkan tampilan UI yang menarik dengan Material 3 dan gradient Tujuan Aplikasi Tujuan dari pembuatan aplikasi ini adalah: Memahami penggunaan StatefulWidget Mengelola data menggunakan List dan Class Model Menggunakan Checkbox, Dismissible, dan ListView Menerapkan desain UI sederhana namun modern Struktur dan Konsep Aplikasi Aplikasi To Do List ini menggunakan beberapa konsep utama Flutter: MaterialApp sebagai root aplikasi State Managemen...

memperdalam ui flutter

Gambar
  Membuat UI Flutter Flutter merupakan framework dari Google yang digunakan untuk membangun antarmuka (User Interface/UI) aplikasi mobile dengan tampilan yang menarik dan responsif. Pada gambar di atas ditunjukkan contoh pembuatan UI sederhana menggunakan Flutter dengan memanfaatkan widget dasar seperti AppBar, Column, dan Row . Pada gambar pertama, tampilan aplikasi memiliki AppBar berwarna biru dengan judul “Desta Latihan” . Di bawahnya terdapat susunan Column yang ditampilkan secara vertikal. Setiap bagian diberi warna berbeda, yaitu merah untuk Column 1 , hijau untuk Column 2 , dan biru untuk Column 3 . Hal ini menunjukkan penggunaan widget Column untuk menyusun elemen secara ke bawah. Sementara itu, pada gambar kedua ditampilkan penggunaan widget Row . AppBar berwarna ungu dengan judul “Desta” berada di bagian atas. Di bawahnya terdapat tiga kotak berwarna merah, hijau, dan biru yang disusun secara horizontal dengan label Row 1 , Row 2 , dan Row 3 . Susunan ini menunjuk...

artikel tentang pengembangan gim

Gambar
 Berikut 2 artikel tentang pengembangan gim Artikel 1: Proses Pengembangan Gim dari Ide hingga Rilis Pengembangan gim merupakan proses kreatif yang memadukan teknologi, seni, dan logika. Proses ini dimulai dari sebuah ide sederhana yang kemudian dikembangkan menjadi gim yang dapat dimainkan dan dinikmati oleh banyak orang. Tahap pertama dalam pengembangan gim adalah perencanaan ide dan konsep. Pada tahap ini, pengembang menentukan genre gim, target pemain, alur cerita, serta tujuan permainan. Ide yang matang akan memudahkan proses pengembangan selanjutnya. Tahap kedua adalah desain dan pembuatan aset. Pengembang mulai merancang karakter, latar, aturan permainan, serta antarmuka pengguna. Desain yang menarik sangat penting agar pemain merasa nyaman dan tertarik saat bermain. Selanjutnya adalah pemrograman dan pengujian. Pada tahap ini, gim mulai dibuat menggunakan bahasa pemrograman atau game engine seperti Unity atau Unreal Engine. Setelah itu, gim diuji untuk memastikan tidak ada ...

review tugas foto profil pribadi

Gambar
foto profil kodingan zapp.run:  import 'package:flutter/material.dart'; void main() {   runApp(MyApp()); } class MyApp extends StatelessWidget {   @override   Widget build(BuildContext context) {     return MaterialApp(       title: 'Kartu Profil',       theme: ThemeData(         primarySwatch: Colors.blue,       ),       home: ProfilePage(),     );   } } class ProfilePage extends StatelessWidget {   @override   Widget build(BuildContext context) {     return Scaffold(       appBar: AppBar(         title: Text('Profil Saya'),         backgroundColor: Colors.blue,       ),       body: Center(         child: Padding(           padding: const EdgeInsets.all(16.0),           child: Card(   ...

membuat aplikasi to-do list sederhana dengan flutter

Gambar
  💻 Membuat Aplikasi To-Do List Sederhana dengan Flutter 🗓️ Hari/Tanggal Jumat, 10 Oktober 2025 👨‍💻 Nama (Desta Adila Kusuma) – Kelas XI PPLG 1 🔹 Pendahuluan Hari ini kami belajar mandiri dengan materi “Mengenal Lebih Dalam Widget Flutter” . Flutter adalah framework yang digunakan untuk membuat aplikasi mobile, web, dan desktop menggunakan bahasa Dart . Tugas kali ini adalah membuat aplikasi To-Do List sederhana , yaitu aplikasi untuk mencatat daftar kegiatan atau tugas harian. 🔹 Tujuan Pembelajaran Memahami dasar penggunaan widget di Flutter Mampu membuat aplikasi sederhana dengan logika penambahan dan penghapusan data Melatih kemandirian dalam belajar dan eksplorasi kode 🔹 Langkah-Langkah 1️⃣ Buka situs https://dartpad.dev 2️⃣ Salin kode berikut ke editor DartPad: import 'package:flutter/material.dart'; void main() { runApp(const ToDoApp()); } class ToDoApp extends StatelessWidget { const ToDoApp({super.key}); @override Widget buil...

Membuat Aplikasi Flutter dengan Layout Responsif, Navigasi, dan Dynamic Theme

  Membuat Aplikasi Flutter dengan Layout Responsif, Navigasi, dan Dynamic Theme Flutter adalah framework UI yang sangat powerful untuk membuat aplikasi mobile yang cantik dan responsif. Pada tutorial kali ini, kita akan belajar membuat aplikasi dengan fitur-fitur berikut: Layout Responsif yang menyesuaikan tampilan berdasarkan ukuran layar. Navigasi antar halaman menggunakan BottomNavigationBar dan Navigator. Stateful Widget dengan mekanisme setState untuk update UI. Dynamic Theme yang memungkinkan pengguna toggle antara tema terang dan gelap. Penggunaan widget Column, Row, Flexible, dan Expanded untuk tata letak yang rapi. Contoh halaman Home, Favorite, dan Profile lengkap dengan toggle favorit dan foto profil. Struktur Aplikasi MainApp : Stateful widget yang mengatur tema aplikasi dan halaman utama. MainPage : Scaffold dengan AppBar, BottomNavigationBar, dan body yang berubah sesuai tab yang dipilih. HomePage : Menampilkan daftar item dengan...