Mockup Aplikasi dengan Google Gemini

Apa yang anda akan capai

Pada akhir kursus ini anda boleh:

• Menjana skrin aplikasi dalam bentuk HTML dengan Gemini dan Canvas, menggunakan prompt yang jelas dan boleh diulang.
• Menulis brief projek sekali dalam Gem supaya setiap skrin mempunyai gaya, bahasa dan peranan pengguna yang sama.
• Menyambung beberapa skrin menjadi prototaip yang boleh diklik, lengkap dengan data dummy dan validasi borang.
• Menukar lakaran kertas kepada skrin, dan menyemak paparan di telefon.
• Berkongsi mockup untuk maklum balas, dan menukar maklum balas itu kepada prompt seterusnya.

Kenapa tiada pelayan web dan pangkalan data

Mockup ialah alat untuk berbincang, bukan sistem sebenar. Setiap skrin ialah satu fail HTML dalam satu folder. Anda membukanya dengan klik dua kali dan ia dipaparkan oleh pelayar. Data yang dipaparkan ialah senarai dummy di dalam fail itu sendiri.

Ini bermakna:

• Tiada perisian untuk dipasang selain pelayar dan editor teks.
• Mockup boleh dihantar sebagai satu fail zip dan dibuka di mana-mana komputer.
• Pengguna boleh mencuba aliran sebenar (log masuk, isi borang, lihat senarai) sebelum satu baris kod sistem ditulis.

Cara belajar di platform ini

1. Buka pelajaran mengikut turutan. Setiap pelajaran dipecahkan kepada langkah kecil.
2. Ikut langkah di komputer anda, kemudian tekan Tandakan selesai.
3. Prompt dan arahan dalam kotak gelap boleh disalin dengan butang Salin.
4. Kuiz akhir dibuka selepas semua langkah selesai. Anda boleh mencuba berulang kali.
5. Akses kekal selepas latihan. Kembali bila-bila masa untuk ulang kaji.

Alat yang digunakan

Antara muka Gemini dikemas kini dari semasa ke semasa. Jika nama butang berbeza sedikit daripada yang ditulis di sini, cari fungsi yang sama; langkahnya tidak berubah.