📍 المقالة الرئيسية للمجموعة: EdTech فرنكوفونية 2026.

دروس فيديو سلبية = تجربة ضعيفة. الطالب يحتاج إلى تفاعل: quiz بعد كل قسم، videos مع نقاط توقف، flashcards للحفظ، course presentations مرئية. H5P (HTML5 Package) هو معيار مفتوح المصدر للمحتوى التعليمي التفاعلي. مدمج في Moodle منذ 4.0، 50+ نوع محتوى مجاني، ينشئ بدون كود في الواجهة. هذا الدرس يفصل الاستخدام الكامل من جانب الأستاذ، مع أمثلة ملموسة لـ الجامعة الفرنكوفونية.

المتطلبات

Moodle 4.x مع H5P core (مدمج). أستاذ مع وصول editor إلى دورة. لا حاجة لـ كود. المستوى: مبتدئ. الوقت: 1-2 ساعة لإتقان الميزات.

الخطوة 1 — تفعيل H5P في Moodle

H5P مدمج في Moodle 4.0+. إذا لم يكن مفعَّلاً:

Site administration → Plugins → Manage plugins → ابحث «H5P»
Activity modules: H5P → Enable
Filters: Display H5P → Enabled

ثم تنزيل أنواع المحتوى (Content Types):

Site administration → H5P → Content type list
Click «Update content types» → تنزيل الأحدث (50+ types)

الخطوة 2 — إنشاء Quiz بسيط

أكثر نوع H5P استخداماً. اختبار 10 أسئلة بعد الفصل.

في الدورة Moodle:
Add an activity → H5P → Save
ثم: Edit → Content type: «Quiz (Question Set)»

الواجهة تطلب:

Title: «Quiz: Le système solaire».
إضافة سؤال نوعه: Multiple Choice، True/False، Drag and Drop، Fill in the Blanks.
كل سؤال: نص، خيارات، الصحيح، شرح (اختياري).
Pass percentage: 70%.
Show solutions: حسب الإعدادات.

محفوظ، الطالب يرى Quiz interactive في الدورة، يجيب، يستلم scoring فوري + ملاحظات.

الخطوة 3 — Interactive Video

الفيديو مع أسئلة embed. الطالب يشاهد، يتوقف عند نقاط محددة، يجيب على سؤال للمتابعة.

Content type: «Interactive Video»
Step 1: Upload video أو YouTube URL
Step 2: Add interactions
  - At 2:30: Multiple Choice question
  - At 5:00: Single Choice
  - At 8:15: Text fill-in
Step 3: Summary task
Step 4: Submit screen

الفيديو لا يستمر إذا الطالب لا يجيب. خيارات adaptive: إذا أجاب خاطئاً، يعود إلى منتصف لإعادة المشاهدة.

الخطوة 4 — Course Presentation

عرض تفاعلي مماثل لـ PowerPoint لكنه interactive. سلايدات مع quizzes، videos، images، links.

Content type: «Course Presentation»
Add slides:
  Slide 1: Title + image
  Slide 2: Text
  Slide 3: Image hotspots (نقاط tactile على الصورة)
  Slide 4: Multi-line H5P (drag drop within)
  Slide 5: Quiz
  Slide 6: Summary

الطالب يتنقل بين السلايدات. Achievements تتبع التقدم. التصدير ك SCORM ممكن لاستخدام في Coursera.

الخطوة 5 — Drag and Drop

تمرين drag & drop: الطالب يسحب labels على صورة. مثال: علم تشريح، الخريطة الجغرافية.

Content type: «Drag and Drop»
Background image: خريطة إفريقيا
Add drop zones:
  - السنغال (zone في الموقع الجغرافي)
  - المغرب
  - الجزائر
Add draggable labels:
  - «Sénégal»
  - «Maroc»
  - «Algérie»
Match each label with correct zone

الخطوة 6 — Fill in the Blanks

نص مع كلمات مفقودة. الطالب يكمل.

Content type: «Fill in the Blanks»
Text:
«La capitale de la France est *Paris*. La capitale du Sénégal est *Dakar*. La capitale du Maroc est *Rabat*.»

* تشير إلى الكلمة المفقودة. الطالب يكتب، النظام يقارن (case insensitive).

الخطوة 7 — Flashcards

للحفظ. وجه: سؤال أو مفهوم. خلف: الإجابة أو التعريف. الطالب يقلب البطاقة.

Content type: «Dialog Cards»
Card 1:
  Front: «ما هو DNS؟»
  Back: «Domain Name System، نظام يحول النطاقات إلى عناوين IP»
Card 2:
  Front: «ما هو HTTPS؟»
  Back: «HTTP Secure، بروتوكول HTTP مشفر TLS»

مفيد جداً لتعلم المفاهيم التقنية، الكلمات بلغات أجنبية، حفظ الأدوية في الطب.

الخطوة 8 — Branching Scenarios

سيناريو متفرع: الطالب يتخذ قرارات، النتيجة تختلف. مفيد للتدريب على القرارات (الطب، القانون، إدارة الأعمال).

Content type: «Branching Scenario»
Start: «مريض يصل إلى المستشفى مع ألم في الصدر»
  Option A: فحص ECG → نتيجة → إجراء
  Option B: علاج ألم فوري → خطأ → إعادة
  Option C: استشارة جراح → إجراء صحيح
Each path = video + question + next options

الخطوة 9 — Image Hotspots

صورة مع نقاط tactile. الطالب ينقر، يكتشف معلومات.

Content type: «Image Hotspots»
Image: تشريح القلب
Hotspots:
  - Aorta: «الشريان الأكبر، يحمل الدم المؤكسج»
  - Ventricule droit: «يضخ الدم إلى الرئتين»
  - Ventricule gauche: «يضخ الدم إلى الجسم»

الخطوة 10 — تكامل xAPI و Tracking

كل تفاعل H5P يولد statement xAPI: «الطالب X أجاب على سؤال Y بإجابة Z». Moodle يخزن، يولد grades.

Course gradebook → grade item: H5P content
Auto-grade based on score
Pass/fail threshold: 70%

الأخطاء الشائعة

الخطأ	السبب	الحل
H5P لا يحفظ	upload limit	php.ini upload_max
Content type missing	لم تُحدَّث	Site admin → H5P → Update
Video لا يعمل offline	YouTube blocked	upload فيديو محلياً
RTL للعربية	H5P RTL partial	اختبر كل content type
Score لا يحفظ	xAPI events معطلة	تفعيل في settings
الموبايل لا يعمل	some H5P غير responsive	اختر types responsive

التكيف مع السياق

أربع توضيحات. اللغة العربية. H5P يدعم RTL في معظم content types. اختبر كل واحد. الصور المحلية. استخدم صور إفريقية (خريطة الشركة، تشريح، طبيعة). إنشاء بنك صور للأكاديمية. التوقيت. Quiz limited time خيار. مفيد للامتحانات. التشارك بين الأساتذة. Moodle H5P Hub: تنزيل/تحميل محتويات بين أكاديميات. مكتبة جماعية إفريقية ممكنة.

دروس الإخوة

الأسئلة المتكررة

H5P مجاني؟ Open source MIT. التطوير لـ Norway research center. مجاني للأبد.

SCORM compatibility؟ H5P يصدر SCORM. مفيد لاستخدام في Coursera أو Udemy إذا أردت publish.

Mobile responsive؟ 90% من content types responsive. اختبر كل واحد.

Performance؟ H5P مكتوب JavaScript modern. سريع. لا يحتاج plugin browser.

Branching scenarios complexes؟ حد 50 نقطة قرار. كافٍ لـ سيناريوهات تدريبية.

للاستزادة

🔝 المرجع: EdTech 2026
H5P: h5p.org

محتويات تفاعلية H5P في Moodle: درس عملي 2026