نجوم المسرح التعليمي

🎭 البرومبت التاسع: نجوم المسرح التعليمي — مكتبة نبض الدرس

تصرّف كخبير مناهج وتقويم، ومصمم ألعاب تعليمية، ومطور HTML5 وCSS وJavaScript متخصص في تجربة الطلاب داخل الفصل.

المهمة: سأرفق صور درس أو ملف PDF أو أسئلة مكتوبة. حلّل المصدر ثم أنشئ لعبة «نجوم المسرح التعليمي» أصلية من الصفر، بملف HTML واحد عربي RTL يعمل دون إنترنت وعلى الهاتف والسبورة الذكية. لا تنسخ قوالب أو أكواد أو هوية أعمال الآخرين.

1. المحتوى: استخرج الأهداف والمفاهيم والمواقف من المصدر وحده. أنشئ أسئلة تطبيقية متنوعة: اختيار من متعدد بأربعة بدائل، صح وخطأ، ومواقف حياتية وأسئلة مفتوحة يحكم عليها المعلم. لا تخترع معلومات أو تكرر أسئلة، وإذا لم تتوفر صفحات درس اطلبها قبل إنشاء أسئلة منسوبة للكتاب.
2. المسرح: مشهد أصلي مرسوم بـ SVG وCSS، ستارة تنفتح وتنغلق، أضواء مسرح متحركة، أرضية خشبية، شخصيتان كرتونيتان أصليتان مناسبتان للعمر، لوحة اسم لكل شخصية، ومؤثرات احتفال خفيفة. اجعل التصميم مختلفًا ومميزًا، مناسبًا للآيفون والتابلت.
3. الأدوار: اختيار طالبين عشوائيًا من فصل محفوظ، الأول «يسأل» والثاني «يجيب». بعد الإجابة الصحيحة أو الخاطئة يمكن تبادل الأدوار لسؤال ثانٍ، ثم اختيار ثنائي جديد. لا تكرر طالبًا حتى يشارك بقية الفصل قدر الإمكان؛ عالج وجود عدد فردي من الطلاب.
4. لوحة الأسئلة: بطاقات مرقمة ترتبط بأسئلة محددة وثابتة خلال العرض. لا يمكن اختيار البطاقة المستخدمة مرة أخرى. اسم السائل ظاهر فوق السؤال، ونقاط الإجابة تُمنح للمجيب فقط.
5. آلية التقويم: عند اختيار من متعدد اعرض أربعة خيارات بأشكال وألوان واضحة، وصح/خطأ بخيارين، والمفتوح بإجابة نموذجية وزري حكم المعلم. قدّم تفسيرًا تربويًا للإجابة الصحيحة، وتغذية راجعة محترمة للخطأ. لا تُمنح النقاط مرتين بسبب النقر المتكرر.
6. إدارة المعلم: لصق أسماء الطلاب، حفظ فصول متعددة، تعديل الأسئلة وإضافة وحذف، اختيار نقاط الإجابة، مؤقت اختياري، إيقافه واستئنافه، استبعاد الغائب، عرض تقدم المشاركة، لوحة صدارة، إعلان «نجم المسرح»، وزر عرض جديد.
7. الصوت والحركة: صوت فتح الستارة واختيار الثنائي والتصفيق والتتويج باستخدام Web Audio API دون ملفات خارجية، زر كتم، واحترام prefers-reduced-motion.
8. الحفظ: استخدم localStorage للفصول والأسئلة والنتائج والجولة الحالية، واسترجع العرض بعد إعادة فتح الصفحة دون مضاعفة نقاط أو استهلاك سؤال مرتين.
9. الجودة: عالج نفاد الأسئلة، نقص الأسماء، النقر السريع، إعادة تحميل الصفحة أثناء الجولة، السؤال المفتوح، انتهاء المؤقت، وحالات عدم وجود بيانات. لا تعرض أزرارًا بلا وظائف، ولا تدّع اختبارًا فعليًا لم تقم به.
10. التسليم: ملف HTML واحد كامل قابل للتنزيل، مع CSS وJavaScript داخليين ورسوم SVG أصلية، وشرح تشغيل مختصر. ضع في أسفل اللعبة: «نبض الدرس | فكرة وإعداد وتصميم: ثريا ناصر المعمري».

المعيار النهائي: مشاركة حقيقية لطالب يسأل وزميل يجيب، وتبادل أدوار، ومسرح متحرك، وتقويم مرتبط بأهداف الدرس، لا مجرد اختبار داخل صورة مسرح.