Posts

Praktikum Flutter Seri 2 — Struktur Project dan main.dart

Image
  Praktikum Flutter Seri 2 — Struktur Project dan main.dart 📱 Mengenal Struktur Project Flutter dan main.dart Pada praktikum Flutter Seri 2, kita belajar mengenal struktur project Flutter serta memahami fungsi file main.dart sebagai bagian utama dari aplikasi Flutter. Flutter menggunakan bahasa pemrograman Dart untuk membuat aplikasi. Saat sebuah project Flutter dijalankan, program akan dimulai dari fungsi main() yang berada di dalam file main.dart . 🎯 Tujuan Praktikum Tujuan dari praktikum ini adalah: Mengenal struktur dasar project Flutter. Mengetahui fungsi file main.dart . Memahami fungsi main() . Memahami penggunaan runApp() . Mengenal MaterialApp dan Scaffold . Membuat tampilan sederhana menggunakan AppBar , Center , Container , dan Text . 📂 Struktur Project Flutter Ketika membuat project Flutter, terdapat beberapa folder dan file penting. Salah satunya adalah folder lib . Di dalam folder lib biasanya terdapat file: lib/ └── main.dart File main.dart merupakan file u...
Post a Comment
Read more

Memahami Widget di Flutter: Fondasi Utama dalam Membangun Aplikasi Mobile

Image
 Memahami Widget di Flutter: Fondasi Utama dalam Membangun Aplikasi Mobile Pendahuluan Saat mulai belajar Flutter, istilah yang paling sering kamu temui adalah Widget . Bahkan, hampir semua komponen dalam Flutter adalah widget. Mulai dari teks, gambar, tombol, hingga tata letak halaman, semuanya dibangun menggunakan widget. Karena itu, memahami widget adalah langkah penting bagi setiap developer yang ingin menguasai Flutter. Dalam artikel ini, kita akan membahas pengertian widget, jenis-jenis widget, serta cara menggunakannya dalam pembuatan aplikasi. Apa Itu Widget? Widget adalah komponen atau elemen penyusun antarmuka (UI) pada Flutter. Widget digunakan untuk menampilkan sesuatu di layar atau mengatur tampilan aplikasi. Sederhananya, widget dapat dianggap sebagai "balok penyusun" yang digabungkan untuk membentuk sebuah aplikasi. Contoh widget yang sering digunakan: Text Image Icon Button Container Row Column Scaffold Dalam Flutter, semua yang terlihat di layar adalah widget...
Post a Comment
Read more

Membuat Aplikasi BMI dengan Flutter: Proyek Sederhana untuk Pemula

Image
 Membuat Aplikasi BMI dengan Flutter: Proyek Sederhana untuk Pemula Pendahuluan Jika kamu sedang belajar pengembangan aplikasi mobile menggunakan Flutter, salah satu proyek yang cocok untuk pemula adalah membuat aplikasi BMI (Body Mass Index) Calculator. Selain mudah dibuat, aplikasi ini juga membantu memahami konsep dasar Flutter seperti input data, tombol, perhitungan, dan menampilkan hasil. Pada artikel ini, kita akan membahas cara membuat aplikasi BMI menggunakan Flutter dari konsep hingga implementasi. Apa Itu BMI? BMI (Body Mass Index) atau Indeks Massa Tubuh adalah metode yang digunakan untuk mengetahui apakah berat badan seseorang termasuk ideal, kurang, berlebih, atau obesitas berdasarkan tinggi dan berat badan. Rumus BMI: BMI = Berat Badan (kg) ÷ (Tinggi Badan (m) × Tinggi Badan (m)) Contoh: Berat badan: 60 kg Tinggi badan: 170 cm (1,70 m) BMI = 60 ÷ (1,70 × 1,70) BMI = 20,76 Hasil tersebut termasuk kategori Normal . Mengapa Menggunakan Flutter? Flutter adalah framework o...
Post a Comment
Read more

Dunia Mobile Development: Dari Pengguna HP Menjadi Pembuat Aplikasi

Image
  Dunia Mobile Development: Dari Pengguna HP Menjadi Pembuat Aplikasi  Pernah Kepikiran Gimana Aplikasi di HP Dibuat? Hampir setiap hari kita membuka Instagram, WhatsApp, TikTok, YouTube, atau Mobile Banking. Semua aplikasi tersebut merupakan hasil kerja para Mobile Developer . Mereka bukan hanya pengguna smartphone, tetapi juga orang-orang yang menciptakan aplikasi yang memudahkan kehidupan jutaan pengguna. Kalau kamu tertarik dengan dunia teknologi, Mobile Development bisa menjadi salah satu pilihan karier yang sangat menjanjikan. Apa Itu Mobile Development? Mobile Development adalah proses merancang, membuat, menguji, dan memelihara aplikasi yang berjalan pada perangkat mobile seperti smartphone dan tablet. Tujuan utama Mobile Development adalah membuat aplikasi yang: Mudah digunakan (User Friendly) Cepat dan ringan Aman Memiliki tampilan menarik Dapat berjalan dengan baik di berbagai perangkat Contoh aplikasi hasil Mobile Development: Instagram WhatsApp ...
Post a Comment
Read more

Belajar HTML & CSS: Langkah Awal Menjadi Web Developer

Image
Belajar HTML & CSS: Langkah Awal Menjadi Web Developer "Setiap website yang kamu buka, mulai dari Google, YouTube, hingga Instagram, dibangun menggunakan fondasi yang sama: HTML dan CSS." Kalau kamu bercita-cita menjadi seorang Web Developer , maka dua teknologi pertama yang wajib kamu kuasai adalah HTML dan CSS . Keduanya merupakan dasar dari hampir semua website yang ada di internet. Pada artikel ini, kita akan mengenal apa itu HTML dan CSS, fungsi masing-masing, serta alasan mengapa keduanya menjadi skill yang sangat penting di era digital. Apa Itu HTML? HTML ( HyperText Markup Language ) adalah bahasa markup yang digunakan untuk menyusun struktur sebuah halaman web. Bayangkan sebuah rumah. HTML berperan sebagai kerangka bangunan yang menentukan letak pintu, jendela, ruang tamu, kamar, dan sebagainya. Tanpa HTML, halaman web hanya akan menjadi layar kosong. Contoh elemen HTML: <!DOCTYPE html> <html> <head> <title>Belajar HTML</title> ...
Post a Comment
Read more