Postingan

Praktikum Flutter Seri 2 — Struktur Project dan main.dart

Gambar
Halo semuanya! Selamat datang kembali di catatan perjalananku belajar Mobile Development . Setelah sebelumnya kita berhasil menginstal dan mengatur environment Flutter, di praktikum seri kedua ini kita akan mulai membedah bagaimana sebenarnya struktur awal sebuah project Flutter dan mencoba membuat aplikasi sederhana dari nol! 👤 Identitas Nama: Hadziq Nadhiril Afkar Haqiqi Jurusan:  Pemrograman Perangkat Lunak dan Gim (PPLG) Mata Pelajaran:  KK. Pemrograman Bergerak Topik Praktikum: Memahami struktur main.dart dan Widget Tree dasar. 🎯 Tujuan Praktikum Praktikum kali ini memiliki dua tujuan utama: Memahami alur kerja dasar aplikasi Flutter, mulai dari fungsi main() hingga merender antarmuka ke layar menggunakan runApp() . Membangun hierarki Widget Tree sederhana menggunakan MaterialApp , Scaffold , AppBar , Center , Container , dan Text . 🛠️ Tools yang Digunakan Untuk mengeksekusi project ini, saya menggunakan beberapa tools andalan: Framework: Flutter SDK & D...

🚀 Jago Flutter Tanpa Pusing: Mega Panduan Menguasai Widget untuk Anak PPLG!

Gambar
  Halo teman-teman PPLG! 👋 Pernah nggak sih pas baru buka project Flutter, lihat kodingannya yang panjang ke bawah, terus langsung merasa, "Wah, susah nih!" ? Eits, buang jauh-jauh pikiran itu. Belajar Flutter itu sebenarnya sangat menyenangkan kalau kamu sudah paham satu rahasia terbesarnya. Di postingan kali ini, kita akan membongkar tuntas materi fundamental Flutter . Kita nggak akan langsung pusing mengetik kode, tapi kita akan pahami dulu cara kerjanya dan berkenalan dengan komponen-komponen utamanya. Siap jadi developer handal? Yuk, seduh kopimu dan mari kita mulai! 🧱 1. Konsep Dasar: Sebenarnya, Apa Itu Widget? Di dunia Flutter, ada satu pepatah sakti: "Hampir semuanya adalah Widget." Biar gampang, bayangkan kamu sedang membangun sebuah rumah. Nah, Widget adalah bahan-bahan bangunannya. Mau bikin tulisan? Pakai bahan bernama Text . Mau bikin tombol? Pakai bahan bernama ElevatedButton . Mau masukin gambar? Pakai bahan Image . Mau bikin wadah? Pakai Contai...

🚀 Bikin Aplikasi BMI Calculator Kece dengan Flutter (UI Modern & Simpel!)

Gambar
  Pernah bosan dengan tutorial aplikasi pemula yang UI-nya kaku dan terlihat seperti aplikasi tahun 2010? Jika kamu baru belajar Flutter, membuat aplikasi Kalkulator BMI (Body Mass Index) adalah salah satu proyek wajib. Tapi kali ini, kita tidak akan membuat UI yang membosankan. Kita akan membangun Kalkulator BMI dengan desain Dark Mode yang elegan, interaksi slider yang mulus, dan menggunakan struktur kode yang rapi. Hanya dengan satu file main.dart , kamu sudah bisa pamer aplikasi ini ke teman-temanmu! 😎 ✨ Apa yang Menarik dari Kode Ini? Sebelum masuk ke kode, mari kita lihat beberapa teknik keren yang digunakan dalam aplikasi ini: Dark Theme Bawaan: Kita menggunakan ThemeData.dark() dengan modifikasi warna custom ( #0A0E21 ) yang membuatnya terlihat premium. Reusable Widget: Daripada menulis ulang kode untuk kartu slider Tinggi dan Berat badan, kita membuat sebuah method _buildCard yang bisa digunakan berkali-kali. Kode jadi jauh lebih bersih ( Clean Code )! Dialog Po...

Dunia Mobile Development: Dari Pengguna HP Menjadi Pembuat Aplikasi

Gambar
Setiap hari, kita menghabiskan berjam-jam menatap layar smartphone . Mulai dari bangun tidur mengecek pesan, memesan makanan, hingga scrolling media sosial. Pernahkah terlintas di pikiranmu: "Bagaimana kalau saya tidak hanya menjadi pengguna, tetapi juga pembuat aplikasi tersebut?" Inilah gerbang menuju Dunia Mobile Development . Mari kita bedah apa saja yang perlu diketahui untuk beralih dari sekadar penikmat menjadi seorang pencipta! 1. Apa Itu Mobile Development? Mobile Development adalah proses pembuatan aplikasi perangkat lunak (software) yang dirancang khusus untuk berjalan di perangkat bergerak, seperti smartphone dan tablet. Proses ini melibatkan perancangan antarmuka (UI/UX), penulisan kode program (coding), pengujian, hingga peluncuran aplikasi ke toko aplikasi seperti Google Play Store atau Apple App Store. 2. Perbedaan Android dan iOS Di dunia mobile , terdapat dua raksasa sistem operasi: Android dan iOS. Berikut adalah perbedaan mendasarnya: Fitur Android iOS ...