Postingan

Materi Widget

Gambar
 Mengenal widget dasar Flutter (Text, Image, Column, Row, Icon, Button) & membuat aplikasi sederhana. 📘 Tugas: Buat aplikasi “Kartu Profil Sederhana – Aku & Hobiku” Syarat: ✅ Minimal 5 widget berbeda ✅ Ada foto/ilustrasi, nama, jurusan ✅ Deskripsi hobi atau cita-cita ✅ Tombol “Hubungi Saya” Hasil :  Kalo kalian pengen tinggal salin codingan ini lalu buka zapp.run import 'package:flutter/material.dart'; void main() => runApp(const MyProfileApp()); class MyProfileApp extends StatelessWidget {   const MyProfileApp({super.key});   @override   Widget build(BuildContext context) {     return MaterialApp(       debugShowCheckedModeBanner: false,       home: Scaffold(         backgroundColor: const Color.fromARGB(255, 149, 155, 160),         appBar: AppBar(           title: const Text('Profil'),           backgroundColor: Color.fr...

Membuat To Do List Sederhana

Gambar
  Membuat To Do List Sederhana di DartPad 🧩 Pengertian Aplikasi To-Do List adalah aplikasi sederhana yang digunakan untuk mencatat, menandai, dan mengatur daftar tugas yang harus diselesaikan. Dalam konteks ini, aplikasi dibuat menggunakan Flutter , yaitu framework dari Google yang digunakan untuk membuat aplikasi mobile dengan tampilan menarik dan performa tinggi, hanya dengan satu kode program (Dart). 💡 Pelajaran yang Dapat Diambil Belajar Logika Pemrograman Dasar Flutter — seperti menambah, menghapus, dan memperbarui data menggunakan setState() . Mengenal Struktur UI Flutter — bagaimana menyusun tampilan dengan layout ( Column , Row , Container , dll). Meningkatkan Kreativitas Desain — membuat tampilan aplikasi yang menarik dengan warna, shadow, dan gradien. Belajar Interaksi dengan Pengguna — seperti menekan tombol, mencentang tugas, atau mengetik di TextField . 🌱 Manfaat Membantu Manajemen Waktu — aplikasi ini membantu kita mengatur jadwal dan men...

Belajar Pemrograman Mobile: Memahami UI/UX di Tahap Awal

Gambar
  Belajar Pemrograman Mobile: Memahami UI/UX di Tahap Awal Apa itu UI & UX? UI (User Interface): Tampilan aplikasi yang dilihat dan digunakan pengguna. Misalnya: tombol, warna, ikon, layout. → Fokus:  desain visual & interaksi. UX (User Experience): Bagaimana pengalaman pengguna saat memakai aplikasi. Misalnya: apakah aplikasi mudah digunakan, cepat, nyaman, dan memenuhi kebutuhan. → Fokus:  kenyamanan & alur penggunaan. 🔹 Kenapa UI/UX penting di tahap awal? Mencegah aplikasi jadi “ribet”  → kalau alurnya jelas dari awal, pengguna lebih betah. Menghemat waktu pengembangan  → daripada nanti bolak-balik revisi desain, lebih baik pikirkan flow sejak awal. Meningkatkan kepuasan pengguna  → desain bagus + pengalaman enak = aplikasi disukai. 🔹 Langkah Awal Belajar UI/UX di Mobile Kenali pengguna Siapa target aplikasi kamu? (remaja, pekerja, orang tua, dsb) Apa masalah mereka yang ingin diselesaikan aplikasi? Buat Wireframe Sketsa sederhana tampilan ...

6 Sistem Operasi Mobile yang Digunakan pada Smartphone

Gambar
  6 Sistem Operasi Mobile yang Digunakan pada Smartphone Kita tentunya sudah sangat akrab dengan smartphone yang kita gunakan. Rata-rata smartphone saat ini menggunakan dua sistem operasi paling populer, yaitu Android dan iOS. Tapi selain Android dan iOS, pernahkah kamu berpikir tentang sistem operasi mobile lainnya? Karena nyatanya masih ada banyak sistem operasi yang digunakan pada smartphone selain kedua OS tersebut. Nah, di artikel ini Carisinyal akan mengulas beberapa macam sistem operasi mobile yang pernah atau masih banyak digunakan saat ini. 1. Android Sistem operasi Android dikenalkan pertama kali pada tahun 2008, tepatnya pada 20 September 2008. Awalnya OS ini bernama Astro. Android merupakan sistem operasi berbasis Linux yang dikembangkan oleh Andy Rubin. Setelah dikembangkan oleh Google, Android kemudian mendapat penamaan sesuai abjad dan nama-nama yang berhubungan dengan makanan, seperti Donut, Ice Cream, Sandwich hingga Pie. Setelah Android Pie (Android 9), Google men...

Membuat Halaman Data Kelompok Belajat Dengan Flatter Di Zapp.Run

   Membuat Halaman Data Kelompok Belajat Dengan Flatter Di Zapp.Run Membuat Halaman Data Kelompok Belajar dengan Flutter di Zapp.run Flutter adalah framework yang sangat populer untuk membuat aplikasi mobile  cross-platform  (Android & iOS). Kali ini kita akan belajar membuat satu halaman aplikasi yang menampilkan data kelompok belajar dengan foto anggota, detail informasi (nama, no absen, alamat, kelas, hobi), serta tombol di bagian bawah yang memunculkan popup sederhana. Struktur Halaman yang Akan Dibuat Bagian atas → Judul " Wededen Squad ". Bagian isi → Daftar anggota kelompok dengan foto, nama, no absen, alamat. Jika salah satu anggota ditekan, akan terbuka halaman detail berisi informasi lebih lengkap. Bagian bawah → Tombol "Awas Meledug". Jika ditekan, akan muncul popup dengan pesan salam. Persiapan di Zapp.run Masuk ke Zapp.run. Buat project Flutter baru. Simpan foto anggota kelompok di folder assets/ pada project. Tambahkan path assets di file  pubs...

Membangun Aplikasi Kuliner Nusantara dengan Login dan Navigasi Multi-Halaman

Gambar
  Membangun Aplikasi Kuliner Nusantara dengan Login dan Navigasi Multi-Halaman Pada pelajaran kali ini, kita belajar bagaimana membuat aplikasi kuliner Nusantara menggunakan Flutter , mulai dari membuat tampilan utama, navigasi antar halaman, hingga implementasi login sederhana di halaman profil. Berikut hal-hal penting yang dipelajari: Struktur Aplikasi Flutter dengan StatefulWidget Kita membuat aplikasi menggunakan StatefulWidget agar aplikasi bisa merespon perubahan data, seperti tema gelap/terang dan daftar favorit kuliner . Navigasi dengan BottomNavigationBar Aplikasi memiliki 5 halaman : Beranda, Kuliner, Pencarian, Favorit, dan Profil. Navigasi dilakukan menggunakan BottomNavigationBar , yang memungkinkan pengguna berpindah antar halaman dengan mudah. Menampilkan Data Kuliner dengan GridView Daftar kuliner ditampilkan menggunakan GridView.builder . Setiap item memiliki gambar dan nama , serta dapat ditandai sebagai favorit . Fitur Favori...