Kelas Mahir Prompt Engineer Cohort 1 Level 2 | Minggu 4 : Pembangunan Laman Web Pintar.
10 September 2026 | Aktiviti TerkiniPada 9 September 2026, sesi Kelas Mahir Prompt Engineer Cohort 1 Level 2 meneruskan pembelajarannya bagi Minggu 4 dengan fokus utama kepada Pembangunan Laman Web Pintar. Sesi ini memberikan pendedahan secara praktikal kepada para pelajar untuk membina laman web secara pantas, responsif, dan interaktif menggunakan teknologi kecerdasan buatan (AI) teras.
Suasana kelas bermula dengan langkah penerokaan. Setiap pelajar diminta untuk mencari contoh serta template laman web yang ingin dihasilkan sebagai rujukan asas. Langkah awal ini penting bagi memastikan setiap pelajar mempunyai gambaran struktur, reka bentuk, dan tema visual yang jelas sebelum proses pembangunan bermula.
Setelah mendapat template pilihan, para pelajar mula mengakses platform Google AI Studio (https://aistudio.google.com/) untuk menjana struktur kod laman web tersebut. Di sini, setiap pelajar memasukkan arahan (prompt) khusus mengikut cita rasa dan kehendak projek masing-masing. AI seterusnya memproses prompt tersebut dan menghasilkan reka bentuk laman web secara automatik.
Sebaik sahaja proses penjanaan AI selesai, pelajar dikehendaki menyemak semula setiap elemen pada laman web tersebut. Sekiranya terdapat sebarang kesilapan atau bahagian yang kurang memuaskan, pelajar menggunakan Edit Tool untuk memperbetul dan memantapkan perincian kandungan secara terus.
Proses penyesuaian (customization) diteruskan lagi dengan penukaran elemen visual. Bagi menggantikan gambar laluan (default), pelajar mempunyai beberapa pilihan fleksibel:
● Menggunakan arahan pada Chat Box.
● Menggunakan fungsi Edit Tool.
● Memuat naik gambar pilihan terlebih dahulu ke platform dalam talian seperti Google AI Studio sebelum dihubungkan ke laman web.
Seterusnya, penyesuaian diteruskan dengan memuat naik logo rasmi, mengubah gaya tulisan (typography), serta menyesuaikan warna dan bentuk butang action. Pelajar juga membuat ujian kefungsian (functionality check) pada setiap butang bagi memastikan semua pautan dan navigasi berjalan dengan lancar tanpa sebarang ralat.
Sebagai kemuncak kepada sesi Minggu 4 ini, semua pelajar berjaya melancarkan dan menerbitkan (publish) laman web pintar masing-masing secara rasmi melalui platform Lovable.dev (https://lovable.dev). Pengalaman praktikal ini bukan sahaja meningkatkan kemahiran prompt engineering para pelajar, malah membuktikan bahawa pembangunan laman web kini boleh direalisasikan dengan lebih pantas dan efisien menerusi bantuan AI.
Berikut adalah gambar sepanjang aktiviti ini dijalankan:
