Posts

membuat aplikasi BMI CALC APPS

 Penjelasan BMI Calculator App LINK :  https://z8fa06fe8fb0.zapp.page/#/ 1. Pengertian BMI Calculator App adalah aplikasi yang digunakan untuk menghitung Body Mass Index (BMI) seseorang. BMI adalah angka yang menunjukkan tingkat kesehatan berat badan seseorang berdasarkan berat badan (kg) dan tinggi badan (cm). BMI sering digunakan untuk mengetahui apakah berat badan seseorang termasuk: Kurus Normal Overweight (kelebihan berat badan) Obesitas 2. Tujuan Aplikasi Membantu pengguna mengetahui status berat badan secara cepat. Memberikan kategori BMI dan saran kesehatan sesuai hasil perhitungan. Sebagai alat edukasi kesehatan bagi pengguna umum maupun pelajar. 3. Fitur Utama Input Berat Badan – menggunakan slider, nilai tampil secara real-time. Input Tinggi Badan – menggunakan slider, nilai tampil secara real-time. Perhitungan BMI – menggunakan rumus: BMI = Berat (kg) ( Tinggi (m) ) 2 BMI= (Tinggi (m)) 2 Berat (kg) Kategori BMI – hasil dibagi menjadi: Kurus, Normal, Overweight, d...
Post a Comment
Read more

tugas Fitra anzani

 Latihan 1: Membuat Tampilan Sederhana dengan Flutter Pada latihan ini, kita akan mempelajari dasar pembuatan tampilan sederhana menggunakan Flutter. Tujuan dari latihan ini adalah agar siswa memahami struktur dasar aplikasi Flutter serta penggunaan widget dasar seperti AppBar, Column, dan Text. ini link tugas yang sudah saya buat : 1. latihan :  https://zapp.run/edit/flutter-z0lm067p0ln0?entry=lib/main.dart&file=lib/main.dart 2. eksperimen:  https://zapp.run/edit/flutter-z21pc06et21pd?entry=lib/main.dart&file=lib/main.dart 🎯 Tujuan Latihan Memahami struktur dasar Scaffold Mengenal fungsi AppBar Mengatur tata letak menggunakan Column Menampilkan beberapa teks menggunakan widget Text 🧩 Ketentuan Latihan (Wajib) 1. Membuat Tampilan Sederhana Aplikasi yang dibuat harus memiliki tampilan sederhana sebagai latihan awal. Fokus utama bukan pada desain yang kompleks, tetapi pada pemahaman struktur dan widget dasar Flutter. 2. AppBar dengan Judul Gunakan widget AppBar un...
Post a Comment
Read more

tampilan scrennshot fitra anzani

Image
                                          https://zu1p606uuu1p7.zapp.page/#/ main() dan FlutterGram main() adalah titik awal aplikasi, menjalankan runApp() untuk memulai Flutter.FlutterGram adalah widget utama (StatelessWidget) yang membungkus seluruh aplikasi dengan MaterialApp. MaterialApp berfungsi mengatur tema, judul aplikasi, dan halaman awal (home: HomePage()). HomePageHomePage adalah tampilan utama feed Instagram.Menggunakan Scaffold untuk struktur dasar: AppBar, body, dan BottomNavigationBar.AppBar menampilkan judul aplikasi dan ikon (like, send).ListView membuat daftar posting bisa di-scroll vertikal.BottomNavigationBar meniru menu navigasi Instagram (Home, Search, Add, Likes, Profile).PostWidgetWidget khusus untuk menampilkan satu posting: username, foto, jumlah like/komentar, caption.Image.asset(imagePath) menampilkan gambar dari folder assets/.CircleA...
Post a Comment
Read more

widget fluter

Image
  🧩 Apa itu Widget di Flutter? Widget adalah komponen dasar antarmuka (UI) di Flutter. Semua yang kamu lihat di layar aplikasi Flutter (teks, tombol, gambar, layout, dsb) adalah widget. --- ⚙️ Jenis-Jenis Widget Utama 1. StatelessWidget ➜ Tidak berubah selama aplikasi berjalan. Contoh: Text, Icon, Container. import 'package:flutter/material.dart'; class HaloWidget extends StatelessWidget {   @override   Widget build(BuildContext context) {     return Center(       child: Text('Halo Flutter!'),     );   } } 2. StatefulWidget ➜ Bisa berubah sesuai interaksi pengguna atau data. Contoh: Checkbox, TextField, Slider. import 'package:flutter/material.dart'; class CounterApp extends StatefulWidget {   @override   _CounterAppState createState() => _CounterAppState(); } class _CounterAppState extends State<CounterApp> {   int count = 0;   @override   Widget build(BuildContext context) {     return ...
Post a Comment
Read more

Membuat layout responsif

Image
   LINK:  https://zapp.run/edit/flutter-zi14q06m2i14r?entry=lib/main.dart&file=lib/main.dart  ✨ Perawatan Kulit: Rahasia Kulit Sehat dan Bersinar ✨ Merawat kulit bukan hanya soal penampilan, tapi juga tentang bagaimana kita menjaga kesehatan diri. Skincare adalah bentuk investasi jangka panjang agar kulit tetap sehat, segar, dan percaya diri dalam setiap aktivitas. 🌿 Mengapa Skincare Penting? Kulit setiap hari terpapar polusi, sinar matahari, dan debu. Tanpa perawatan yang tepat, kulit bisa menjadi kusam, berjerawat, atau menua lebih cepat. Dengan skincare rutin, kita membantu kulit tetap terlindungi, ternutrisi, dan lebih bercahaya. 💧 Langkah Dasar Skincare yang Wajib Dicoba: 1. Cleansing – Membersihkan kotoran dan sisa makeup. 2. Toner – balikan kelembapan kulit. 3. Serum – Memberikan nutrisi sesuai kebutuhan kulit. 4. Moisturizer – Mengunci kelembapan agar kulit tetap sehat. 5. Sunscreen – Perlindungan utama dari sinar UV. 🌸 Tips: Konsistenlah dengan rutini...
Post a Comment
Read more

membuat halaman data kelompok

 Belajar Flutter: Membuat Halaman Data Kelompok Belajar Halo teman-teman! 👋 Beberapa waktu lalu saya sedang belajar Dart & Flutter dan mencoba membuat sebuah project sederhana. Tujuannya adalah menampilkan data kelompok belajar di dalam 1 halaman aplikasi. Project ini sangat cocok untuk pemula yang ingin berlatih layout, menampilkan data, dan membuat popup dialog di Flutter. Konsep Halaman yang Dibuat Struktur halaman yang saya rancang sebagai berikut: Bagian atas → Nama kelompok. Di bawahnya → Foto kelompok secara keseluruhan. Selanjutnya → Daftar anggota (berisi foto, nama, nomor absen, dan alamat). Di bagian bawah → Tombol yang bila ditekan akan memunculkan popup dialog berisi rincian anggota kelompok: Nama lengkap Nama kelompok Nomor absen Alamat rumah Kode Program Lengkap (main.dart) Berikut kode lengkap yang saya tulis di main.dart menggunakan zapp.run. Foto-foto anggota disimpan di folder assets/, jadi pastikan kamu menaruh gambar sesuai dengan path yang dipanggil. impo...
Post a Comment
Read more

INSTRAGRAM

Image
  📱 Perjalanan Belajarku di Dunia Pemrograman Mobile: Fokus UI/UX Design Halo teman-teman! 👋 Hari ini aku ingin berbagi sedikit cerita dan pengalaman tentang proses belajarku di dunia pemrograman mobile , terutama saat ini aku sedang fokus di tahap UI/UX design — bagian yang menurutku sangat menarik dan menantang! 🔍 Kenapa UI/UX Penting dalam Pemrograman Mobile? Sebelumnya, aku mengira belajar coding untuk aplikasi mobile hanya tentang logika dan syntax. Tapi ternyata, desain antarmuka (UI) dan pengalaman pengguna (UX) punya peran besar dalam keberhasilan suatu aplikasi. Contohnya: Aplikasi bisa punya fitur canggih, tapi kalau tampilannya membingungkan, orang enggan memakainya. UX yang buruk bisa bikin user langsung uninstall meskipun aplikasinya sebenarnya berguna. Makanya, aku mulai menggali lebih dalam soal desain aplikasi yang user-friendly, intuitif, dan estetik . 🛠 Tools yang Aku Gunakan Saat ini, aku sedang belajar dan mencoba berbagai tools UI/UX, da...
Post a Comment
Read more