Aria Rizky p.

  📌 Pendahuluan Di era digital, efisiensi adalah kunci. Bayangkan jika siswa atau karyawan harus mencatat absensi manual dan mengingat jadwal pelajaran atau meeting tanpa pengingat. Ribet, kan? Nah, solusinya adalah aplikasi absensi berbasis digital yang terintegrasi dengan pengingat jadwal . Dengan satu aplikasi ini, kita bisa: ✔ Memantau kehadiran secara real-time. ✔ Menyimpan data absensi di cloud. ✔ Memberi pengingat jadwal otomatis agar tidak ada yang terlewat. Dan asiknya, kita akan membuat ini menggunakan Flutter —framework UI yang multiplatform (Android, iOS, Web, bahkan Desktop). 💡 Manfaat Aplikasi Ini Kenapa aplikasi ini penting? Berikut manfaatnya: ✅ Untuk Siswa/Guru: Siswa tidak lagi lupa pelajaran karena ada notifikasi pengingat. Guru bisa mengecek absensi dengan cepat. ✅ Untuk Perusahaan: Monitoring kehadiran karyawan lebih efisien. Pengingat meeting otomatis tanpa harus pakai chat manual. ✅ Untuk Developer: Belajar konsep CRUD (Creat...

Halo, teman-teman developer! 👋 Zaman sekarang, hampir semua aplikasi butuh halaman Login biar kelihatan profesional dan aman. Nah, di artikel ini kita bakal belajar cara bikin desain halaman login mobile yang kece pakai Flutter , dan asyiknya bisa langsung dicoba di web lewat Zapp.run . Jadi, nggak perlu repot-repot install Flutter SDK di laptop. 🔍 Apa yang Akan Kita Pelajari? Cara bikin tampilan halaman Login di Flutter. Gunain widget-widget penting kayak Scaffold , AppBar , TextField , sampai ElevatedButton . Bikin desain login yang simple tapi elegan dan pastinya responsif . ✨ Fitur Halaman Login yang Akan Kita Buat ✅ AppBar dengan judul Login ✅ Background hijau segar biar nggak monoton ✅ Lingkaran dengan ikon user di atas form login ✅ Kolom Username & Password lengkap sama ikon di dalamnya ✅ Tombol Sign In warna oranye biar mencolok ✅ Link “Forgot Password?” di bawah password 📸 Tampilan Akhirnya Bakal Kayak Gini: 🛠️ Kode Lengkapnya Kita...

  Halo para developer pemula maupun pecinta Flutter! Pada artikel kali ini, kita akan membahas bagaimana cara membuat aplikasi lokasi sekolah interaktif berbasis web menggunakan Flutter. Studi kasus yang kita gunakan adalah SMK Negeri 1 Banjar . Hasil akhirnya seperti ini: 📸 Tampilan Aplikasi: 🎯 Tujuan Aplikasi ini dibuat agar: Pengguna dapat melihat lokasi sekolah via Google Maps . Ada tombol untuk melihat rute langsung di Google Maps . Bisa mengirim lokasi via WhatsApp . Menyimpan lokasi sebagai favorit menggunakan localStorage . 🔧 Tools & Library yang Digunakan Flutter Web HTML IFrame untuk embed peta dart:html untuk akses browser dart:ui untuk registrasi HtmlElementView Google Maps Embed API WhatsApp Deep Link 🧱 Struktur Dasar Kode dart Copy Edit import 'package:flutter/foundation.dart' show kIsWeb; import 'package:flutter/material.dart'; import 'dart:html' as html; import 'dart:ui' as ui; void...