Learning Timeline
Key Insights
Iterasi Visual Tanpa Coding
Anda tidak perlu menerangkan perubahan secara keseluruhan. Gunakan ciri 'Select and Ask' untuk highlight elemen tertentu (seperti butang atau carta) dan beritahu Gemini apa yang perlu diubah pada bahagian itu sahaja.
Kepentingan Mock Data
Sentiasa minta Gemini menyertakan 'Mock Data' dalam prompt asal supaya prototaip anda tidak nampak kosong dan fungsi seperti filter atau search boleh dicuba serta-merta.
Kepantasan Prototyping
Berbanding proses tradisional yang mengambil masa berminggu-minggu dengan Product Manager, Gemini Canvas membolehkan anda mendapat 'working prototype' yang boleh diklik dalam masa beberapa minit sahaja.
Prompts
Template Prototaip Aplikasi L&D
Target:
Gemini
Build a single page app with all the features accessible. Include mock data that demonstrates each feature working and make all interactive elements clickable. App Name: 9x Learning. Target User: L&D managers and company CEOs. Core features: 1. Dashboard and reporting (progress tracking), 2. Student management (filter by department), 3. Engagement and communication (identify at-risk employees and send nudges), 4. Settings. Build this prototype so I can click through and test each feature.
Step by Step
Cara Membina Prototaip Interaktif dengan Gemini Canvas
- Buka antaramuka Gemini pada pelayar anda.
- Klik pada menu 'Tools' yang terletak di bahagian atas atau sisi ruang sembang.
- Pastikan 'Canvas Mode' telah diaktifkan (enable) untuk membolehkan penghasilan kod visual.
- Salin prompt template yang mengandungi keperluan spesifik aplikasi (seperti struktur, ciri utama, dan mock data) ke dalam kotak chat.
- Pastikan anda memasukkan arahan 'Build this prototype so I can click through and test each feature' di akhir prompt.
- Tekan 'Enter' atau klik butang 'Send' untuk memulakan proses penjanaan.
- Tunggu Gemini merancang struktur prosese (planning), mereka bentuk struktur prototaip, dan menulis kod.
- Setelah prototaip muncul di sebelah kanan (ruang Canvas), klik pada mana-mana tab atau butang (seperti Dashboard, Student Management, atau Settings) untuk menguji interaktiviti.
- Gunakan fungsi 'Select and Ask' dengan menghalakan tetikus (hover) pada elemen spesifik dalam prototaip untuk membuat perubahan tanpa perlu menulis kod manual.
