📍 المقالة الرئيسية للمجموعة: 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