Rian Rama Romansah

  CHALLENGE FLUTTER Menganalisis & Memodifikasi Program main.dart Nama Lengkap:    RIAN RAMA ROMANSAH  Kelas:   XI RPL 1 No. Absen:  27 Link Blog:https://riannnnnnnnnnnnnnn.blogspot.com/2026/06/challenge-flutter-menganalisis.html

  Tujuan Pembelajaran Pada praktikum ini siswa diharapkan mampu: ✅ Membuat tampilan aplikasi mobile modern ✅ Menampilkan daftar kantin sekolah ✅ Menampilkan menu dan harga makanan ✅ Membuat keranjang pesanan ✅ Membuat form checkout ✅ Mengirim pesanan otomatis ke WhatsApp ✅ Deploy aplikasi ke internet menggunakan Vercel Penjelasan Alur Aplikasi Kantin Digital SMKN 1 Banjar Aplikasi ini dirancang untuk mempermudah siswa dan warga sekolah dalam memesan makanan secara digital, efisien, dan terintegrasi langsung ke WhatsApp merchant (penjual). Berikut adalah penjelasan tiap halaman berdasarkan antarmuka pengguna (UI): 1. Halaman Utama: Pilih Kantin ( tugas 1.png ) Halaman ini merupakan tampilan awal (beranda) ketika pengguna membuka aplikasi. Header Informasi: Di bagian paling atas terdapat identitas lokasi, yaitu Kantin SMKN 1 Banjar yang beralamat di Jl. Perintis Kemerdekaan, Banjar . Fitur Pencarian: Terdapat kolom pencarian bertuliskan "Cari kantin atau menu..." untuk memu...

  Kalo kalian pengen nyoba ini linknya : https://zp1gg065gp1gh.zapp.page/#/ Kalo kalian pengen nyoba di flutter ini codingannya tinggal salin aja : import 'package:flutter/material.dart'; void main() {   runApp(const MyApp()); } class MyApp extends StatelessWidget {   const MyApp({super.key});   @override   Widget build(BuildContext context) {     return MaterialApp(       debugShowCheckedModeBanner: false,       title: 'Elegant BMI App',       theme: ThemeData(         primaryColor: const Color(0xFF2BB3A3),         scaffoldBackgroundColor: const Color(0xFFF6FAFA),         fontFamily: 'Poppins',       ),       home: const BmiPage(),     );   } } class BmiPage extends StatefulWidget {   const BmiPage({super.key});   @override   State<BmiPage> createState() => _BmiPageState(); } clas...

 Kalo kalian pengen coba klik link ini :  https://zgyw0672gyx0.zapp.page/ Deskripsi Gambar: To Do List Gambar tersebut menampilkan tampilan aplikasi Smart To-Do List yang sedang dikembangkan menggunakan Flutter . Di sisi kiri layar terlihat lingkungan pengembangan (editor kode) dengan file main.dart terbuka, berisi kode dasar Flutter seperti MaterialApp dan struktur widget utama aplikasi. Pada bagian Explorer juga terlihat struktur proyek Flutter lengkap, termasuk folder lib , test , dan file pubspec.yaml . Di sisi kanan layar, terlihat hasil preview aplikasi berbasis web dengan judul “Smart To-Do List” . Tampilan antarmukanya menggunakan tema gelap dan menampilkan pesan “Belum ada tugas, Tambahkan tugas pertama Anda!” , yang menandakan bahwa daftar tugas masih kosong. Terdapat tombol “Tambah Tugas Pertama” dan tombol “Tambah” berwarna biru dengan ikon plus (+) untuk menambahkan tugas baru. Secara keseluruhan, gambar ini menggambarkan proses pengembangan aplikasi To-Do ...

  Membuat tampilan sederhana   •appbar dengan judul (Nama Siswa Cerdas)  •body berisi column  •minimal 3 widget text  Link : https://zapp.run/edit/flutter-znl006ycnl10?entry=lib/main.dart&file=lib/main.dart Eksperimen •ubah warna appbar •ganti column ke row •tambahkan padding dan sizedbox  Link : https://zapp.run/edit/flutter-zvlg06yhvlh0?entry=lib/main.dart&file=lib/main.dart Gambar di atas menunjukkan contoh pembuatan User Interface (UI) sederhana menggunakan Flutter. Tampilan aplikasi memiliki AppBar dengan judul “Nama Siswa Cerdas” dan latar warna yang berbeda, seperti ungu dan biru. Pada bagian kanan AppBar terdapat label DEBUG yang menandakan aplikasi masih dalam tahap pengembangan. Di dalam body aplikasi, ditampilkan daftar nama siswa yaitu Rian, Mizan, dan Desta. Perbedaan dari kedua gambar tersebut terletak pada tata letak teks. Gambar pertama menampilkan nama secara sejajar dalam satu baris, sedangkan gambar kedua menampilkan nama secara v...

 Artikel 1 Pengertian dan Tahapan Pengembangan Gim Pengembangan gim adalah proses pembuatan permainan digital dari awal hingga siap dimainkan. Proses ini dimulai dari mencari ide, merancang konsep permainan, membuat desain visual, melakukan pemrograman, hingga tahap pengujian. Setiap tahapan harus dilakukan dengan teliti agar gim dapat berjalan dengan baik. Pada tahap perencanaan, pengembang menentukan jenis gim, tujuan, dan aturan permainan. Selanjutnya, pada tahap desain, dibuat karakter, latar, serta alur permainan. Setelah itu, programmer mulai membuat sistem gim agar dapat dimainkan sesuai dengan rencana yang telah dibuat. Tahap terakhir adalah pengujian gim untuk memastikan tidak ada kesalahan atau bug. Jika ditemukan masalah, pengembang akan melakukan perbaikan. Setelah semua tahapan selesai, gim siap untuk dirilis dan dimainkan oleh pengguna. Artikel 2  Perkembangan Pengembangan Gim di Era Digital Pengembangan gim mengalami perkembangan yang sangat pesat seiring dengan...

 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...