Postingan

LKPD PRAKTIKUM FLUTTER

📱 Praktik Flutter: Aplikasi Jadwal Pelajaran (CRUD + setState) 🎯 Tujuan Pada praktik ini, kita akan membuat aplikasi sederhana untuk mengelola jadwal pelajaran. Fitur yang akan dibuat: Menambahkan jadwal (Create) Menampilkan daftar jadwal (Read) Mengedit jadwal (Update) Menghapus jadwal (Delete) State akan dikelola menggunakan setState tanpa state management tambahan. 🧱 Struktur Data Kita mulai dengan membuat model sederhana: class Jadwal { String mataPelajaran; String hari; String jam; Jadwal({ required this.mataPelajaran, required this.hari, required this.jam, }); } 🏠 Halaman Utama (Home Page) Berikut implementasi utama dengan StatefulWidget : import 'package:flutter/material.dart'; void main() { runApp(MaterialApp( home: HomePage(), )); } class HomePage extends StatefulWidget { @override _HomePageState createState() => _HomePageState(); } class _HomePageState extends State<HomePage> { List<Jadwal> listJadwal = []; ...
Posting Komentar
Baca selengkapnya

MEMBUAT JADWAL PELAJARAN

 ini kode aplikasi yang saya buat: // pubspec.yaml /* name: jadwal_pelajaran description: Aplikasi Jadwal Pelajaran Bernuansa Pink publish_to: 'none' version: 1.0.0+1 environment:   sdk: '>=3.0.0 <4.0.0' dependencies:   flutter:     sdk: flutter   intl: ^0.18.1   shared_preferences: ^2.2.2 dev_dependencies:   flutter_test:     sdk: flutter   flutter_lints: ^2.0.0 flutter:   uses-material-design: true */ import 'package:flutter/material.dart'; import 'package:intl/intl.dart'; import 'package:shared_preferences/shared_preferences.dart'; import 'dart:convert'; void main() {   runApp(const MyApp()); } class MyApp extends StatelessWidget {   const MyApp({super.key});   @override   Widget build(BuildContext context) {     return MaterialApp(       title: 'Jadwal Pelajaran',       theme: ThemeData(         primarySwatch: Colors.pink,     ...
Posting Komentar
Baca selengkapnya

Membuat aplikasi BMI

Gambar
  ## 📱 Belajar Flutter: Membuat Aplikasi BMI dengan Status Ideal / Tidak Ideal berikut link aplikasi jika ingin mencoba nya: https://zk10006h2k101.zapp.page/#/ Halo semuanya 👋 Di postingan kali ini aku mau sharing hasil belajar Flutter dengan membuat **aplikasi BMI (Body Mass Index)** sederhana tapi cukup lengkap. Aplikasi ini aku buat sebagai latihan untuk memahami **form input, state management, dan logika perhitungan di Flutter**. Walaupun simpel, project ini lumayan membantu buat memahami dasar-dasar Flutter. berikut kode aplikasi yang saya buat: import 'package:flutter/material.dart'; void main() {   runApp(const MyApp()); } class MyApp extends StatelessWidget {   const MyApp({super.key});   @override   Widget build(BuildContext context) {     return const MaterialApp(       debugShowCheckedModeBanner: false,       home: BmiPage(),     );   } } class BmiPage extends StatefulWidget {   const BmiPa...
Posting Komentar
Baca selengkapnya

membuat aplikasi BMI

Gambar
  ## 📱 Belajar Flutter: Membuat Aplikasi BMI Sederhana berikut codingan yang saya buat: import 'package:flutter/material.dart'; void main() {   runApp(const MyApp()); } class MyApp extends StatelessWidget {   const MyApp({super.key});   @override   Widget build(BuildContext context) {     return const MaterialApp(       debugShowCheckedModeBanner: false,       home: BmiPage(),     );   } } class BmiPage extends StatefulWidget {   const BmiPage({super.key});   @override   State<BmiPage> createState() => _BmiPageState(); } class _BmiPageState extends State<BmiPage> {   final TextEditingController nameController = TextEditingController();   final TextEditingController ageController = TextEditingController();   final TextEditingController heightController = TextEditingController();   final TextEditingController weightController = TextEditingController();   ...
Posting Komentar
Baca selengkapnya

To do list part 2

Gambar
   link flutter nya :  https://dehira.blogspot.com/2026/02/to-do-list.html Membuat To Do List Flutter dengan Background Pink Pastel Pada artikel ini kita akan membuat aplikasi **To Do List sederhana menggunakan Flutter**, dengan tampilan yang lebih menarik karena **bagian bawah aplikasi diberi warna background pink pastel**. Cocok banget buat pemula yang lagi belajar UI Flutter atau tugas kuliah. --- ## 🔧 Kode Lengkap Aplikasi Flutter ```dart 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',       debugShowCheckedModeBanner: false,       home: TodoPage(),     );   } } // =================== // HALAMAN UTAMA // =================== class TodoPage extends S...
Posting Komentar
Baca selengkapnya