Penulisan perintah yang efektif

Efektivitas blueprint aplikasi dan kualitas kode yang dihasilkan bergantung pada kejelasan dan detail dari perintah Anda. Saat menggunakan App Prototyping agent, pertimbangkan panduan berikut untuk perintah yang efektif saat membuat dan men-debug aplikasi:

  • Berikan informasi yang spesifik: Tentukan dengan jelas fitur, interaksi pengguna, dan persyaratan data aplikasi Anda. Minta teknologi tertentu, jika memungkinkan. Misalnya, jika mencoba membuat aplikasi web dengan elemen 3D, Anda dapat meminta Gemini untuk menggunakan three.js.
  • Tanyakan tentang tugas tambahan untuk menyiapkan layanan: Gemini dapat menulis kode untuk aplikasi Anda, tetapi tidak dapat menyiapkan layanan, mengaktifkan API, atau menyediakan resource (seperti bucket Cloud Storage atau akun Stripe). Jika meminta Gemini menulis kode untuk layanan tertentu, pastikan juga Anda memintanya menyertakan cara menyiapkan layanan tersebut.
  • Gunakan Gemini untuk meningkatkan kualitas perintah Anda: Gunakan Gemini untuk Google, chat dengan Gemini di Firebase dalam tampilan Code, atau platform Gemini lainnya untuk meningkatkan kualitas dan mengoptimalkan perintah Anda.
  • Berikan konteks: Sertakan informasi latar belakang tentang tujuan aplikasi, target audiens, dan pengalaman pengguna yang Anda inginkan.
  • Gunakan contoh: Jika memungkinkan, berikan contoh cara pengguna harus berinteraksi dengan aplikasi atau data yang harus ditampilkan.
  • Lakukan iterasi dan tingkatkan kualitas: Jalankan pengembangan Anda secara iteratif. Pertimbangkan untuk memulai dengan permintaan dasar, lalu tambahkan fitur, uji, tingkatkan kualitasnya, kemudian tambahkan fitur yang lain.

Dengan mengikuti panduan ini, Anda dapat meningkatkan secara signifikan kualitas dan relevansi blueprint aplikasi yang dihasilkan oleh Firebase Studio dan keberhasilannya saat men-debug aplikasi Anda.

Menggunakan perintah tambahan untuk meningkatkan kualitas respons

Jika hasil awal tidak sesuai dengan yang diharapkan, Anda dapat meningkatkan kualitas perintah dengan menambahkan detail selengkapnya atau memberikan petunjuk spesifik:

  • Tambahkan batasan: Tentukan batasan pada UI, model data, atau fitur.
  • Berikan contoh: Berikan contoh cara pengguna harus berinteraksi dengan aplikasi dan data apa yang harus muncul.
  • Gunakan kata kunci: Gunakan kata kunci untuk mendeskripsikan fitur atau kemampuan yang Anda inginkan agar LLM dapat mengaitkannya dengan class output yang Anda inginkan. Misalnya, Anda dapat menggunakan Desain Material dalam perintah yang menunjukkan bahwa Anda ingin aplikasi mematuhi standar desain Google.
  • Minta perubahan yang spesifik: Minta perubahan yang spesifik pada kode atau blueprint yang dihasilkan. Tambahkan setiap permintaan fitur dalam permintaan terpisah.
  • Minta model untuk bernalar: Jika Anda mengalami masalah saat mendapatkan hasil yang diinginkan, coba minta model untuk bernalar melalui perintah. Misalnya, Anda dapat mengucapkan "Berpikirlah secara berurutan. Saya ingin membuat kotak input untuk aplikasi tugas saya. Kotak input tersebut harus berisi tombol 'Tambahkan tugas' dan tombol 'Batal'".

Dengan teknik ini, Anda dapat secara iteratif meningkatkan kualitas perintah untuk mendapatkan hasil yang diinginkan.

Contoh perintah yang efektif untuk blueprint aplikasi

Berikut adalah beberapa contoh perintah yang efektif untuk berbagai jenis aplikasi:

Pelacak tugas sederhana:

Create a simple web app that displays a list of to-do items.
Users should be able to add new items to the list and mark items as complete.
Provide a way to delete items and export the list as a text file.
Use a clean and modern UI using Google Material Design principles.

Aplikasi pengelolaan anggaran:

A budgeting and expense tracking app with spending categories, charts, and
budget goals. Include a clean dashboard with key insights. It should include
spending categories, charts, and budget goals. The app should allow users to
manually add expenses or upload csv files. The app should also allow users to
upload receipts, then use AI to convert the receipt into an expense entry that
users can edit. Data should be stored in browser cache, with download and
delete options.

Perintah aplikasi game dengan bantuan dari Gemini (Markdown):

Generate a delightful sliding number puzzle game (15-puzzle) with Javascript,
HTML, and CSS.

- **Setup:** Create a 4x4 grid with numbers 1-15 and one empty space. Use a
  **solvable shuffling algorithm** to randomize the start.
- **Gameplay:** Allow clicking tiles **adjacent to the empty space** to slide
  them. Count and display the number of moves.
- **Timer:** Include a **countdown timer** starting at **120 seconds**
  (2 minutes).
- **End Conditions:**
    - If solved (numbers 1-15 in order): Alert with an encouraging winning
      statement generated by AI.
    - If timer reaches 0: Alert with a funny retort generated by AI.

Tips untuk proses debug

Anda dapat menggunakan Gemini di Firebase untuk membantu men-debug kode dengan chat di ruang kerja Code atau App Prototyping agent.

Meskipun Gemini dapat menulis kode untuk Anda, terkadang kode tersebut juga akan menghasilkan error. Setiap error yang terdeteksi akan melalui proses perbaikan. Jika menemui masalah dengan pesan error yang tidak dapat diselesaikan, Anda dapat mencoba beberapa teknik berikut:

  • Jelaskan masalah tersebut: Di antarmuka chat, jelaskan masalah yang Anda alami sejelas dan sesingkat mungkin. Meskipun memiliki akses ke konteks seperti pesan error dan log, Gemini mungkin tidak memahami konteks lengkapnya. Menjelaskan perilaku beserta pesan error dapat membantu Gemini memperbaiki error lebih cepat.

  • Ajukan pertanyaan spesifik: Jangan ragu untuk mengajukan pertanyaan langsung ke Gemini tentang kode Anda. Misalnya, "Apa yang dapat menyebabkan pengecualian pointer null dalam fungsi ini?" atau "Bagaimana cara mencegah kondisi race ini?"

  • Uraikan masalah kompleks: Jika Anda menangani masalah yang kompleks, uraikan menjadi bagian-bagian yang lebih kecil dan lebih mudah dikelola. Minta Gemini untuk membantu Anda men-debug setiap bagian secara terpisah dan memikirkan masalah secara bertahap.

  • Gunakan pembatas kode: Saat membagikan cuplikan kode, gunakan pembatas kode untuk memastikan kode diformat dengan benar. Hal ini memudahkan Gemini untuk membaca dan memahami kode Anda.

  • Lakukan iterasi dan tingkatkan kualitas: Gemini mungkin tidak selalu memberikan solusi sempurna pada percobaan pertama. Tinjau respons, ajukan pertanyaan klarifikasi, dan berikan informasi tambahan sesuai kebutuhan.

  • Hindari loop perintah: Jika Gemini terjebak dalam loop atau tidak dapat menjawab pertanyaan Anda, coba susun ulang perintah atau berikan konteks tambahan. Terkadang, hanya dengan mengubah kata-kata pertanyaan, Gemini dapat memahami apa yang Anda tanyakan.

    Jika menyusun ulang perintah tidak menyelesaikan loop, coba teknik berikut:

    • Mulai percakapan baru: Jika Anda menggunakan Gemini di chat Firebase di ruang kerja Code, mulai sesi percakapan baru untuk mereset konteks Gemini. Hal ini dapat membantu menghilangkan miskonsepsi atau asumsi yang mungkin dibuat oleh Gemini dalam percakapan sebelumnya.

    • Berikan contoh kontra: Jika Gemini membuat asumsi yang salah, berikan contoh kontra untuk membantunya memahami perilaku yang benar.

Langkah berikutnya