Postingan

Menampilkan postingan dari Agustus, 2026

Membuat aplikasi to do list di dart pad

Gambar
MEMBUAT APLIKASI TO DO LIST DI DART PAD:DARI CODING HINGGA SIAP DI KEMBANGKAN MENJADI APLIKASI Membuat aplikasi mobile tidak selalu harus dimulai dengan proyek yang kompleks. Salah satu proyek sederhana yang cocok untuk belajar pemrograman aplikasi adalah To-Do List. Aplikasi To-Do List memungkinkan pengguna mencatat berbagai aktivitas atau pekerjaan yang harus dilakukan, kemudian menandai tugas tersebut sebagai selesai. Pada tutorial ini, kita akan belajar membuat konsep aplikasi To-Do List menggunakan DartPad. Setelah memahami struktur dan logikanya, project tersebut dapat dikembangkan lebih lanjut menggunakan Flutter hingga nantinya dapat di-build menjadi aplikasi Android atau APK. 1. Apa Itu DartPad? DartPad adalah editor kode online yang disediakan untuk menjalankan bahasa pemrograman Dart langsung melalui browser. DartPad cocok digunakan untuk belajar karena kita tidak perlu langsung menginstal berbagai software seperti Android Studio atau Visual Studio Code. DartPad dapat diguna...

MATERI PEMBELAJARAN FLUTTER — MEMAHAMI WIDGET

Gambar
           PEMBELAJARAN FLUTTER — MEMAHAMI WIDGET 1. Tujuan Pembelajaran Setelah mempelajari materi ini, peserta didik diharapkan mampu: 1. Menjelaskan pengertian widget pada Flutter. 2. Memahami fungsi widget dalam membangun aplikasi Flutter. 3. Membedakan "StatelessWidget" dan "StatefulWidget". 4. Mengenal beberapa widget dasar Flutter. 5. Membuat tampilan sederhana menggunakan widget. 6. Memahami konsep widget tree. --- 2. Pengertian Flutter Flutter adalah framework yang digunakan untuk membuat aplikasi dengan satu basis kode untuk berbagai platform, seperti Android, iOS, web, dan desktop. Flutter menggunakan bahasa pemrograman Dart. Salah satu konsep terpenting dalam Flutter adalah Widget. --- 3. Apa Itu Widget? Widget adalah komponen dasar yang digunakan untuk membangun tampilan dan perilaku aplikasi Flutter. Hampir semua bagian aplikasi Flutter merupakan widget, mulai dari: - Teks - Tombol - Gambar - Kotak atau container - Baris dan kolom - Halaman ap...

Membuat Aplikasi BMI Calculator di Flutter dengan Provider

Gambar
  MEMBUAT APLIKASI BMI CALCULATOR DI FLUTTER DENGAN FROVIDER   Membuat aplikasi sederhana adalah salah satu cara yang bagus untuk belajar Flutter. Pada tutorial kali ini, kita akan membuat BMI Calculator (Body Mass Index) menggunakan Flutter dan package Provider untuk mengelola state aplikasi. Aplikasi ini memungkinkan pengguna mengatur tinggi dan berat badan menggunakan slider, kemudian menghitung nilai BMI berdasarkan data tersebut. Apa Itu BMI? BMI atau Body Mass Index adalah salah satu metode sederhana untuk menghitung perbandingan berat badan terhadap tinggi badan. Rumus BMI adalah: BMI = berat badan (kg) / tinggi badan² (m) Sebagai contoh, seseorang dengan tinggi 170 cm dan berat 70 kg memiliki BMI sekitar 24,2. Pada aplikasi ini, hasil BMI dibagi menjadi tiga kategori sederhana: - Underweight — BMI ≤ 18,5 - Normal — BMI > 18,5 dan < 25 - Overweight — BMI ≥ 25 «Catatan: kategori BMI adalah penyederhanaan untuk kebutuhan aplikasi pembelajaran dan bukan diagnosis med...