Postingan

Praktikum Flutter: Analisis dan Modifikasi Program Counter App

Nama Lengkap: Caca Ardiansyah Kelas: XI RPL 2 Nomor Absen:  4 Pendahuluan Pada praktikum kali ini saya mempelajari dasar-dasar pemrograman Flutter menggunakan aplikasi sederhana bernama Counter App . Praktikum ini bertujuan untuk memahami struktur program Flutter, fungsi widget yang digunakan, alur kerja aplikasi, serta melakukan modifikasi sederhana pada kode program. Melalui kegiatan ini saya dapat mengetahui bagaimana Flutter bekerja dalam menampilkan antarmuka pengguna dan bagaimana perubahan data dapat langsung diperbarui pada layar menggunakan fungsi setState() . Tugas 1 - Hasil Pengamatan Program Setelah menjalankan program pada DartPad Flutter, diperoleh hasil pengamatan sebagai berikut: Apa judul aplikasi yang tampil? Judul aplikasi yang tampil adalah Counter App . Berapa nilai awal yang ditampilkan? Nilai awal yang ditampilkan adalah 0 . Apa yang terjadi ketika tombol "+" ditekan? Ketika tombol "+...
Posting Komentar
Baca selengkapnya

Membuat Aplikasi Dengan Fitur Kirim Pesan Via Whatsaap - Dart Flutter

Gambar
Tutorial Flutter Membuat aplikasi dengan fitur Kirim Pesan ke WhatsApp Pada tutorial ini, kita akan belajar membuat aplikasi berbasis Flutter Web yang memungkinkan pengguna mengirim pesan langsung ke WhatsApp. Tampilan dibuat modern dengan efek glassmorphism sehingga terlihat elegan dan profesional. 🎯 Tujuan Aplikasi Input pesan Tombol kirim ke WhatsApp Validasi pesan UI modern (gradient + glass effect) Notifikasi interaktif 🧱 Struktur Dasar Program 1. Main Function void main() { runApp(const MyApp()); } Ini adalah entry point aplikasi Flutter. 2. MaterialApp MaterialApp( title: 'CMessege', debugShowCheckedModeBanner: false, theme: ThemeData( useMaterial3: true, ), ); 3. Stateful Widget class AnonymousMessagePage...
Posting Komentar
Baca selengkapnya

Praktikum Flutter: Aplikasi Jadwal Pelajaran (CRUD + setState)

Berikut versi yang sudah dirapikan dan lebih sistematis 👇 --- Praktikum Flutter: Aplikasi Jadwal Pelajaran (CRUD + setState) Pendahuluan Pada praktikum ini, akan dibuat sebuah aplikasi sederhana menggunakan Flutter untuk mengelola jadwal pelajaran. Aplikasi ini menerapkan konsep CRUD (Create, Read, Update, Delete) dan menggunakan setState untuk memperbarui tampilan secara dinamis. Praktikum ini sangat cocok bagi pemula yang ingin memahami manajemen state dasar di Flutter tanpa menggunakan library tambahan seperti Provider atau Bloc. --- Tujuan Setelah menyelesaikan praktikum ini, diharapkan dapat: Membuat tampilan list data di Flutter Menambahkan data (Create) Menampilkan data (Read) Mengubah data (Update) Menghapus data (Delete) Menggunakan setState untuk memperbarui UI --- Persiapan Sebelum memulai, pastikan telah: Menginstal Flutter SDK Menggunakan editor seperti VS Code atau Android Studio Membuat project baru dengan perintah: flutter create jadwal_pelajaran_app cd jadwal_pelajara...
Posting Komentar
Baca selengkapnya

Membuat Aplikasi BMI Calculator dengan Flutter

Gambar
  Membuat Aplikasi BMI Calculator dengan Flutter Flutter merupakan framework UI dari Google yang memungkinkan kita membangun aplikasi mobile dengan tampilan modern dan performa tinggi hanya dengan satu basis kode. Pada artikel ini, kita akan membuat aplikasi BMI Calculator sederhana menggunakan Flutter dengan Material 3 . Aplikasi ini dapat menghitung Body Mass Index (BMI) berdasarkan: Jenis kelamin Umur Tinggi badan Berat badan Hasil perhitungan akan menampilkan kategori BMI lengkap dengan indikator visual. Apa itu BMI? Body Mass Index (BMI) adalah nilai yang digunakan untuk mengetahui apakah berat badan seseorang tergolong: Berat rendah Normal Berat berlebih Obesitas Rumus BMI: BMI = berat badan (kg) / (tinggi badan (m))² Fitur Aplikasi Aplikasi BMI Calculator yang kita buat memiliki fitur berikut: Input jenis kelamin (ChoiceChip) Input umur Input tinggi badan (cm) Input berat badan (kg) Perhitungan BMI otomatis Kategori BMI deng...
Posting Komentar
Baca selengkapnya