Seven Smart

From Idea to Production

Peserta mampu mengubah ide menjadi aplikasi nyata dengan frontend responsive, backend/API, database, dan deploy production.

SESI 1Frontend

From Idea to Flow & Mockup

Mengubah kebutuhan bisnis menjadi alur dan tampilan aplikasi.

LANGKAH-LANGKAH
  1. 1
    Gambar Idemu di Kertas

    Sketsa ide aplikasi secara sederhana di atas kertas sebelum masuk ke AI.

  2. 2
    Upload ke ChatGPT dan Isikan Prompt 1

    Upload foto sketsa ke ChatGPT, lalu jalankan prompt di bawah ini.

    PROMPT YANG DIGUNAKAN

    Dari Gambar yang aku upload, buatkan: 1. Gambaran Umum Aplikasi 2. Alur Aplikasi Per Pengguna 3. Daftar Halaman Per Pengguna 4. Tampilan Aplikasi di Laptop dan di Handphone 5. Dokumentasi Aplikasi Lengkap Catatan: 1. Ringkas dan sederhana 2. Gunakan istilah atau bahasa yang mudah dipahami oleh pemula 3. Aplikasi ini tidak perlu terlalu banyak informasi, fokus pada kebutuhan 4. Tampilan aplikasi mudah dipahami 5. Tampilan aplikasi Clean 6. Aplikasi mudah digunakan 7. Gunakan layout dan tata letak yang sesuai kebiasaan orang Indonesia

  3. 3
    Buatkan Tampilan Laptop dan Handphone

    Minta ChatGPT membuat gambar tampilan untuk masing-masing role.

    PROMPT 2 — TAMPILAN ADMIN

    Buatkan Gambar Tampilan Aplikasi Untuk Admin

    PROMPT 3 — TAMPILAN PESERTA

    Buatkan Tampilan untuk Peserta

  4. 4
    Buat Prompt ke V0.dev

    Susun prompt final untuk digenerate menjadi frontend di V0.dev.

    PROMPT YANG DIGUNAKAN

    Sekarang buatkan Prompt ke V0.dev untuk membuat Aplikasi dengan Prinsip: Ringkas dan sederhana Istilah di Aplikasi yang mudah dipahami oleh orang awam Aplikasi ini tidak perlu terlalu banyak informasi, fokus pada kebutuhan Tampilan aplikasi mudah dipahami Tampilan aplikasi Clean Aplikasi mudah digunakan Gunakan layout dan tata letak yang sesuai kebiasaan orang Indonesia Aplikasi Responsive (Tampilan Laptop dan HP)

PRAKTIK
Buat flow dan mockup aplikasi pendaftaran pelatihan.
TOOLS YANG DIGUNAKAN
OUTPUT
User flow + daftar halaman + mockup Desktop, Tablet, Mobile
CATATAN PENGAJAR
Fokus pada logika pengguna dan UI; belum perlu coding.