Praktikum Flutter: Analisis dan Modifikasi Program Counter App Nama Lengkap : SANDI SEFTIAN Kelas : XI RPL 2 No Absen : 30 Pendahuluan Pada praktikum ini saya mempelajari dasar pemrograman Flutter menggunakan program Counter App. Program ini digunakan untuk memahami konsep StatefulWidget, setState(), dan bagaimana Flutter memperbarui tampilan ketika data berubah. Tugas 1 - Hasil Pengamatan Saat program pertama kali dijalankan, nilai counter atau jumlah masih bernilai 0. Ketika tombol ditekan, nilai jumlah akan bertambah satu setiap kali tombol diklik. Perubahan nilai tersebut langsung ditampilkan pada layar aplikasi. Program memanfaatkan StatefulWidget sehingga data dapat berubah selama aplikasi berjalan. Selain itu, fungsi setState() digunakan untuk memperbarui tampilan ketika nilai berubah. Tugas 2 - Analisis Kode Program 1. Fungsi main() Fungsi main() merupakan titik awal eksekusi program Flutter. Fungsi ini menjalankan aplikasi menggunakan runApp()....
Postingan
- Dapatkan link
- X
- Aplikasi Lainnya
Project Aplikasi Jastip Kantin Sekolah 🚀 Project Website Sekolah Aplikasi Jastip Kantin Sekolah Solusi modern untuk mempermudah siswa membeli makanan di kantin sekolah secara online tanpa antre panjang. 📌 Tentang Project Project ini merupakan aplikasi berbasis web yang dibuat untuk membantu siswa melakukan pemesanan makanan dan minuman di kantin sekolah secara online. Dengan sistem ini, siswa dapat memesan makanan lebih cepat dan efisien langsung dari smartphone mereka. 🎯 Tujuan Project: Membuat sistem digital kantin sekolah yang lebih praktis, cepat, dan modern agar proses pemesanan makanan menjadi lebih efisien. ✨ Fitur Utama ✅ Login dan registrasi pengguna ✅ Pemesanan makanan online ✅ Daftar menu kantin ✅ Status pesanan realtime ✅ Responsive untuk HP dan Laptop ✅ Tampilan modern dan user friendly 💻 Tek...
tugass jadwal pelajaran sandi
- Dapatkan link
- X
- Aplikasi Lainnya
📱 Aplikasi Jadwal Pelajaran Flutter dengan CRUD & UI Modern Pada artikel ini, saya akan membagikan cara membuat aplikasi jadwal pelajaran menggunakan Flutter yang sudah dilengkapi fitur CRUD (Create, Read, Update, Delete) serta menggunakan database SQLite. 📦 Dependency dependencies: flutter: sdk: flutter sqflite: ^2.3.0 path: ^1.8.3 🧠 Model Schedule class Schedule { int? id; String subject; String day; String time; String teacher; Schedule({ this.id, required this.subject, required this.day, required this.time, required this.teacher, }); Map toMap() { return { 'id': id, 'subject': subject, 'day': day, 'time': time, 'teacher': teacher, }; } factory Schedule.fromMap(Map map) { return Schedule( id: map['id'], subject: map['subject'], day: map['day'], time: map['time'], teacher: map['teacher'], ); } } 💾 Database Helper ...
tugas jadwal pelajaran
- Dapatkan link
- X
- Aplikasi Lainnya
📱 Aplikasi Jadwal Pelajaran Flutter dengan CRUD, SQLite & UI Modern Biru Putih Di era digital seperti sekarang, hampir semua aktivitas sudah terbantu dengan teknologi, termasuk dalam mengatur jadwal pelajaran. Jika sebelumnya kita mencatat jadwal secara manual di buku, kini kita bisa membuatnya menjadi sebuah aplikasi mobile yang praktis dan modern. Pada artikel ini, saya akan membagikan project Aplikasi Jadwal Pelajaran menggunakan Flutter yang sudah dilengkapi dengan fitur CRUD (Create, Read, Update, Delete) serta menggunakan SQLite sebagai database lokal . Tidak hanya itu, aplikasi ini juga memiliki tampilan UI modern dengan tema biru putih yang clean dan nyaman digunakan. 🎯 Tujuan Pembuatan Aplikasi Aplikasi ini dibuat dengan tujuan untuk membantu siswa dalam mengelola jadwal pelajaran secara lebih efektif dan efisien. Selain itu, project ini juga sangat cocok digunakan sebagai bahan pembelajaran bagi pemula ...
Membuat BMI kalkulator
- Dapatkan link
- X
- Aplikasi Lainnya
💚 Aplikasi BMI Flutter dengan UI Modern & Gen-Z Friendly Di era sekarang, aplikasi kesehatan nggak cuma soal fungsi, tapi juga soal tampilan . Nah di artikel ini, kita bakal ngebahas aplikasi BMI Calculator berbasis Flutter dengan desain glassmorphism , gradasi warna soft, dan UX yang ramah semua umur—terutama Gen-Z 😎 📌 Apa itu BMI? BMI ( Body Mass Index ) adalah metode sederhana untuk mengetahui apakah berat badan kita tergolong ideal atau tidak berdasarkan tinggi dan berat badan . Rumus BMI: Berat Badan (kg) ÷ (Tinggi Badan (m) × Tinggi Badan (m)) ✨ Fitur Utama Aplikasi 🎨 UI modern dengan efek glass & gradient 📏 Input tinggi & berat badan 🧑🤝🧑 Pilihan gender 📊 Hasil BMI real-time 💡 Saran kesehatan otomatis 📱 Responsive & clean design 🧠 Cara Kerja Aplikasi User memasukkan tinggi badan User memasukkan berat badan User m...
- Dapatkan link
- X
- Aplikasi Lainnya
Penjelasan Coding Aplikasi To Do List Flutter (Fokus pada Widget & Fungsinya) Aplikasi ini dibuat menggunakan Flutter dengan bahasa Dart. Flutter menggunakan konsep widget, yaitu komponen UI yang membentuk tampilan aplikasi. Hampir semua yang terlihat di layar adalah widget. 1️⃣ Fungsi main() dan runApp() void main() { runApp(MyApp()); } main() adalah titik awal aplikasi. runApp() menjalankan widget utama (MyApp) dan menampilkannya ke layar. 👉 Tanpa runApp, aplikasi tidak akan tampil. 2️⃣ Widget MyApp (Root Aplikasi) class MyApp extends StatelessWidget { 🔹 Kenapa StatelessWidget? Karena MyApp tidak berubah-ubah, hanya sebagai pembungkus aplikasi. Widget penting di dalamnya: MaterialApp( title: 'To Do List Sederhana', debugShowCheckedModeBanner: false, home: TodoPage(), ) Penjelasan: MaterialApp → widget utama untuk aplikasi berbasis Material Design title → judul aplikasi debugShowCheckedModeBanner: false → menghilangkan tulisan DEBUG home → halam...
membuat app mobile sederhana
- Dapatkan link
- X
- Aplikasi Lainnya
Membuat app mobile sederhana 1.membuat tampilan sederhana -appbar dengan judul -body berisi column -minimal 3 widget text dengan kode: 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( home: HomeScreen(), ); } } class HomeScreen extends StatelessWidget { const HomeScreen({super.key}); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text('Latihan'), backgroundColor: Colors.blue, ), body: Padding( padding: const EdgeInsets.all(16.0), child: Column( ...