Postingan

Membuat Flutter Web Di Zapp.run

Gambar
Membuat To-Do List Flutter Web dengan Background Foto 02 Februari 2026 Pada tutorial ini, kita akan membuat aplikasi To-Do List Flutter Web yang lengkap: bisa menambah jadwal, checklist selesai, hapus jadwal, pilih tanggal & jam, dan punya background foto keren. Kode Flutter Lengkap import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return const MaterialApp( debugShowCheckedModeBanner: false, home: TodoPage(), ); } } class TodoPage extends StatefulWidget { const TodoPage({super.key}); @override State<TodoPage> createState() => _TodoPageState(); } class _TodoPageState extends State<TodoPage> { final TextEditingController todoController = TextEditingController(); DateTime? selectedDate; TimeOfDay? selectedTime; final List<Map<String, d...
2 komentar
Baca selengkapnya

Membuat Satu Halaman Web Flutter Menggunakan Zapp.run

Gambar
Pada pembahasan ini, penulis menjelaskan cara membuat satu halaman web sederhana menggunakan Flutter dengan bantuan platform Zapp.run. Zapp.run memungkinkan pengembangan aplikasi Flutter secara online tanpa perlu melakukan instalasi software tambahan, sehingga sangat cocok digunakan oleh pemula. Struktur utama aplikasi Flutter diawali dengan penggunaan MaterialApp sebagai dasar aplikasi. Selanjutnya, Scaffold digunakan untuk menyediakan kerangka tampilan seperti AppBar, body, dan Floating Action Button. Pada bagian atas halaman, AppBar berfungsi sebagai judul aplikasi. Untuk mengatur tata letak komponen secara vertikal atau horizontal, digunakan widget Column atau Row. Di dalamnya terdapat minimal tiga widget Text untuk menampilkan informasi. Selain itu, Container digunakan sebagai pembungkus elemen agar tampilan lebih terstruktur, sedangkan Padding dan SizedBox berfungsi untuk mengatur jarak antar komponen agar tampilan lebih rapi. Sebagai bentuk interaksi peng...
Posting Komentar
Baca selengkapnya

Latihan Membuat Tampilan Sederhana

 Membuat Tampilan Sederhana
1 komentar
Baca selengkapnya

Pengembangan Gim

Gambar
Pengembangan Gim sebagai Bidang Kreatif dan Teknologi Masa Kini Seiring berkembangnya teknologi digital, gim tidak lagi hanya berfungsi sebagai hiburan, tetapi telah menjadi bagian dari industri kreatif yang bernilai tinggi. Pengembangan gim ( game development ) merupakan proses pembuatan permainan digital yang menggabungkan pemrograman, desain visual, dan logika sistem. Bagi siswa SMK kelas XI jurusan Rekayasa Perangkat Lunak (RPL), pengembangan gim menjadi media pembelajaran yang relevan karena mampu menerapkan teori pemrograman ke dalam proyek nyata. Catatan: Pengembangan gim melatih logika berpikir, kreativitas, serta kerja tim yang sangat dibutuhkan di dunia industri teknologi. Pengertian Pengembangan Gim Pengembangan gim adalah proses perancangan, pembuatan, dan pengujian permainan digital agar dapat dimainkan oleh pengguna. Proses ini mencakup tahap perencanaan konsep, pe...
Posting Komentar
Baca selengkapnya

Geloa Gema Vol 3

Gambar
Gelora Gema Vol. 3: Saat Energi Baru Bersiap Menggema Setelah menghadirkan berbagai keseruan di edisi sebelumnya, Gelora Gema Vol. 3 kembali bersiap menyapa dengan nuansa yang lebih segar dan penuh makna. Mengusung semangat yang terus bergerak dan mengalir kuat, gelaran kali ini menjadi ruang baru bagi lahirnya ide-ide berani serta ekspresi tanpa batas. Terinspirasi dari energi yang menjulang tinggi dan dinamis, Gelora Gema Vol. 3 bukan sekadar acara, melainkan sebuah pengalaman yang mengajak setiap elemen untuk berkembang dan berani melangkah lebih jauh. Sebuah ruang akan segera terbuka—tempat kreativitas, kolaborasi, dan semangat baru bertemu dalam satu gelombang besar. Sesuatu yang berbeda sedang dipersiapkan. Tetap nantikan kehadirannya. COMING SOON. SUMBER : IG osissmkn1_banjar
1 komentar
Baca selengkapnya

Penjelasan Kode Tema Gelap Aplikasi To-Do-List

Gambar
  @override   Widget build(BuildContext context) {     return MaterialApp(       title: 'Jarvis Todo',       debugShowCheckedModeBanner: false,       theme: ThemeData.dark().copyWith(         scaffoldBackgroundColor: const Color(0xFF121212),         colorScheme: const ColorScheme.dark(           primary: Colors.white,           secondary: Colors.grey,           background: Color(0xFF121212),         ),         textTheme: const TextTheme(           bodyMedium: TextStyle(color: Colors.white70),         ),       ),       home: const TodoHome(),     );   } } 📌 Penjelasan cepat: MaterialApp → kerangka utama aplikasi Flutter-nya. title → judul app (muncul di task manager). debugShowCheck...
1 komentar
Baca selengkapnya

Ngulik To-Do List Monokrom: Simple, Elegan, Tapi Tetep GG!

 Bro, jadi kemarin gue iseng pengen ngulik project kecil, tapi pengen tampilannya tuh kalem, elegan, ga rame warna , gitu deh — jadilah gue bikin To-Do List Monokrom ini. Jujur, ide awalnya cuma pengen "nyatet kerjaan biar ga numpuk", tapi lama-lama malah jadi seru wkwk. Gue set tema hitam-abu minimalis , biar kesannya kayak app yang serius tapi tetep chill gitu. Fitur-fiturnya sih ga ribet: ✅ Bisa nambah & hapus task 💾 Data ke-save otomatis 🕒 Ada waktu buat tiap tugas 💫 Animasi transisi halus biar ga kaku Dan yang paling penting, tampilannya tuh clean banget — kayak workspace developer yang ga suka rame-rame tapi tetep stylish. Ga perlu warna gonjreng, cukup monokrom aja, udah keliatan elegan. Pas udah jadi, gue liat hasilnya... anjir, keren juga ya kalo simple tapi rapih! 😎 Kayak lo ga berusaha tampil keren, tapi emang udah keren aja — ngerti kan maksud gue? 😆 Pokoknya ini project cocok banget buat lo yang pengen: Latihan Flutter dengan st...
Posting Komentar
Baca selengkapnya