Minggu, 11 Oktober 2026

https://www.youtube.com/watch?v=ff3j4olCUig&list=PLkDaE6sCZn6FcgHaPRSxhtcZDBHVoDMwi

https://learn.deeplearning.ai/courses/build-with-andrew/lesson/a45t1o/creating-an-app-with-ai?utm_campaign=BWA&utm_medium=video&utm_source=youtube

https://www.youtube.com/watch?v=8ib4Qnh2HFE&list=PLkDaE6sCZn6FcgHaPRSxhtcZDBHVoDMwi&index=3

https://www.youtube.com/watch?v=H_8ZVRRtiIA&list=PLkDaE6sCZn6HJ1XrZLpKeWQN5XMKhEz_V

Prompt Ordering Food dengan Pendekatan GIO-LF

1. GOAL — Tujuan Aplikasi

Membangun aplikasi pemesanan makanan online yang memungkinkan pelanggan melihat menu, memilih makanan, memasukkan pesanan ke keranjang, melakukan checkout, dan memantau status pesanan. Aplikasi juga menyediakan dashboard admin untuk mengelola menu dan pesanan.

2. INPUT — Data Masukan

Data pelanggan: nama, nomor telepon, alamat pengiriman.
Data menu: nama makanan, foto, kategori, deskripsi, harga, dan ketersediaan.
Data pesanan: menu yang dipilih, jumlah, catatan khusus, dan metode pembayaran.
Data admin: menu baru, perubahan harga, stok, dan pembaruan status pesanan.

3. OUTPUT — Hasil Aplikasi

Katalog makanan dan informasi harga.
Ringkasan keranjang dan total pembayaran.
Konfirmasi pesanan beserta nomor pesanan.
Status pesanan: Menunggu Konfirmasi, Diproses, Siap Diantar, Dalam Pengiriman, dan Selesai.
Dashboard admin berisi daftar pesanan, pendapatan, dan menu terlaris.

4. LAYOUT — Desain Antarmuka

Header: logo restoran, pencarian, navigasi kategori, dan ikon keranjang.
Hero section: banner promosi dan tombol “Pesan Sekarang”.
Menu section: kartu makanan dengan foto, nama, harga, rating, dan tombol tambah.
Cart panel: daftar pesanan, pengaturan jumlah, subtotal, ongkos kirim, dan total.
Checkout page: formulir pelanggan, alamat, dan metode pembayaran.
Order tracking: nomor pesanan dan indikator progres status.
Admin dashboard: sidebar navigasi, statistik, tabel menu, dan tabel pesanan.

Gunakan desain modern, bersih, responsif, dominasi warna oranye dan putih, tipografi yang mudah dibaca, serta foto makanan berkualitas tinggi.

5. FEATURES — Fitur Utama

Pencarian makanan dan filter kategori.
Tambah, hapus, dan ubah jumlah item dalam keranjang.
Perhitungan otomatis subtotal, diskon, ongkir, dan total.
Validasi data pelanggan dan checkout.
Pilihan metode pembayaran, misalnya COD atau transfer.
Riwayat pesanan dan pelacakan status.
Login dan hak akses pelanggan/admin.
CRUD menu makanan: Create, Read, Update, Delete.
Pengelolaan pesanan oleh admin.
Dashboard laporan transaksi dan pendapatan.
Notifikasi perubahan status pesanan.
Penyimpanan data yang konsisten dan penanganan kesalahan.

PROMPT: FOOD ORDERING APPLICATION

GOAL

Buat aplikasi web pemesanan makanan online bernama FoodOrder yang memungkinkan pelanggan melihat katalog makanan, mencari menu, memilih makanan, mengelola keranjang, melakukan checkout, dan memantau status pesanan. Sediakan dashboard admin untuk mengelola menu, transaksi, dan laporan penjualan.

INPUT

Aplikasi menerima input berikut:

Data pelanggan: nama lengkap, nomor telepon, alamat pengiriman.
Data makanan: ID, nama, kategori, deskripsi, gambar, harga, dan status ketersediaan.
Data keranjang: produk, jumlah item, dan catatan khusus.
Data checkout: alamat, metode pembayaran, kode promo jika tersedia.
Data admin: perubahan menu, harga, ketersediaan, serta status pesanan.

OUTPUT

Aplikasi harus menghasilkan:

Katalog makanan dengan foto, nama, harga, dan kategori.
Ringkasan keranjang dan perhitungan total secara otomatis.
Konfirmasi checkout dan nomor pesanan unik.
Informasi status pesanan secara bertahap.
Riwayat pesanan pelanggan.
Dashboard admin yang menampilkan jumlah pesanan, total pendapatan, dan menu terlaris.
Pesan sukses, validasi, dan kesalahan yang informatif.

LAYOUT

Buat desain UI/UX modern, menarik, responsif, dan mudah digunakan pada desktop, tablet, serta smartphone.

Header: logo FoodOrder, pencarian menu, navigasi kategori, tombol login, dan ikon keranjang.
Hero section: banner promosi makanan dengan tombol “Pesan Sekarang”.
Menu section: grid kartu makanan dengan foto, nama, harga, deskripsi singkat, dan tombol “Tambah”.
Detail makanan: gambar besar, informasi menu, harga, pilihan jumlah, dan catatan khusus.
Cart page: daftar item, tombol tambah/kurangi jumlah, subtotal, ongkir, diskon, dan total.
Checkout page: formulir pelanggan, alamat, pilihan pembayaran, serta ringkasan pesanan.
Order tracking: nomor pesanan dan progres status.
Admin dashboard: sidebar, kartu statistik, tabel menu, tabel pesanan, dan laporan penjualan.

Gunakan warna oranye sebagai warna utama, putih sebagai latar, aksen hijau untuk status berhasil, tipografi yang jelas, ikon konsisten, sudut kartu yang lembut, dan foto makanan berkualitas tinggi.

FEATURES

Search menu berdasarkan nama makanan.
Filter menu berdasarkan kategori.
Tambah makanan ke keranjang.
Ubah jumlah item dan hapus item.
Hitung subtotal, diskon, ongkos kirim, dan total secara otomatis.
Validasi input dan checkout.
Pilihan pembayaran COD dan transfer bank sebagai opsi simulasi.
Pembuatan nomor pesanan unik.
Pelacakan status: Menunggu Konfirmasi, Diproses, Siap Diantar, Dalam Pengiriman, dan Selesai.
Riwayat pesanan pelanggan.
Autentikasi dan pembatasan akses pelanggan/admin.
CRUD menu makanan untuk admin.
Pengelolaan pesanan dan perubahan status oleh admin.
Dashboard ringkasan transaksi dan pendapatan.
Notifikasi ketika status pesanan berubah.
Desain responsif dan aksesibilitas dasar.
Penanganan loading, data kosong, validasi, dan error.
Persistensi data melalui database, bukan hanya data statis di antarmuka.

TECHNICAL REQUIREMENTS

Pisahkan komponen UI, logika bisnis, dan akses data.
Gunakan struktur kode yang modular dan mudah dipelihara.
Pastikan total pembayaran dihitung dan divalidasi di sisi server.
Terapkan validasi input dan otorisasi untuk seluruh operasi admin.
Jangan menyimpan kata sandi atau secret key secara langsung di kode.
Gunakan data contoh jika backend belum tersedia, dan jelaskan bagian yang masih berupa simulasi.
Sertakan petunjuk instalasi, konfigurasi, dan menjalankan aplikasi.

ACCEPTANCE CRITERIA

Aplikasi dinyatakan berhasil jika pelanggan dapat memilih menu, mengubah keranjang, melakukan checkout, menerima nomor pesanan, dan melihat status pesanan. Admin dapat menambah atau mengubah menu serta memproses pesanan. Semua halaman responsif, validasi berjalan, dan data tersimpan dengan benar.