Learning Timeline
Key Insights
Menentusahkan Logik Sambungan
Model AI mungkin mengalami 'hallucination' atau tersalah buat sambungan dalam rajah yang rumit. Sila periksa jika wujud 'ghost arrows' (anak panah hantu) di mana dua nod kelihatan rapat tetapi sebenarnya tidak bersambung dalam imej asal.
Semakan Ketepatan Visual
Sentiasa buat perbandingan sebelah-menyebelah antara output HTML dan imej asal. Walaupun pengekstrakan teks selalunya tepat, arah anak panah dan pautan nod yang spesifik sering menjadi punca kesilapan dalam carta alir yang agak rumit.
Prompts
Prompt untuk Menjana HTML Interaktif
Target:
GPT 5.2
Convert this image into interactive HTML. Allow me to move the nodes around and scroll to zoom in and out. Preserve the text and colors and put everything in one HTML file.
Step by Step
Menukar Carta Alir Statik kepada HTML Interaktif
- Muat naik imej carta alir statik ke antara muka AI.
- Masukkan prompt yang meminta ciri interaktif (seperti zooming, dragging) dan output dalam satu fail.
- Tunggu model selesai memproses (masa mungkin berbeza bergantung pada kerumitan).
- Cari blok kod yang dijana dalam tetingkap respons.
- Klik butang 'Copy Code'.
- Buat fail baharu dalam penyunting kod (contohnya Notepad atau VS Code) dan tampal kod yang disalin tadi.
- Simpan fail tersebut dengan sambungan '.html'.
- Buka fail HTML yang disimpan dalam pelayar web untuk menyemak elemen interaktif (menggerakkan nod, zooming in/out).
