Tambah Fitur Kuiz Interaktif dalam Website dengan Claude Artifacts | Alpha | PandaiTech

Tambah Fitur Kuiz Interaktif dalam Website dengan Claude Artifacts

Cara mudah menambah ciri interaktif seperti kuiz pilihan berganda ke dalam projek website atau artifact yang sedang dibina tanpa perlu tulis kod.

Learning Timeline
Key Insights

Kelebihan Kelajuan Claude

Claude mampu menjana kod untuk komponen kompleks seperti kuiz dengan lebih pantas berbanding model GPT-4, membolehkan anda terus bekerja tanpa perlu menunggu lama untuk proses coding selesai.

Tips Debugging Interaktif

Jika fungsi kuiz tidak berjalan seperti yang diinginkan, anda boleh menyalin 'console messages' atau error yang muncul dan paste semula ke dalam chat Claude untuk meminta bantuan penyelesaian masalah (troubleshooting).
Prompts

Prompt Menambah Tab Kuiz

Target: Claude
Add a tab with a quiz that consists of five multiple choice questions.
Step by Step

Cara Menambah Kuiz Interaktif ke Claude Artifacts

  1. Pastikan anda sudah mempunyai website atau projek yang telah dijana di dalam Claude Artifacts.
  2. Pergi ke kotak chat Claude yang sedang aktif dengan projek tersebut.
  3. Masukkan prompt arahan untuk menambah ciri kuiz ke dalam website yang sedia ada.
  4. Nyatakan spesifikasi kuiz tersebut secara jelas, seperti jumlah soalan dan format jawapan (contoh: 5 Multiple Choice questions).
  5. Tekan 'Enter' atau klik butang 'Send' dan biarkan Claude mengemaskini kod pada tetingkap Artifacts secara automatik.
  6. Tunggu sehingga proses penjanaan kod selesai sepenuhnya (mungkin mengambil masa beberapa saat bergantung pada kompleksiti soalan).
  7. Lihat pada tetingkap preview Artifact di sebelah kanan dan klik pada tab 'Quiz' yang baru dijana di bahagian menu.
  8. Uji kefungsian kuiz dengan memilih jawapan dan klik butang 'Submit' untuk melihat hasilnya secara 'real-time'.

More from Coding & Pembangunan Aplikasi AI

View All