Postingan

Membuat Tampilan Sederhana & Eksperimen

Gambar
Laporan Tugas Flutter: Implementasi UI Sederhana Menggunakan Column dan Row Identitas Nama: Mochammad Alfin Fauzan Mata Pelajaran: Pemrograman Mobile / Flutter Pendahuluan Flutter merupakan framework UI open-source dari Google yang digunakan untuk membangun aplikasi mobile dengan tampilan menarik dan responsif. Pada tugas ini, dilakukan pembuatan dua jenis tampilan antarmuka (UI) sederhana menggunakan Flutter, yaitu tampilan vertikal menggunakan Column dan tampilan horizontal menggunakan Row dengan tambahan efek visual seperti gradient dan icon. Tujuan Tujuan dari pembuatan tugas ini adalah: Memahami struktur dasar project Flutter. Mengimplementasikan widget AppBar , Column , dan Row . Membuat tampilan UI vertikal dan horizontal. Menerapkan styling sederhana seperti warna, gradient, icon, dan alignment. Membandingkan dua jenis tampilan UI dalam Flutter. Alat dan Bahan Software: Flutter SDK, Android Studio / Visual Studio Code Bahasa Pemrograman: Dart Library: Flutter Material La...
Posting Komentar
Baca selengkapnya

2 ARTIKEL PENGEMBANGAN GIM

Gambar
Artikel 1:Pengembangan Gim: Pengertian, Tahapan, dan Peran Tim Perkembangan teknologi digital membuat industri gim berkembang sangat pesat. Gim tidak hanya digunakan sebagai hiburan, tetapi juga sebagai media edukasi, simulasi, hingga sarana bisnis. Di balik sebuah gim yang menarik, terdapat proses panjang yang disebut pengembangan gim (game development). Pengertian Pengembangan Gim Pengembangan gim adalah proses pembuatan gim mulai dari perencanaan ide, desain, pemrograman, hingga gim siap dimainkan oleh pengguna. Proses ini melibatkan berbagai disiplin ilmu seperti desain grafis, pemrograman, audio, dan manajemen proyek. Tahapan Pengembangan Gim Secara umum, pengembangan gim terdiri dari beberapa tahap utama, yaitu: 1. Konsep dan Perencanaan Pada tahap ini, pengembang menentukan ide gim, genre, target pemain, serta platform yang digunakan (PC, mobile, atau console). 2. Desain Gim Tahap ini meliputi pembuatan alur cerita, karakter, level, mekanik permainan, dan antarmuka pengguna (UI)...
Posting Komentar
Baca selengkapnya

Kartu Profil Keren dengan Flutter

Gambar
Ingin membuat kartu profil digital yang keren dengan Flutter? Berikut ini adalah contoh **profil interaktif** dari Mochammad Alfin Fauzan, lengkap dengan hobi, cita-cita, dan tombol “Hubungi Saya” yang bisa langsung menampilkan email dan nomor HP. Kamu bisa menyesuaikan **foto, nama, hobi, dan kontak** sesuai kebutuhan. Tampilan Profil :         Link:  https://zk2ck06z5k2cl.zapp.page/#/ Nama: Mochammad Alfin Fauzan Sekolah: SMKN 1 Banjar – XI RPL 1 Hobi: Badminton, Ngoding, mendengarkan musik, mendesain UI/UX, eksplorasi teknologi baru Cita-cita: Menjadi software engineer profesional dan desainer UI/UX yang berpengaruh Kontak:   Email: [mochalfin.fauzan@gmail.com](mailto:mochalfin.fauzan@gmail.com)   Nomor HP: +62 89503167276 Tampilan profil menggunakan *warna merah maroon dan hitam*, dengan animasi ringan pada foto profil, card hobi dan cita-cita yang gradient, serta tombol interaktif untuk menghubungi langsung.   *Kode Flutter Lengkap* dart...
Posting Komentar
Baca selengkapnya

Memperlihatkan-to-do-list-kepada-non-rpl

Gambar
  Memperlihatkan To Do List Sederhana saya kepada orang yang tidak dikenal 📝 Memperlihatkan To-Do List Sederhana Saya kepada Orang yang Tidak Dikenal Pernahkah kamu berpikir bagaimana rasanya menunjukkan daftar tugas harianmu kepada orang lain—terutama orang yang tidak kamu kenal? Awalnya, saya juga merasa aneh. To-do list itu sesuatu yang pribadi, berisi hal-hal kecil tentang keseharian saya. Tapi ternyata, ketika saya mulai membagikannya, banyak hal menarik yang saya pelajari. 🌤 Awal Mula: Dari Catatan Pribadi ke Publik Saya membuat to-do list sederhana di DartPad, sekadar untuk melatih diri agar lebih disiplin. Isinya tidak muluk-muluk: bangun pagi, belajar coding, membaca buku, dan membantu orang tua. Awalnya hanya untuk saya sendiri. Tapi ketika saya tunjukkan ke teman online bahkan ke orang yang belum saya kenal sebelumnya, reaksi mereka justru positif. Mereka memberi saran, menambahkan ide, bahkan ada yang termotivasi untuk membuat daftar mereka sendiri. Dari situ saya sad...
Posting Komentar
Baca selengkapnya

MEMBUAT TO-DO LIST SEDERHANA

Gambar
  By : Mochammad Alvin Fauzan Link : https://zi1yq06x6i1yr.zapp.page/#/ ## 📝 Tutorial Flutter: Membuat Aplikasi To-Do List Modern dengan UI Keren Halo, Flutter devs! 👋 Di postingan kali ini, kita akan membuat sebuah aplikasi **To-Do List sederhana tapi menarik secara visual**, menggunakan **Flutter**. Cocok banget untuk kamu yang sedang belajar Flutter atau ingin membuat aplikasi produktivitas pribadi. --- ### 🔧 Apa yang Akan Kita Buat? Kita akan membangun aplikasi **To-Do List modern** dengan fitur: * Tambah tugas * Tandai tugas sebagai selesai ✔️ * Hapus tugas ❌ * UI bersih dan responsif Semua ini hanya menggunakan **Flutter native**, tanpa package tambahan. --- ### 💻 Preview Tampilan aplikasi: * AppBar dengan ikon dan judul * Input field modern + tombol "Tambah" * List tugas dengan checkbox dan tombol hapus * Responsif dan user-friendly --- ### 🧑‍💻 Kode Lengkap (`lib/main.dart`) Berikut adalah kode lengkap aplikasi To-Do List: ```dart // Salin dan tempel kode ini ke ...
Posting Komentar
Baca selengkapnya

Membuat layout responsif dan navigasi

Gambar
LAYOUT RESPONSIF DAN NAVIGASI https://zr17006qyr171.zapp.page/#/ # Mengenal Aplikasi Koleksi Raket Badminton: Solusi Praktis untuk Pecinta Badminton Halo para penggemar badminton! 🏸 Sebagai pecinta olahraga bulutangkis, tentu kita tahu betapa pentingnya memiliki raket yang tepat untuk menunjang performa saat bermain. Selain itu, banyak dari kita yang mengoleksi berbagai jenis raket, mulai dari yang klasik hingga yang modern, untuk berbagai kebutuhan permainan. Namun, seringkali mengelola koleksi raket tersebut menjadi tantangan tersendiri — apakah itu mencatat detail raket, menyimpan foto, atau menandai raket favorit. Untuk itu, saya ingin memperkenalkan sebuah aplikasi yang saya buat khusus untuk membantu kamu mengelola koleksi raket badminton secara praktis dan efisien. Aplikasi ini saya beri nama **Koleksi Raket Badminton**. --- ## Apa Itu Aplikasi Koleksi Raket Badminton? Aplikasi Koleksi Raket Badminton adalah aplikasi mobile yang dirancang dengan menggunakan Flutter, sebuah fram...
Posting Komentar
Baca selengkapnya

Membuat halaman data kelompok

Gambar
               https://z6s006yp6s10.zapp.page/#/ 📱 Mengenal Flutter Lewat Aplikasi “Kelompok Belajar MADODET” Flutter merupakan framework open-source dari Google yang digunakan untuk membangun antarmuka aplikasi mobile, web, dan desktop hanya dengan satu basis kode. Pada artikel ini, kita akan membedah dan memahami bagaimana sebuah aplikasi sederhana “Kelompok Belajar MADODET” dibangun menggunakan Flutter. 🎯 Tujuan Aplikasi Aplikasi ini dibuat untuk menampilkan informasi anggota dari sebuah kelompok belajar bernama MADODET . Setiap anggota memiliki detail berupa nama lengkap, nama panggilan, nomor absen, alamat, dan foto. Aplikasi ini juga menampilkan ucapan terima kasih dengan desain menarik. 🧱 Struktur Utama Aplikasi Mari kita bahas kode secara bagian per bagian. 1. main() dan MyApp void main() { runApp(MyApp()); } Fungsi main() adalah titik masuk aplikasi Flutter. MyApp adalah widget utama yang menjalankan MaterialApp . Mater...
Posting Komentar
Baca selengkapnya