Learning Timeline
Key Insights
Kelebihan Gemini Canvas vs Chat Biasa
Canvas membolehkan AI melakukan 'iterative editing'. Anda boleh ubah bahagian spesifik dalam kod atau penulisan tanpa perlu menjana semula keseluruhan respon dari awal.
Tips Menulis Prompt untuk App
Sentiasa nyatakan 'User Interface' (UI) yang anda inginkan. Contohnya, minta Gemini sediakan 'Side-by-side layout' atau 'Dark mode' supaya aplikasi mini anda lebih mudah digunakan secara visual.
Had Preview Canvas
Ingat bahawa Canvas adalah 'sandbox' persekitaran sementara. Jika anda mahu menyimpan aplikasi tersebut untuk kegunaan jangka panjang, pastikan anda menyalin kod (HTML/JS) ke dalam fail berasingan atau platform seperti Replit.
Prompts
Initial Mini-App Creation Prompt
Target:
Gemini Canvas
Create a mini automation app within this canvas. The app should help me generate catchy YouTube titles and thumbnail ideas based on a specific topic. Include an input field for the 'Topic', a button to 'Generate', and a display area for the results.
Refining App Logic
Target:
Gemini Canvas
Add a feature to this app that suggests 3 different psychological hooks for each title (e.g., Curiosity, Urgency, Knowledge). Make the output look clean with a modern UI.
Step by Step
Cara Mengaktifkan dan Menggunakan Gemini Canvas
- Buka pelayar web dan layari laman web Gemini (gemini.google.com).
- Pastikan anda menggunakan model yang menyokong Canvas (seperti Gemini 1.5 Pro).
- Masukkan prompt permulaan yang meminta Gemini membina satu aplikasi atau dashboard untuk tugasan spesifik.
- Tunggu sehingga tetingkap 'Canvas' muncul di sebelah kanan skrin (Split View).
- Lihat kod atau struktur yang dijana secara automatik dalam ruang Canvas tersebut.
- Klik pada butang 'Run' atau 'Preview' (jika ada) untuk melihat hasil interaktif aplikasi mini tersebut.
Membina Workflow Automasi Content dalam Canvas
- Taip arahan untuk membina 'mini app' bagi tujuan penjanaan Content YouTube (Tajuk & Thumbnail).
- Gunakan 'floating toolbar' di dalam Canvas untuk membuat perubahan tanpa menulis kod secara manual.
- Highlight bahagian teks yang ingin diubah, kemudian pilih menu 'Edit' atau berikan arahan suara/teks baru.
- Minta Gemini menambah fungsi 'Copy to Clipboard' untuk memudahkan pemindahan hasil kerja.
- Kemaskini logik aplikasi dengan meminta Gemini menambah ruangan input untuk 'Keywords' atau 'Niche'.
- Klik ikon 'Export' atau salin kod yang terhasil jika anda mahu memindahkannya ke platform hosting lain.
