🚀 Belajar Flutter Bersama

Gak Pake Antre! Solusi Praktis Pesan Makanan Kantin Secara Online Ucapkan selamat tinggal pada kerumunan kantin saat jam istirahat. Jam istirahat sekolah atau kantor seringkali jadi momen yang paling ditunggu. Tapi, kenyataannya kita malah sering kehabisan waktu cuma buat antre makanan atau nyari meja yang kosong. Belum lagi kalau menu yang kita pengen ternyata udah habis. Menyebalkan, bukan? Nah, untuk mengatasi masalah klasik ini, lahirlah sebuah inovasi modern: Web Pemesanan Makanan Kantin . Platform ini dirancang khusus untuk memangkas waktu tunggu kamu dan membuat proses jajan jadi jauh lebih efisien. Mengapa Harus Pakai Web Pemesanan Kantin? ⚡ Pesan dari Mana Saja Kamu bisa pesan makanan langsung dari kelas atau kubikel kerja bahkan sebelum bel istirahat berbunyi. 📊 Menu Real-Time Ga...

Bikin Aplikasi Jadwal Pelajaran Modern dengan Flutter Konsep Glossy Glassmorphism & CRUD Sederhana Halo sobat dev! Hari ini kita bakal bahas cara bikin aplikasi Jadwal Pelajaran yang nggak cuma fungsional, tapi juga punya tampilan yang eye-candy . Kita bakal pake Flutter dengan tema White Glossy Glass . Fitur Utama: ✨ Modern UI Efek blur transparan (Glassmorphism). 📝 CRUD Ready Tambah, edit, dan hapus jadwal secara real-time. ⚡ DartPad Friendly Satu file kode yang langsung jalan. Cara Penggunaan: Copy kode di bawah, buka DartPad , lalu paste dan jalankan! main.dart import 'package:flutter/material.dart'; import 'dart:ui'; void main() => runApp(const GlassScheduleApp()); class GlassScheduleApp extends StatelessWidget { const GlassScheduleApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( debugShow...

Pembuatan Aplikasi Jadwal Pelajaran Menggunakan Flutter dengan Fitur CRUD Dalam era digital saat ini, pemanfaatan teknologi dalam dunia pendidikan menjadi semakin penting. Salah satu bentuk implementasinya adalah pembuatan aplikasi jadwal pelajaran berbasis mobile. Aplikasi ini bertujuan untuk membantu siswa maupun guru dalam mengelola jadwal secara lebih efektif dan efisien. Pada artikel ini, akan dibahas pembuatan aplikasi jadwal pelajaran menggunakan Flutter dengan bahasa pemrograman Dart yang dilengkapi dengan fitur CRUD (Create, Read, Update, Delete). Pengertian Flutter dan Dart Flutter merupakan framework open-source yang dikembangkan oleh Google untuk membangun aplikasi mobile berbasis Android dan iOS dengan satu basis kode. Sementara itu, Dart adalah bahasa pemrograman yang digunakan dalam pengembangan aplikasi Flutter. Konsep CRUD dalam Aplikasi CRUD adalah singkatan dari: Create (menambah data) Read (menampilkan data) Update (mengubah data) Delete (menghapus data) ...

📱 Membuat Aplikasi Jadwal Pelajaran dengan Flutter (CRUD) Pada artikel ini, kita akan belajar membuat aplikasi jadwal pelajaran menggunakan Flutter. Aplikasi ini memiliki fitur lengkap seperti Tambah, Edit, dan Hapus (CRUD) serta dilengkapi dengan input hari dan jam . 🚀 Fitur Aplikasi Menambahkan jadwal pelajaran Mengedit jadwal Menghapus jadwal Memilih hari (Senin - Sabtu) Input jam pelajaran 📦 Struktur Data Kita akan menggunakan class sederhana untuk menyimpan data jadwal: class Schedule { String subject; String day; String time; Schedule({required this.subject, required this.day, required this.time}); } 💻 Kode Lengkap Flutter Berikut adalah kode lengkap untuk membuat aplikasi jadwal pelajaran: import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class Schedule { String subject; String day; String time; Schedule({required this.subject, required this.day, required this.time}); } class MyApp extends ...

Personal Dashboard – Flutter Web 👤 Muhammad Iqbal Flutter Web Developer • UI Explorer About This Dashboard Ini adalah personal dashboard berbasis Flutter Web yang berfokus pada tampilan modern, animasi halus, dan gaya glassmorphism. Project ini dibuat sebagai eksplorasi UI interaktif dan personal branding agar terlihat clean, futuristik, dan nyaman dipandang. import 'dart:ui'; 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: DashboardPage(), ); } } /* ================= DASHBOARD ================= */ class DashboardPage extends StatefulWidget { const DashboardPage({super.key}); @override State createSta...

Belajar Web MSI + Statistik Interaktif Belajar Membuat Web BMI Kita belajar membuat web MSI/BMI yang rapih, elegan, dan interaktif . Web ini punya input data diri, tombol hitung, hasil BMI, dan rekomendasi kesehatan. 1 Desain Input Input data dipisahkan ke dalam card agar rapi. Field umur, berat, tinggi diberi icon supaya interaktif. <div class="card">   <input type="number" placeholder="Umur">   <input type="number" placeholder="Berat (kg)">   <input type="number" placeholder="Tinggi (cm)"> </div> 2 Tombol Hitung Tombol "Hitung BMI" diletakkan terpisah agar user mudah menekannya. Tombol full-width dengan warna menonjol. <button>Hitung BMI</button> ...