Perintah yang efektif

Efektivitas blueprint aplikasi dan kualitas kode yang dihasilkan bergantung pada kejelasan dan detail 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). Pastikan untuk memberi tahu Gemini bahwa jika menulis kode untuk layanan tertentu, kode tersebut juga harus memberi tahu Anda 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: Dekati pengembangan Anda secara iteratif. Pertimbangkan untuk memulai dengan permintaan dasar, lalu tambahkan fitur, uji, tingkatkan, lalu tambahkan fitur lain.

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

Menggunakan perintah tambahan untuk meningkatkan kualitas respons

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

  • Menambahkan batasan: Menentukan 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.
  • Meminta perubahan tertentu: Meminta perubahan tertentu 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 Anda inginkan, coba minta model untuk bernalar melalui perintah. Misalnya, Anda dapat mengucapkan "Pikirkan langkah demi langkah. Saya ingin membuat kotak input untuk aplikasi tugas saya. Kotak input tersebut harus berisi tombol 'Tambahkan tugas' dan tombol 'Batal'."

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

Contoh perintah yang efektif untuk blueprint aplikasi

Berikut 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. Saat mendeteksi error, aplikasi akan mencoba memperbaikinya. Jika Anda mendapati bahwa pesan error tersebut tidak dapat menyelesaikan masalah, Anda dapat mencoba beberapa teknik berikut:

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

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

  • Membagi masalah kompleks: Jika Anda menangani masalah yang kompleks, bagilah 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 pembatasan kode: Saat membagikan cuplikan kode, gunakan pembatasan kode untuk memastikan kode diformat dengan benar. Hal ini mempermudah 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 yang memperjelas, dan berikan informasi tambahan sesuai kebutuhan.

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

    Jika mengubah rumusan perintah tidak menyelesaikan loop, coba teknik berikut:

    • Mulai percakapan baru: Jika Anda menggunakan Gemini di chat Firebase di ruang kerja Code, mulai sesi chat 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