Selamat Datang

Bengkel Pembinaan Slaid Interaktif dan Pembangunan Chatbot

Anjuran:
Jabatan Bimbingan dan Kaunseling,
IPG Kampus Tengku Ampuan Afzan

Agenda Hari Pertama

Sesi Pagi
  • 10:30 - 10:45pg: Rehat Pagi (15 minit)
Sesi Petang
  • 1:00 - 2:30ptg: Rehat & Makan Tengah Hari
  • 4:00 - 4:30ptg: Sesi Soal Jawab & Penutup
  • 4:30ptg: Bersurai

Pelajaran 1: Kejuruteraan Prompt

Prinsip Asas & Kerangka ABM

Prinsip Asas: "Garbage In, Garbage Out"
Kualiti output AI bergantung sepenuhnya pada kualiti input (prompt) anda.

Gunakan Kerangka ABM untuk membina prompt yang terperinci dan profesional:

  • A (Apa): Spesifikasi Tugasan. Apa yang perlu AI lakukan? (Cth: Analisis, Cipta)
  • B (Bagaimana): Format & Gaya. Bagaimana output patut kelihatan? (Cth: Jadual, Emel)
  • M (Mengapa): Konteks & Tujuan. Kenapa anda perlukan ini dan untuk siapa? (Cth: Untuk pelajar Tingkatan 5)

Latihan 1: Mencipta Prompt Aktiviti

Tugasan anda adalah untuk mengubah prompt yang lemah di bawah menjadi satu prompt yang kuat dan terperinci menggunakan Kerangka ABM.

Tema Tugasan: Mencipta Aktiviti Interaktif

Prompt Lemah: "Buat aktiviti untuk pelajar."

A (Apa):

B (Bagaimana):

M (Mengapa):

Galeri Templat Prompt ABM

Contoh prompt yang boleh diubah suai untuk pelbagai tugasan.

Tugasan: Menjana Idea Modul

[A] Cipta 3 idea utama untuk modul kemahiran komunikasi bagi pelajar yang akan menghadapi temu duga kemasukan universiti.

[B] Bagi setiap idea, sertakan objektif, satu aktiviti ringkas, dan cara penilaian. Gunakan format senarai bernombor.

[M] Ini untuk membantu kaunselor menyediakan bahan latihan persediaan yang praktikal dan relevan untuk pelajar Tingkatan 6.

Tugasan: Membina Rubrik Penilaian

[A] Jana satu rubrik penilaian terperinci untuk tugasan pembentangan kumpulan.

[B] Buat dalam format jadual dengan lajur: 'Kriteria', 'Cemerlang (8-10)', 'Baik (5-7)', 'Memuaskan (1-4)'. Kriteria perlu merangkumi kandungan, penyampaian, kerjasama, dan visual.

[M] Rubrik ini bertujuan untuk memberikan panduan pemarkahan yang telus dan objektif kepada pensyarah dan juga pelajar.

Latihan 2: Konteks Pensyarah

Bina prompt lengkap menggunakan kerangka ABM untuk setiap senario di bawah.

Senario A: Merancang Pengajaran Inovatif

Anda ingin merancang satu sesi pengajaran (1 jam) untuk topik kursus anda. Anda mahu ia lebih interaktif, bukan sekadar syarahan.

Senario B: Menjana Soalan Penilaian

Anda perlu menyediakan 3 soalan aneka pilihan (MCQ) dan 2 soalan esei aras tinggi (KBAT) untuk penilaian akhir kursus anda.

Latihan 3: Teknik Lanjutan

Menggabungkan Teknik Persona dan Chain-of-Thought (CoT)

Teknik Persona: Arahkan AI untuk mengambil peranan spesifik bagi memberi jawapan dengan nada dan tahap kepakaran yang betul. Cth: "Bertindak sebagai seorang kaunselor kerjaya..."
Chain-of-Thought (CoT): Minta AI "berfikir langkah demi langkah" untuk masalah kompleks bagi mendapatkan hasil yang lebih tersusun. Cth: "...Fikir langkah demi langkah..."
Senario Latihan:

Anda seorang guru disiplin. Anda perlu menulis emel kepada ibu bapa seorang pelajar yang kerap ponteng kelas. Gunakan Teknik Persona dan Chain-of-Thought untuk membina satu prompt bagi menjana draf emel tersebut.

Latihan 4: Projek Integrasi

Gunakan teknik Multi-Layer Prompting untuk menjana satu set bahan yang lengkap.

TUGASAN: Hasilkan "Toolkit Pengurusan Stres Peperiksaan" untuk pelajar SPM.

Minta AI merangka struktur keseluruhan toolkit (cth: Objektif, 3 Modul Utama, Penilaian).

Pilih SATU modul dari rangka tadi, dan minta AI menjana kandungan terperinci untuk modul tersebut.

Minta AI menukar kandungan modul tadi kepada format yang lebih menarik (cth: skrip video pendek atau siri infografik).

Latihan 5: Cabaran Prompt Visual

Gunakan kemahiran prompting anda untuk menjana imej yang kreatif.

Cabaran Utama:

Tulis satu prompt yang menggabungkan imej di sebelah kiri dengan gaya lukisan "Starry Night" oleh Van Gogh di sebelah kanan.

Kucing memakai topi keledar angkasawan + Lukisan Starry Night

Arahan: Log masuk ke Gemini (gemini.google.com), jana imej, dan muat naik hasilnya ke pautan Canva ini.

Idea Tugasan Alternatif (untuk Pensyarah):
  • Metafora Visual: Hasilkan imej yang melambangkan konsep 'pembelajaran teradun' (blended learning) dalam gaya seni cat air digital.
  • Ikon Infografik: Jana satu set 3 ikon minimalis moden untuk slaid pengajaran mengenai 'Kemahiran Berfikir Aras Tinggi (KBAT)'.

Rumusan Sesi 1 & Soal Jawab

Perkara utama yang telah kita pelajari dalam sesi Kejuruteraan Prompt.

  • Kerangka ABM (Apa, Bagaimana, Mengapa) adalah asas untuk prompt yang jelas dan berstruktur.
  • Teknik Persona membantu AI memberikan output dengan nada dan gaya yang betul.
  • Untuk tugasan besar, gunakan pendekatan Multi-Layer Prompting: mulakan dengan struktur, kemudian isi kandungan, dan akhir sekali perhalusi.

Sesi Soal Jawab Terbuka

Ada sebarang persoalan mengenai Kejuruteraan Prompt?

Pelajaran 2: Projek Penjanaan Kandungan

Aplikasikan kemahiran anda untuk menjana bahan pengajaran bagi subjek anda.

Lembaran Kerja Projek

Lapisan 1: Penetapan Topik & Objektif

Lapisan 2: Prompt Penjanaan Rangka

Lapisan 3: Prompt Penjanaan Kandungan Terperinci

Lapisan 4: Prompt Penambahbaikan & Visual

Pelajaran 3: Jana & Paparkan Slaid Anda

Dari kod kepada slaid interaktif dalam talian.

Bahagian 1: Jana & Simpan Kod

1. Buka Gemini & Pilih Canvas

Di laman utama Gemini, klik pada 'Tools' dan pilih 'Canvas' untuk memulakan.

2. Guna Prompt & Salin Kod

Gunakan prompt seperti: "generate html slide for...". Setelah kod dijana, klik butang salin (copy).

3. Tampal & Simpan Fail

Buka aplikasi teks editor (cth: Notepad), tampal (paste) kod, dan simpan fail dengan nama index.html.

Bahagian 2: Terbitkan Dalam Talian

4. Log Masuk Cloudflare

Buka cloudflare.com dan log masuk. Pilih 'Workers & Pages' dari menu.

5. Cipta Aplikasi 'Pages'

Klik 'Create application', kemudian pilih tab 'Pages' dan klik 'Use direct upload'.

6. Muat Naik & Deploy

Seret fail index.html anda ke dalam kotak muat naik. Klik 'Save and Deploy'. Slaid anda kini dalam talian!

Sesi Pembentangan Projek

Kongsikan hasil kerja anda bersama rakan-rakan.

Presentation Icon

Struktur Perkongsian (3-5 minit)

  • Pengenalan: Nyatakan topik yang anda pilih.
  • Proses: Tunjukkan 1-2 prompt paling berkesan yang anda bina.
  • Hasil: Paparkan sebahagian daripada kandungan atau draf slaid yang telah dijana.
  • Refleksi: Kongsikan apa yang anda pelajari dari proses ini.

Rehat & Makan Tengah Hari

Selamat menjamu selera!

Sesi petang akan bersambung pada jam 2:30 petang.

Pelajaran 4: Pembinaan Profil Chatbot AI

Memberi personaliti dan tujuan kepada pembantu digital anda.

Apakah Profil Chatbot?

Satu set panduan yang mentakrifkan siapa chatbot anda, apa yang ia tahu, dan bagaimana ia berinteraksi. Ia seperti mencipta watak untuk seorang pelakon.

Mengapa Ia Penting?

  • Konsistensi: Memastikan chatbot memberi jawapan yang seragam dan boleh dijangka.
  • Penglibatan Pengguna: Chatbot yang berpersonaliti lebih menarik dan mudah didekati.
  • Kejelasan Tujuan: Mengelakkan chatbot memberi maklumat di luar skopnya.

Komponen Utama Profil

  • Nama: Cth: "Cikgu AI", "Kaunselor Kerjaya Maya"
  • Persona: Cth: "Seorang kaunselor yang berpengalaman, peramah dan menyokong."
  • Objektif: Cth: "Membantu pelajar meneroka laluan kerjaya selepas SPM."
  • Skop: Cth: "Hanya menjawab soalan berkaitan kemasukan universiti dan pilihan kerjaya."
  • Nada Suara: Cth: "Profesional, positif, dan menggalakkan."

Latihan: Membina Persona Chatbot

Rangka profil untuk chatbot "Kaunselor Kerjaya Maya" IPG anda.

Integrasi & Prompt Sistem

Menghidupkan chatbot anda dengan arahan yang betul.

Profil yang anda bina tadi akan menjadi "System Prompt" atau arahan asas untuk chatbot anda. Arahan ini akan sentiasa dirujuk oleh AI setiap kali ia berinteraksi.

Contoh System Prompt untuk Gemini

Anda boleh menggabungkan semua komponen profil menjadi satu perenggan arahan yang jelas:

Anda adalah "KerjayaAI", seorang kaunselor kerjaya maya yang peramah, profesional, dan menyokong.

Objektif utama anda adalah untuk membantu pelajar IPG meneroka pilihan kerjaya dalam bidang pendidikan.

Skop pengetahuan anda terhad kepada:
1. Laluan kerjaya guru
2. Maklumat kursus PISMP & PDPP
3. Kemahiran insaniah
4. Persediaan temu duga SPP

JANGAN jawab soalan di luar skop ini. Sentiasa gunakan nada suara yang positif dan menggalakkan. Mulakan perbualan dengan memperkenalkan diri anda.

Terima Kasih!

Semoga bengkel ini bermanfaat untuk anda.

Sila imbas kod QR untuk mengisi borang maklum balas.
Sebarang pertanyaan lanjut boleh diajukan sekarang.

QR Code for Feedback