۞
بِسْمِ اللَّهِ الرَّحْمَٰنِ الرَّحِيمِ

MASTERCLASS AI 2.0

Dalam Pengajian Al-Quran

✦MASTERCLASS AI 2.0✦
✧

Hasil Pembelajaran

Satu Topik · Pelbagai Bahan Pengajaran Digital

▧Infografik
▤Storybook
▶Animasi
▣Video Presenter
▦Slide HTML
✳AI Chatbot
﷽Ilmu · Kreativiti · Pembelajaran
ATARTIL QURANIC INSTITUTE

Daftar masuk

Emel sedia ada akan menggunakan nama pendaftaran asal secara automatik. Nama baharu disimpan dalam huruf besar.

Penyertaan dan penghantaran direkodkan dalam pangkalan data selepas konfigurasi pelayan selesai.

Showcase Umum

Hasil peserta mengikut slot. Emel peserta tidak dipaparkan.

AI

Masterclass AI 2.0 Dalam Pengajian Al-Quran

Satu Topik, Pelbagai Bahan Pengajaran Digital

Atartil Quranic Institute

MASTERCLASS
AI 2.0

Dalam Pengajian Al-Quran

11 & 18 Oktober 2026Zoom Online9.00 pagi hingga 12.00 tengah hari
القرآن
✦MASTERCLASS AI 2.0✦
✧

Enam Hasil Pembelajaran

Satu Topik · Pelbagai Bahan Pengajaran Digital

▧Infografik
▤Storybook
▶Animasi
▣Video Presenter
▦Slide HTML
✳AI Chatbot
﷽Ilmu · Kreativiti · Pembelajaran

Kandungan Masterclass

Pilih mana-mana bahagian. Setiap slot ada demo, praktis, semakan dan penghantaran hasil.

SESI 111 Oktober 2026
9.00 pagi hingga 12.00 tengah hari

AI Visual & Storytelling

AI Image CreationChatGPT Images | Slash Prompt Code
Storybook & eFlipComixsPrompter | eFlip
Storytelling AnimationSceneFlow | Google Flow
SESI 218 Oktober 2026
9.00 pagi hingga 12.00 tengah hari

AI Video & Interactive Learning

AI Video PresenterGoogle Vids | SceneFlow
Interactive Slide HTMLSlide HTML App | SmartDeck.AI
AI Chatbot with Groq + KnowledgeGroq API | Knowledge Base
Masterclass AI 2.0 • Sesi 1
SESI 1

AI Visual & Storytelling

11 Oktober 2026 | 9.00 pagi hingga 12.00 tengah hari

3 slot praktikal50 minit / slotDemo • Praktis • Semak • Hantar

Bina visual pendidikan, buku cerita dan animasi berdasarkan satu topik pengajian al-Quran.

القرآن الكريم
۞
✦MASTERCLASS AI 2.0✦
✧

Aliran Pembelajaran

Satu Topik · Pelbagai Bahan Pengajaran Digital

▧AI Images
▤Storybook
▣eFlip
▶Animasi
﷽Ilmu · Kreativiti · Pembelajaran
بِسْمِ اللَّهِ الرَّحْمَٰنِ الرَّحِيمِReka bentuk kaligrafi digital
SLOT 1

AI Image Creation

9.10 hingga 10.00 pagi | 50 minit
◈ ChatGPT ImagesSlash Prompt CodeFokus imej
DemoContoh prompt visual pendidikan al-Quran.
PraktisPeserta hasilkan visual berdasarkan satu topik.
SemakPeriksa mesej, konteks, teks dan kesesuaian visual.
HantarMuat naik pautan atau fail hasil akhir.
📘 Nota & contoh praktikal: Visual & slash prompt

Mulakan dengan satu objektif pembelajaran dan kumpulkan fakta daripada sumber rujukan sahih. Cuba /infographic, /make-sticky-notes atau /poster. Nyatakan sasaran pelajar, konsep, mesej utama, nisbah imej dan gaya visual. Semak ejaan Arab serta fakta al-Quran secara manual. Jangan minta model menghasilkan ayat al-Quran tanpa semakan teks mushaf.

/infographic : Hasilkan infografik pendidikan untuk topik [TOPIK]. Sasaran [TAHAP]. Fokus 4 fakta yang saya berikan. Guna tajuk ringkas, 4 kotak dengan ikon, teks BM yang jelas, latar putih dan aksen biru-teal-emas. Jangan reka ayat al-Quran.

Hasil peserta

  • Infografik pendidikan ringkas
  • Sticky notes atau poster pilihan
  • Prompt slash code yang boleh diguna semula
SLOT 2

Storybook & eFlip

10.00 hingga 10.50 pagi | 50 minit
▧ ComixsPromptereFlipBahan bergambar
DemoSusun jalan cerita, objektif dan isi utama.
PraktisBina mini storybook 4 halaman.
SemakPastikan naratif sesuai dan mudah difahami.
HantarKongsi storybook atau pautan eFlip.
📘 Nota & contoh praktikal: Storyboard & eFlip

Tetapkan tajuk, objektif, watak, lokasi, plot ringkas dan ringkasan. Susun empat halaman: pengenalan, masalah atau persoalan, penjelasan, pengukuhan. Pastikan watak dan pakaian konsisten pada semua panel; semak tanda bacaan Arab dan ayat rujukan sebelum eksport. eFlip boleh menerima fail atau pautan terbitan.

Bina storybook 4 halaman topik [TOPIK] untuk pelajar [TAHAP]. Setiap halaman ada deskripsi visual, dialog pendek dan satu mesej pembelajaran. Kekalkan profil watak sama pada semua halaman.

Hasil peserta

  • Mini storybook 4 halaman
  • Fail atau pautan eFlip
  • Jalan cerita ringkas untuk pengajaran
SLOT 3

Storytelling Animation

11.00 hingga 11.50 pagi | 50 minit
SceneFlow▶ Google FlowAnimasi penceritaan
DemoTukar storybook kepada storyboard pendek.
PraktisBina 3 scene penceritaan dengan naratif.
SemakSemak kesinambungan watak, lokasi dan suara.
HantarKongsi klip animasi atau storyboard lengkap.
📘 Nota & contoh praktikal: SceneFlow → Google Flow

Mulakan dengan watak dan tempat yang sama seperti buku cerita. Bina sekurang-kurangnya tiga scene; tetapkan durasi contoh 10 saat bagi setiap scene, kamera, pergerakan, dialog dan kesinambungan. Gunakan bingkai akhir scene sebelumnya sebagai rujukan scene seterusnya jika sesuai. Dalam SceneFlow, setiap prompt perlu kekal bawah 10,000 aksara. Semak kesinambungan, suara dan kesesuaian gambaran Islam.

Scene 1: buka cerita. Scene 2: jelaskan konsep. Scene 3: rumus mesej pembelajaran. Setiap scene nyatakan visual, kamera, dialog, durasi dan rujukan kesinambungan.

Hasil peserta

  • 3 scene storyboard
  • Naratif atau skrip pendek
  • Klip animasi atau storyboard lengkap
Masterclass AI 2.0 • Sesi 2
SESI 2

AI Video & Interactive Learning

18 Oktober 2026 | 9.00 pagi hingga 12.00 tengah hari

3 slot praktikal50 minit / slotDemo • Praktis • Semak • Hantar

Bangunkan presenter video, slide HTML interaktif dan chatbot berpandukan knowledge yang disemak.

القرآن الكريم
۞
✦MASTERCLASS AI 2.0✦
✧

Aliran Pembelajaran

Satu Topik · Pelbagai Bahan Pengajaran Digital

▣Presenter
▦Slide HTML
✳AI Chatbot
⌘Knowledge
﷽Ilmu · Kreativiti · Pembelajaran
بِسْمِ اللَّهِ الرَّحْمَٰنِ الرَّحِيمِReka bentuk kaligrafi digital
SLOT 1

AI Video Presenter

9.10 hingga 10.00 pagi | 50 minit
▣ Google VidsSceneFlowPresenter video
DemoStruktur skrip, avatar, suara, latar dan eksport.
PraktisHasilkan video presenter menerangkan topik.
SemakPeriksa lipsync, audio, visual dan mesej.
HantarKongsi skrip, storyboard atau video pendek.
📘 Nota & contoh praktikal: Google Vids + SceneFlow

Sediakan skrip 30–60 saat, bahagikan kepada scene pendek dengan seorang presenter, latar relevan dan suara jelas. Uji identiti avatar, sebutan istilah Arab, lipsync, audio dan sari kata. Jangan gambarkan presenter sebagai tokoh atau ulama sebenar tanpa izin.

Tulis skrip presenter 3 scene × 10 saat untuk menerangkan [TOPIK]. Bahasa Melayu jelas. Setiap scene mengandungi visual, teks suara dan gerakan kamera yang konsisten.

Hasil peserta

  • Skrip presenter
  • Storyboard presenter
  • Video presenter pendek
SLOT 2

Interactive Slide HTML

10.00 hingga 10.50 pagi | 50 minit
Slide HTML App▦ SmartDeck.AIInteraktif
DemoSusun bahan kepada Watch, Read, Do, Reflect dan Assess.
PraktisBina slide HTML satu topik dengan aktiviti.
SemakUji paparan desktop, tablet dan mobile.
HantarKongsi fail ZIP atau pautan HTML.
📘 Nota & contoh praktikal: WATCH • READ • DO • REFLECT • ASSESS

Bina satu topik yang bermula dengan bahan video, nota infografik, aktiviti praktis, refleksi ringkas dan kuiz. Semak bahan asal supaya setiap kad mencukupi konteks. Pastikan slide desktop penuh skrin, tablet dan telefon responsif, tiada pertindihan, dan aktiviti boleh digunakan. Jika ada penghantaran, uji pautan dan paparan hasil.

Rangka 5 slide interaktif: WATCH video pengenalan; READ 4–6 kad isi; DO aktiviti; REFLECT soalan refleksi; ASSESS 5 MCQ dan maklum balas.

Hasil peserta

  • Bahan Slide HTML interaktif lengkap
  • Bahagian Watch, Read, Do, Reflect dan Assess
  • Fail atau pautan HTML
SLOT 3

AI Chatbot with Groq + Knowledge

11.00 hingga 11.50 pagi | 50 minit
Groq API◉ Knowledge BaseChatbot topik
DemoBina chatbot yang jawab berdasarkan bahan rujukan.
PraktisSediakan knowledge asas dan soalan ujian.
SemakUji jawapan, bukti rujukan dan batasan bot.
HantarKongsi prototaip chatbot dan bukti ujian.
📘 Nota & contoh praktikal: Groq + knowledge berasaskan sumber

Sediakan knowledge yang disemak seperti istilah, definisi, langkah dan FAQ. Chatbot perlu mengutamakan kandungan knowledge, mengakui jika sumber tidak mencukupi dan tidak mereka dalil atau hukum. Uji 3–5 soalan: satu mudah, satu aplikasi, satu di luar knowledge, satu teks Arab jika ada. Kunci Groq disimpan di backend, bukan JavaScript pelayar.

Knowledge: tajuk, objektif, sumber berautoriti, fakta disahkan, 5 FAQ. Sistem: jawab dengan bahasa mudah; nyatakan tidak pasti apabila knowledge tidak mengandungi jawapan.

Hasil peserta

  • Chatbot prototaip berfungsi
  • Knowledge asas
  • Uji 3 hingga 5 soalan
  • Pautan atau bukti ujian

Output Peserta Akhir Masterclass

Daripada satu topik kepada bahan pembelajaran digital yang boleh digunakan.

01
Infografik & Visual
02
Storybook & eFlip
03
Animasi Penceritaan
04
Video Presenter
05
Slide HTML Interaktif
06
AI Chatbot
07
Knowledge Base

Dashboard Penghantaran

Semakan cepat untuk nama peserta, slot yang dihantar dan showcase.

Analisis Ringkas

0Jumlah penghantaran
0Peserta unik
0Slot aktif

Checklist Peserta

NamaSlotTajukPautanMasa
Penutup

TERIMA
KASIH

Daripada ilmu kepada bahan yang boleh digunakan.

Semak hasilBaiki bahanKongsi dengan tertib
شكرًا
✦MASTERCLASS AI 2.0✦
✧

Enam Hasil Pembelajaran

Satu Topik · Pelbagai Bahan Pengajaran Digital

▧Infografik
▤Storybook
▶Animasi
▣Video Presenter
▦Slide HTML
✳AI Chatbot
﷽Ilmu · Kreativiti · Pembelajaran
1 / 11
Masterclass AI 2.0 | Pengajian Al-Quran
AI Tawdih AssistantMasterclass Al-Quran • Knowledge
Assalamualaikum. Tanya tentang enam slot Masterclass, aliran kerja aplikasi atau semakan bahan. Jawapan berpandukan nota bengkel.