IL BUILD DROP

DROP #002
IS LOCKED.

Idea minggu ini masih dirahsiakan. Ada satu masalah sebenar, satu peluang startup dan satu projek baharu menunggu di dalam.

🔒 MYSTERY BUILD · #002
👆 TEKAN KOTAK UNTUK REVEAL
Apa agaknya Build Drop minggu ini?
🔓 DROP #002 UNLOCKED
002

GeraiNow

Cari gerai. Order awal. Ambil bila siap.

Minggu ini kita akan belajar bagaimana satu masalah harian boleh berkembang menjadi sebuah startup dengan Customer App, Merchant App dan Admin Portal.

BUILD DROP #002 Learn → Think → Build → Innovate
IL BUILD DROP #002

GeraiNow

Cari gerai. Order awal. Ambil bila siap.

Dalam Build Drop kali ini, kita bukan sekadar membina satu website. Kita akan belajar bagaimana satu masalah boleh diterjemahkan menjadi sebuah sistem digital yang mempunyai beberapa pengguna, beberapa aplikasi dan sebuah model perniagaan.

Mula Belajar →
● 12 GERAI BUKA
Semua
Burger
Nasi
Minuman
🍔
Burger Tok Ayah
Burger · ⭐ 4.8
0.8 KM Pickup 15 min
🍗
Ayam Gunting Kak Yam
Street Food · ⭐ 4.7
1.2 KM Pickup 10 min
🥤
Air Balang Station
Drinks · ⭐ 4.9
1.6 KM Pickup 5 min
⚡ PREORDER SEBELUM SAMPAI
Start Here

Apa sebenarnya IL Build Drop?

IL Build Drop ialah latihan berkala untuk membantu anda belajar melihat masalah, membentuk idea, merancang sebuah sistem dan menggunakan AI untuk membina prototype.

💡
Penting untuk beginner

Anda tidak perlu menjadi programmer dan anda tidak wajib membina semua yang diberikan dalam Drop ini. Tujuan utama ialah belajar bagaimana seorang builder dan founder berfikir.

🔍 Problem Cari masalah
💡 Idea Cipta solusi
👥 User Siapa guna?
🧩 System Pecahkan sistem
📱 Apps Apa perlu bina?
🛠️ Prototype Bina versi awal
🚀 Innovate Cipta versi anda
Learning Goal

Apa yang anda akan belajar dalam Drop ini?

GeraiNow hanyalah contoh. Pelajaran sebenar ialah memahami bagaimana sebuah startup digital boleh mempunyai beberapa jenis pengguna dan beberapa aplikasi yang saling berkait.

🧠

Berfikir dari masalah

Jangan bermula dengan “saya nak buat app”. Mulakan dengan memahami masalah yang mahu diselesaikan.

👥

Kenal pasti pengguna

Customer, merchant dan admin mempunyai tujuan dan keperluan yang berbeza.

🧩

Pecahkan sistem

Projek besar menjadi lebih mudah apabila kita pecahkan kepada aplikasi dan fungsi yang kecil.

01 · The Problem

Sebelum bina aplikasi, cari masalah.

Bayangkan situasi biasa yang mungkin berlaku apabila seseorang mahu membeli makanan di gerai.

🧑‍💼

Ali nak beli burger selepas balik kerja.

Nampak macam mudah. Tetapi sepanjang proses itu, sebenarnya ada beberapa friction yang boleh diselesaikan menggunakan teknologi.

🤷 Tak tahu buka? Ali tak pasti gerai sedang berniaga.
📋 Tak nampak menu Harga dan menu hanya diketahui bila sampai.
🚗 Kena datang dulu Ali perlu pergi ke gerai sebelum order.
⏳ Kena tunggu Ramai orang. Order lambat siap.
PROBLEM STATEMENT
“Bagaimana kita boleh membantu pelanggan mencari gerai berhampiran, melihat menu dan membuat tempahan lebih awal supaya mereka tidak perlu menunggu lama apabila sampai?”
🎓
Founder Lesson

Founder biasanya tidak bermula dengan “saya mahu buat aplikasi”. Mereka bermula dengan “saya nampak satu masalah — bolehkah teknologi membantu menyelesaikannya?”

02 · The Idea

Daripada masalah, lahirlah GeraiNow.

GeraiNow ialah platform hyperlocal untuk membantu pelanggan mencari gerai, melihat menu dan membuat preorder untuk pickup.

📍

Cari

Cari gerai, food truck, pasar malam atau penjaja berhampiran.

🛒

Order

Lihat menu, harga, pilih makanan dan buat preorder sebelum sampai.

⚡

Pickup

Datang apabila makanan hampir atau sudah siap.

💡
Konsep utama

Order sebelum sampai. Pickup bila siap. GeraiNow bukan sekadar direktori gerai — ia cuba mengurangkan masa menunggu.

03 · Understand The Users

Siapa yang akan menggunakan sistem?

Jangan terus fikir tentang page. Kenal pasti dahulu siapa pengguna. Klik setiap pengguna untuk melihat apa yang mereka perlukan.

🧑‍🍳 USER 01

Customer

Orang yang mahu mencari dan membeli makanan.

Gerai mana dekat?
Gerai mana buka?
Apa menu yang ada?
Berapa harga?
Bila order siap?
🏪 USER 02

Merchant

Pemilik atau pekerja gerai.

Lihat order masuk
Accept / reject order
Update order status
Urus menu
Lihat ringkasan jualan
🖥️ USER 03

Admin

Pihak yang mengurus keseluruhan GeraiNow.

Approve merchant
Pantau order
Urus kategori
Handle report
Lihat statistik platform
Important Concept

Kenapa perlu 3 aplikasi?

Kerana setiap pengguna mempunyai tujuan yang berbeza. Interface mereka juga tidak patut sama.

CUSTOMER

Customer mahu membeli.

✓ Cari gerai
✓ Lihat menu
✓ Add to cart
✓ Track order
✕ Approve merchant?
≠
MERCHANT

Merchant mahu mengurus.

✓ Terima order
✓ Update status
✓ Manage menu
✓ Lihat sales
✕ Add to cart?
🧩
Ini dipanggil System Architecture

Kita memecahkan sebuah sistem berdasarkan role pengguna. Konsep yang sama boleh digunakan untuk marketplace, booking system, delivery platform dan banyak lagi.

04 · System Flow

Bagaimana semua aplikasi saling berkait?

📱 CUSTOMER
🔍 Cari Gerai
→
🍔 Pilih Menu
→
🛒 Cart
→
⏰ Pickup Time
→
✓ Confirm
🏪 MERCHANT
🔔 Order Masuk
→
✓ Accept
→
👨‍🍳 Preparing
→
⚡ Ready
→
✓ Completed
🖥️ ADMIN
🏪 Merchants
→
📦 Orders
→
🚩 Reports
→
📊 Statistics
05 · Explore The System

Satu startup. Tiga aplikasi.

Explore setiap aplikasi untuk memahami fungsi dan objektifnya.

📱
APP 01

Customer App

Objektifnya ialah membantu pelanggan mencari gerai dan membuat preorder semudah mungkin.

Discover Gerai berhampiran
Search Cari makanan / gerai
Category Burger, nasi, drinks...
Gerai Detail Info, rating & operasi
Menu Gambar, harga & sold out
Cart Item, quantity & total
Pickup Time Pilih masa ambil
Order Status Confirmed → Ready
History Order terdahulu
🏪
APP 02

Merchant App

Objektifnya ialah membantu pemilik gerai mengurus order, menu dan operasi tanpa bergantung kepada mesej yang berselerak.

Dashboard Ringkasan operasi
Incoming Order Lihat order baharu
Accept / Reject Kawal pesanan
Preparing Update status
Ready Sedia untuk pickup
Manage Menu Tambah / edit menu
Sold Out Toggle stok habis
Gerai Status Open / Closed
Sales Summary Prestasi jualan
🖥️
APP 03

Admin Portal

Digunakan oleh pihak yang mengendalikan platform GeraiNow secara keseluruhan.

Dashboard Statistik platform
Merchants Manage merchant
Approval Approve merchant
Categories Urus kategori
Orders Pantau transaksi
Reports Moderation
Featured Featured gerai
Statistics Platform analytics
06 · Backend Explained

Apa benda backend?

Ini antara konsep yang selalu mengelirukan beginner. Kita mudahkan.

📱
Customer App

Customer membuat order.

⇄ DATA
🗄️
Backend

Menyimpan dan menghantar data kepada aplikasi lain.

🧠
Contoh paling mudah

Customer buat order. Bagaimana Merchant App tahu ada order baharu? Data perlu disimpan dan dihantar. Di sinilah backend memainkan peranan.

PROTOTYPE · TAK WAJIB

Untuk Build Drop

Kita boleh menggunakan dummy data dan localStorage untuk mensimulasikan fungsi aplikasi.

REAL SYSTEM · PERLU

Untuk startup sebenar

Biasanya memerlukan database, authentication, backend, payment, API, security dan realtime data.

Important

Prototype ≠ sistem sebenar.

PROTOTYPE
🧪

Untuk belajar & test idea

Demo konsep
Test user flow
Presentation
Proof of concept
Dummy data
localStorage
REAL SYSTEM
🚀

Untuk pengguna sebenar

Database
Login / Authentication
Backend
Payment Gateway
Security
Realtime Data
07 · Business Model

Kalau orang guna, macam mana ia buat duit?

Builder fikir tentang fungsi. Founder juga perlu memikirkan bagaimana produk boleh menjadi sebuah bisnes. Tekan setiap model untuk explore.

💸

Transaction Fee

Caj kecil daripada setiap transaksi.

Contoh: customer membuat order RM20 dan platform mengambil caj 3% daripada transaksi.
⭐

Merchant Subscription

Langganan untuk tools tambahan.

Merchant Pro boleh mendapat analytics, promotion tools, customer database atau loyalty system.
📣

Featured Listing

Bayar untuk visibility tambahan.

Merchant boleh membayar supaya gerai mereka dipaparkan lebih menonjol dalam kawasan tertentu.
Think Bigger

Jangan copy GeraiNow bulat-bulat.

GeraiNow bukan jawapan. Ia ialah contoh cara berfikir. Ambil struktur masalahnya dan lihat bagaimana konsep yang sama boleh digunakan dalam industri lain.

💇 SalonNow
Cari salon → pilih servis → book slot.
🚗 CarWashNow
Cari car wash → pilih package → book giliran.
🧺 LaundryNow
Cari laundry → servis → pickup status.
🌷 FloristNow
Cari florist → bouquet → pickup.
🎪 VendorNow
Cari vendor event → request booking.
🍰 BakerNow
Home baker → menu → preorder.
08 · Innovation Playground

Prototype siap? Jangan berhenti.

Tanya satu soalan: “Apa satu perkara yang boleh menjadikan produk saya lebih berguna atau lebih unik?”

🟢

Live Gerai Status

Tahu gerai sedang buka secara live.

⏳

Queue Estimate

Anggaran waktu menunggu.

🔳

Pickup QR

Scan semasa mengambil order.

🗓️

Smart Pickup Slot

Elak terlalu banyak order serentak.

🎟️

Loyalty Stamp

Ganjar pelanggan berulang.

🤖

AI Food Assistant

Cadangkan makanan ikut bajet dan selera.

🔥

Gerai Heatmap

Kawasan dan gerai popular.

⚡

Flash Menu

Jual stok akhir sebelum gerai tutup.

👥

Group Order

Ramai orang tambah item dalam satu order.

🔔

Favourite Alert

Alert apabila gerai kegemaran buka.

09 · Build Levels

Tak perlu bina semuanya sekaligus.

Pilih level berdasarkan kemampuan anda sekarang. Naik level apabila anda sudah bersedia.

LEVEL 01 · EXPLORER

Customer App

Fokus kepada pengalaman pelanggan.

BINA → Customer App sahaja
LEVEL 02 · BUILDER

Customer + Merchant

Belajar bagaimana dua role berinteraksi.

BINA → 2 Apps
LEVEL 03 · FOUNDER

Full Ecosystem

Customer, Merchant dan Admin.

BINA → 3 Apps
LEVEL 04 · INNOVATOR

Versi Anda

Tambah sesuatu yang tiada dalam contoh.

BINA → Your Innovation
Before You Code

Jawab 6 soalan ini dahulu.

Kalau anda boleh menjawab soalan ini, anda bukan lagi sekadar generate code. Anda sedang mula berfikir sebagai product builder.

Siapa pengguna saya?

Siapa sebenarnya yang akan menggunakan produk ini?

Apa masalah utama mereka?

Masalah apa yang berlaku sekarang?

Apa tindakan paling penting?

Apa perkara utama yang pengguna mahu lakukan?

Berapa jenis pengguna?

Customer? Merchant? Admin? Staff?

Berapa aplikasi diperlukan?

Adakah satu app cukup atau perlu beberapa portal?

Apa yang membezakan idea saya?

Apa inovasi atau pendekatan anda sendiri?

10 · Build With AI

Jangan suruh AI bina semuanya sekaligus.

Projek besar lebih mudah apabila dibina dalam bahagian kecil.

1️⃣

Pecahkan

Minta AI pecahkan sistem kepada prompt berasingan.

2️⃣

Bina satu

Mulakan dengan satu aplikasi sahaja.

3️⃣

Test & sambung

Uji dahulu sebelum bergerak kepada aplikasi seterusnya.

🧱
BUILD IN SMALL PIECES

Ini sangat berguna terutama apabila menggunakan AI versi percuma atau apabila projek sudah mula menjadi besar.

11 · Master Prompt

Gunakan AI sebagai System Planner.

Master Prompt ini bukan untuk meminta AI membina keseluruhan GeraiNow. Ia digunakan untuk memecahkan projek kepada prompt yang lebih kecil.

STEP 01

Copy Master Prompt.

STEP 02

Paste kepada AI.

STEP 03

AI hasilkan 3 prompt berasingan.


GERAINOW · MASTER PROMPT
Saya mahu membina prototype startup bernama “GeraiNow”, sebuah platform yang membolehkan pelanggan mencari gerai berhampiran, melihat menu dan membuat preorder untuk pickup. Masalah yang ingin diselesaikan ialah pelanggan tidak tahu gerai mana sedang buka, sukar melihat menu sebelum tiba dan perlu menunggu selepas membuat pesanan. Sistem ini mempunyai 3 jenis pengguna utama: 1. Customer 2. Merchant 3. Admin Oleh itu sistem memerlukan 3 aplikasi: Customer App Merchant App Admin Portal Pecahkan projek GeraiNow kepada 3 prompt berasingan, satu prompt untuk setiap aplikasi. Setiap prompt mesti boleh digunakan secara berasingan. Customer App perlu fokus kepada: Discover Gerai → Search / Category → Gerai Detail → Menu → Cart → Pilih Pickup Time → Confirm Preorder → Order Status → Order History. Merchant App perlu fokus kepada: Merchant Dashboard → Incoming Orders → Accept / Reject → Preparing → Ready For Pickup → Manage Menu → Sold Out → Open / Closed Status → Sales Summary. Admin Portal perlu fokus kepada: Dashboard → Merchant Management → Merchant Approval → Categories → Orders → Reports / Moderation → Featured Gerai → Platform Statistics. Ini hanya prototype untuk pembelajaran dan demonstrasi. Tidak perlu backend sebenar. Gunakan dummy data dan localStorage jika diperlukan untuk mensimulasikan fungsi. Setiap aplikasi mesti menggunakan: HTML5 Vanilla CSS Vanilla JavaScript dan dihasilkan dalam satu fail HTML lengkap. Pastikan setiap prompt pendek, jelas, mobile-first dan mudah digunakan walaupun oleh pengguna AI versi percuma. Jangan hasilkan code lagi. Hanya hasilkan 3 prompt berasingan untuk Customer App, Merchant App dan Admin Portal.
👆
Selepas AI beri 3 prompt...

Jangan copy ketiga-tiga sekali. Kalau anda beginner, ambil Customer App dahulu. Bina, test dan fahami. Kemudian barulah bergerak kepada Merchant App dan Admin Portal.

Founder Challenge

Jangan hanya tukar nama, warna & logo.

Itu customization. Bukan innovation. Cuba ubah sekurang-kurangnya satu bahagian daripada konsep asal.

🎯 Target Market
Fokus pasar malam sahaja?
💰 Business Model
Subscription instead of fee?
🔄 User Flow
Reserve slot instead of order?
✨ Feature
Tambah queue system?
🏭 Industry
Tukar kepada salon?
🤖 Technology
Tambah AI recommendation?
12 · Mini Founder Exercise

Sekarang cipta versi anda.

Isi worksheet ini. Jawapan anda akan disimpan secara automatik pada browser ini.

YOUR STARTUP IDEA

Founder Worksheet

● AUTO SAVE
Contoh: SalonNow
Customer, seller, admin...
Key Lesson

Apa sebenarnya yang anda patut belajar?

“Saya sudah mula faham bagaimana mengambil satu masalah, mengenal pasti pengguna, memecahkan sistem dan membina prototype satu bahagian pada satu masa.”
002
Drop Complete

GeraiNow Explored.

Anda baru melihat bagaimana satu masalah harian boleh berkembang menjadi sebuah ecosystem digital. Anda tidak perlu membinanya hari ini. Simpan, ubah atau gunakan struktur ini untuk mencipta idea anda sendiri.

3 USER ROLES
3 APPLICATIONS
∞ POSSIBILITIES
📝 Founder Exercise
Done