Tutorial..ICT

Versi 2, saja2 cuba tambah gambar background. Nampaknya jadi..😂
Boleh cuba melalui link di bawah:
https://skarian.my.canva.site/permainan-susun-huruf-bm-pemulihan-khas

705 viewsمحمد فوزي, 00:16

Tutorial..ICT

700 viewsمحمد فوزي, 00:16

Tutorial..ICT

🚨Prompt yang saya gunakan :
Bina satu fail HTML+CSS+JS sahaja bertajuk “Susun Huruf BM – Pemulihan Khas”.

Ciri utama (wajib):

15 soalan. Setiap soalan: 1 gambar 3D kartun gaya Pixar (placeholder + kapsyen alt), huruf diacak (drag & drop + klik), ruang jawapan, butang: Semak, Padam, Dengar Sebutan, Seterusnya.

Audio sebutan BM Malaysia guna Web Speech API speechSynthesis ms-MY. Jika tiada, cuba id-ID; jika masih tiada, papar mesej “Sebutan BM tidak tersedia”.

Skor, bar kemajuan (Soalan X/15), masa/stopwatch, skrin tamat (markah, masa, butang Main Semula).

Reka bentuk ceria, kontras jelas, butang besar, responsif (mobile/desktop), animasi ringkas (fade-in, shake bila salah). Aksesibiliti asas (ARIA, tab/Enter).

Kod moden tanpa pustaka luaran. Komen ringkas fungsi utama.

Data soalan (gunakan array objek dengan word, imageAlt, imagePrompt, audioText sama dengan word):
1 kayu | “Kayu gelondong” | “3D Pixar cartoon, wooden log, bright, clean background”
2 sawi | “Sayur sawi” | “3D Pixar cartoon, fresh green mustard leaves, bright”
3 tebu | “Batang tebu” | “3D Pixar cartoon, sugarcane stalks, glossy, vibrant”
4 topi | “Topi” | “3D Pixar cartoon, simple hat, cheerful scene”
5 pasu | “Pasu bunga” | “3D Pixar cartoon, ceramic flower pot, shiny”
6 roda | “Roda” | “3D Pixar cartoon, single wheel, soft shadows”
7 paku | “Paku besi” | “3D Pixar cartoon, nail, metallic sheen”
8 madu | “Madu dalam balang” | “3D Pixar cartoon, honey jar with dipper, warm glow”
9 baja | “Baja tanaman” | “3D Pixar cartoon, fertilizer bag, garden vibe”
10 cahaya | “Cahaya lampu” | “3D Pixar cartoon, glowing light beam”
11 delima | “Buah delima” | “3D Pixar cartoon, pomegranate, glossy seeds”
12 jurubina | “Jurubina bekerja” | “3D Pixar cartoon, builder with hard hat, friendly”
13 matahari | “Matahari cerah” | “3D Pixar cartoon, smiling sun, blue sky”
14 petani | “Petani di kebun” | “3D Pixar cartoon, farmer with hoe, field”
15 jurukamera | “Jurukamera” | “3D Pixar cartoon, cameraman with video camera, studio lights”

Mekanik ringkas:

Acak huruf; elak susunan awal sama dengan jawapan. Butang Semak sahkan: betul → +1 skor + bunyi beep ringkas (WebAudio); salah → mesej merah + animasi goncang.

Seterusnya memaparkan soalan baharu sehingga 15 habis.

Sediakan fungsi setImage(src, alt) untuk guru menukar gambar kemudian; paparkan juga teks kecil “Cadangan prompt imej”.

689 viewsمحمد فوزي, edited 00:17

Tutorial..ICT

postimg.cc

kayu — Postimages

595 viewsمحمد فوزي, edited 00:18

Tutorial..ICT

🚨Prompt untuk edit tajuk ;

Tukarkan tajuk ini Susun Huruf BM – Pemulihan Khas dengan SILA TEKA, SIAPA SAYA ?

Tukarkan ayat Sebutan tersedia: Microsoft Osman Online (Natural) - Malay (Malaysia) kepada Assalamualaikum, adik-adik boleh mendengar dahulu sebutan perkataan. Kemudian klik atas huruf untuk menyusun perkataan. Selamat mencuba.

sila padam semua perkataan ini Cadangan prompt imej: 3D Pixar cartoon, wooden log, bright, clean background

709 viewsمحمد فوزي, edited 00:19

Tutorial..ICT

🚨Prompt untuk tukar gambar background ;

tukarkan warna background gradient blue kepada gambar yang ada dalam link ini
https://i.postimg.cc/WzFHtqnZ/Untitled-design-20.png

postimg.cc

Untitled design (20) — Postimages

1.02K viewsمحمد فوزي, edited 00:19

Tutorial..ICT

This media is not supported in your browser

VIEW IN TELEGRAM

1.03K viewsمحمد فوزي, 00:20

Tutorial..ICT

Kuiz ringkas Bahasa Arab Tahun 4
https://skarian.my.canva.site/permainan-bahasa-arab-saya-sayang-sekolah-saya-tahun-4

1.04K viewsمحمد فوزي, 00:37

Tutorial..ICT

1.04K viewsمحمد فوزي, 00:38