Postingan

Membuat aplikasi to-do-list di dartpad

Gambar
import 'package:flutter/material.dart'; void main() {   runApp(const TodoApp()); } class TodoApp extends StatelessWidget {   const TodoApp({super.key});   @override   Widget build(BuildContext context) {     return MaterialApp(       debugShowCheckedModeBanner: false,       title: 'To-Do List',       theme: ThemeData(         primarySwatch: Colors.blue,         scaffoldBackgroundColor: const Color(0xffF5F7FA),       ),       home: const TodoPage(),     );   } } class TodoPage extends StatefulWidget {   const TodoPage({super.key});   @override   State<TodoPage> createState() => _TodoPageState(); } class _TodoPageState extends State<TodoPage> {   final List<Map<String, dynamic>> tasks = [];   final TextEditingController controller = TextEditingController();   void addTask() {...

Cara membuat kalkulator BMI di dartpad

Gambar
🧮 Kalkulator BMI Menggunakan DartPad DartPad adalah platform online yang dapat digunakan untuk menulis dan menjalankan kode Dart secara langsung melalui browser. Dengan DartPad, kita dapat membuat dan mencoba aplikasi sederhana tanpa harus menginstal Flutter atau software tambahan. 📱 Kalkulator BMI Kalkulator BMI dibuat untuk menghitung nilai Body Mass Index (BMI) berdasarkan berat dan tinggi badan pengguna. ⚙️ Cara Kerja 1.👤 Pengguna memasukkan berat badan (kg). 2.📏 Pengguna memasukkan tinggi badan (cm). 3.🔄 Sistem mengubah tinggi badan menjadi meter. 4.🧮 Sistem menghitung BMI menggunakan rumus: BMI = berat badan ÷ (tinggi × tinggi) 5.📊 Hasil BMI ditampilkan pada layar. 💻 Langkah Membuat di DartPad 1. Buka DartPad Masuk ke DartPad melalui browser. 2. Pilih Flutter Pilih mode Flutter agar dapat membuat tampilan aplikasi. 3. Masukkan kode Tulis atau tempel kode program Kalkulator BMI ke editor DartPad. 4. Jalankan program Klik tombol Run untuk menjalankan aplikasi. 5. Uji kalkul...

Membuat Aplikasi Flutter Pertama Menggunakan DartPad

Gambar
🚀 Membuat Aplikasi Flutter Pertama Menggunakan DartPad: Belajar Flutter Tanpa Instalasi! «"Ingin membuat aplikasi Android tetapi belum ingin menginstal Android Studio? Tenang! Dengan DartPad, kamu bisa mulai belajar Flutter hanya menggunakan browser."» Flutter merupakan salah satu framework paling populer saat ini untuk mengembangkan aplikasi lintas platform. Berkat kemampuannya membuat aplikasi Android, iOS, Web, hingga Desktop hanya dengan satu kode program, Flutter menjadi pilihan banyak developer di seluruh dunia. Bagi pemula, proses instalasi Flutter terkadang terasa rumit. Oleh karena itu, Google menyediakan DartPad, sebuah editor online yang memungkinkan kita mencoba Flutter secara langsung tanpa perlu menginstal apa pun. --- 🌟 Mengenal Flutter Flutter adalah framework open-source yang dikembangkan oleh Google untuk membangun aplikasi yang cepat, modern, dan memiliki tampilan menarik. Flutter menggunakan bahasa pemrograman Dart serta menerapkan konsep Widget, yaitu s...

Memahami Konsep Aplikasi Mobile dan Flutter

1. Pengertian Aplikasi Mobile: Aplikasi mobile adalah perangkat lunak yang dirancang khusus untuk dijalankan pada smartphone atau tablet. Aplikasi ini dibuat agar pengguna dapat melakukan berbagai aktivitas dengan lebih mudah, seperti berkomunikasi, belajar, bekerja, berbelanja, bermain game, hingga mengakses informasi kapan saja dan di mana saja. Saat ini, aplikasi mobile menjadi bagian penting dalam kehidupan sehari-hari karena memberikan kemudahan dan efisiensi dalam berbagai bidang. 2. Perbedaan Desktop, Web, dan Mobile: Aplikasi desktop adalah aplikasi yang diinstal dan dijalankan pada komputer atau laptop. Jenis aplikasi ini umumnya memiliki performa yang baik karena menggunakan sumber daya perangkat secara langsung. Aplikasi web adalah aplikasi yang dapat diakses melalui browser seperti Google Chrome atau Microsoft Edge tanpa perlu diinstal. Pengguna hanya membutuhkan koneksi internet untuk mengaksesnya. Aplikasi mobile adalah aplikasi yang dirancang khusus untuk perangkat Andro...