بعد عام من إدارة منصة تعليمية متخصصة في البرمجة لأحد عملائي، لاحظنا مشكلة متكررة: حماس الطلاب الجدد يتراجع سريعًا، وعدد كبير منهم لا يكمل الدورات التي يسجل فيها. وبعد دراسة شاملة، تبيّن أن محتوى المنصة كان ممتازًا من حيث الجودة، لكن التجربة التعليمية نفسها بدت روتينية وتفتقر إلى عنصر التشويق.
عندها جاءت فكرة إضافة تقنية التلعيب (Gamification) كحل عملي لتعزيز أسلوب التعلم وزيادة دافعية الطلاب. وبعد فترة من الاستخدام لاحظنا تحسنًا ملحوظًا في تفاعل الطلاب واستمراريتهم، وخلال هذا المقال سأشارك تجربتي والإضافات التي اعتمدت عليها لتحقيق ذلك.
ما المقصود بالتلعيب (Gamification)؟
التلعيب ببساطة هو استخدام عناصر وأساليب الألعاب في بيئات غير ترفيهية مثل التعليم. والغاية منه ليست تحويل المنصة إلى لعبة، بل إضافة عنصر التشويق والمتعة إلى العملية التعليمية.
وتتنوع صور التلعيب في عدة استراتيجيات، أبرزها:
- النقاط (Points).
- الشارات (Badges).
- المستويات (Levels).
- جداول المتصدرين (Leaderboards).
هذه العناصر تحفّز الطلاب على الاستمرار، وتحول التعلم من روتين ممل إلى تجربة تفاعلية ممتعة، مما يعزز الدافعية ويرفع معدل إكمال الدورات التعليمية.
وقد اعتمدتُ في تفعيل التلعيب على منصتي التعليمية على إضافتين أساسيتين:
- إضافة GamiPress: تتيح إنشاء نظام متكامل للنقاط والشارات والمستويات، مع إمكانية ربطها بإنجازات الطلاب داخل الدروس والاختبارات.
- إضافة H5P: تركّز على إنشاء محتوى تعليمي تفاعلي مثل الاختبارات القصيرة، الألعاب التعليمية، والعروض التفاعلية. وبهذا لا يقتصر التلعيب على نظام المكافآت فحسب، بل يشمل أيضًا أسلوب عرض المادة التعليمية ليجعلها أكثر جذبًا وتشويقًا.
كيف أضفت نظام التلعيب إلى المنصة التعليمية
المنصة التعليمية التي أديرها اعتمدت فيها على نظام Masterstudy LMS المخصص لإنشاء المنصات التعليمية على ووردبريس. وقد تناولت في مقالات سابقة الخطوات التفصيلية لبناء منصة تعليمية على ووردبريس، مثل "مقال خطوات إنشاء منصة تعليمية متكاملة على ووردبريس"، الذي يهدف إلى مساعدة أصحاب المحتوى والمدربين على إطلاق رحلتهم التعليمية الإلكترونية بخطوات واضحة ومنظمة.
01- تخطيط استراتيجية التلعيب
في البداية بدأت في تصميم استراتيجية لبناء نظام التلعيب على المنصة. لذلك فكرت في استخدام إضافة H5P في اضافة اختبارات تفاعلية مثل ملء الفراغات أو تخمين الإجابات لعرض كود برمجي يضم العناصر أو الفكرة التي تم شرحها في الوحدة أو الدرس. فيقوم الطالب بقراءة وفحص الكود جيدًا لكتابة الدوال الصحيحة في الأماكن المناسبة التي تجعل الكود يعمل بالصورة الصحيحة.
بهذا أضمن أن الطالب طبق عمليًا على فكرة الدرس مع بعض الترفيه، ثم أقوم بالتعديل على الفكرة تدريجيًا بالاعتماد على أنواع الاختبارات التفاعلية الأخرى حتى أضمن أن الطالب لا يشعر بالملل خلال الدورة.
بعد ذلك، صممت استراتيجية نظام النقاط والشارات وقائمة المتصدرين، وذلك من أجل تعزيز الحافز التنافسي بين الطلاب وتشجيعهم على الاستمرار في التعلم. فكل نشاط يقوم به الطالب مثل إكمال درس، اجتياز اختبار، أو إنهاء وحدة دراسية كان يقابله الحصول على نقاط أو شارة معينة، مما يضيف شعورًا بالإنجاز والتقدّم.
بالإضافة إلى إظهار جداول المتصدرين (Leaderboards) في صفحة الدورة التي تساعد على خلق روح تنافسية إيجابية بين الطلاب، حيث يمكن لكل طالب مقارنة أدائه بزملائه والسعي لتحسين نتائجه.
02- إضافة عناصر تفاعلية إلى الدروس بواسطة إضافة H5P
لتطبيق الاستراتيجية الأولى، بدأتُ بتثبيت إضافة H5P على المنصة لإنشاء الأنشطة التفاعلية. لذلك توجهتُ إلى متجر إضافات ووردبريس، ثم اخترت من القائمة الجانبية: إضافات >> أضف جديدًا. بعد ذلك، بحثتُ عن إضافة H5P وقمت بتثبيتها وتفعيلها على المنصة كما يظهر في الصورة التالية:
تثبيت إضافة H5P على ووردبريس.
بعدها انتقلتُ إلى إعدادات الإضافة لإضافة اختبار تفاعلي جديد عبر المسار: محتوى H5P >> أضف جديدًا.
إضافة اختبار جديد على إضافة H5P.
ستجد قائمة واسعة من الاختبارات والأنشطة التفاعلية مثل: الفيديوهات التفاعلية، الاختيارات المتعددة، ملء الفراغات، سحب الكلمات، ألعاب الذاكرة، وغيرها الكثير من الخيارات التي تضيف طابعًا ممتعًا وتفاعليًا على منصتك.
على سبيل المثال، اخترتُ نشاط ملء الفراغات لتطبيق الاستراتيجية الأولى. لذلك بحثت عن نوع الاختبار Fill in the Blanks ثم ضغطت على زر "احصل على" بجواره.
الاختبارات التفاعلية على إضافة H5P.
سيُعرض لك تفاصيل النشاط التفاعلي، وإذا كان مناسبًا لفكرتك اضغط على زر تحميل ليُفتح النشاط مباشرة على منصتك.
تحميل اختبار ملء الفراغات على المنصة التعليمية.
بعد ذلك، أدخلتُ محتوى النشاط التفاعلي من حيث العنوان والوصف.
بيانات الاختبار التفاعلي على المنصة التعليمية.
ثم كتبتُ نص النشاط مع مراعاة الالتزام بقسم التعليمات الهامة التي يوضحها النظام لضمان عرض الأسئلة والإجابات بشكل صحيح وتفاعلي.
إدخال تفاصيل الاختبار التفاعلي على المنصة.
كما يمكنك ضبط آلية التقييم وفق نسبة الإجابات الصحيحة من خلال قسم الملاحظات الشاملة.
ضبط آلية التقييم وفق نسبة الإجابات الصحيحة.
كذلك، توفر الإضافة إعدادات متقدمة مثل: تمكين خيار إعادة المحاولة، إظهار زر عرض الحل، إلزام الطالب بإكمال النشاط قبل الانتقال، وغيرها من الخيارات المفيدة كما هو موضح في الصورة التالية:
ضبط إعدادات الاختبار المتقدمة.
بعد الانتهاء، اضغط على زر "إنشاء" لنشر النشاط التفاعلي على منصتك. وسيظهر لك ملخص للنشاط مع كود قصير (Shortcode) يمكنك نسخه وإضافته داخل دروس الدورة التدريبية.
الحصول على كود الاختبار المخصص.
انسخ الكود، ثم انتقل إلى محتوى الدورة المناسبة، وألصقه في المكان المطلوب سواء داخل درس منفصل أو اختبار، ثم اضغط على "حفظ" لنشر النشاط الجديد.
نشر الاختبار التفاعلي على المنصة التعليمية.
الآن، عندما يصل الطالب إلى مرحلة الاختبار، سيظهر النشاط التفاعلي كما هو موضح في الصورة التالية:
مظهر الاختبار التفاعلي على المنصة التعليمية.
وبمجرد أن يملأ الطالب الفراغات ويضغط على زر "تحقق"، ستظهر له النتيجة مع إمكانية عرض الحل أو إعادة المحاولة.
نتائج الاختبار التفاعلي على المنصة.
وبهذه الآلية، قمتُ بتطبيق العديد من الاختبارات التفاعلية في مختلف مراحل الدورة التدريبية، مما ساعد على توصيل المعلومات بشكل أوضح مع ربطها بالتطبيق العملي للطلاب، دون شعورهم بالملل.
03- إنشاء نظام النقاط والشارات على المنصة التعليمية بواسطة إضافة GamiPress
الخطوة التالية كانت تنفيذ الجزء الثاني من الاستراتيجية، لذا بدأتُ بتثبيت إضافة GamiPress من متجر إضافات ووردبريس كما هو موضح في الصورة التالية:
تثبيت إضافة GamiPress على ووردبريس
بعد التثبيت، انتقلتُ إلى إعدادات الإضافة لبدء إنشاء نظام النقاط على المنصة التعليمية. وللقيام بذلك، توجهتُ إلى: GamiPress >> Points Types ثم ضغطت على زر Add New Points Type.
إنشاء نظام نقاط جديد على المنصة.
بعدها بدأتُ بتحديد تفاصيل نظام النقاط، وقد فضّلت أن تكون هناك نقاط مميزة لكل دورة حتى يحصل أصحاب الدورات على مكافآت خاصة، لذلك أدخلت اسم النقاط والرابط الخاص بها كما يظهر في الصورة التالية:
تحديد بيانات نظام النقاط على المنصة.
ثم حددتُ آلية احتساب النقاط على المنصة. وجدت أن الإضافة تدعم نظام MasterStudy بشكل كامل، سواء عند إكمال الدروس، الواجبات، الاختبارات، وغير ذلك. وهي أيضًا تدعم أيضًا أنشطة H5P (التي أنشأتها في الخطوة السابقة)، مما يتيح تخصيص نقاط عند إكمال الاختبارات التفاعلية داخل الدروس.
على سبيل المثال، أنشأت قاعدة تمنح الطالب 20 نقطة عند إكمال أي اختبار على المنصة، وذلك كالآتي:
تخطيط آلية احتساب النقاط على المنصة التعليمية.
كذلك طبقت شروط أخرى للحصول على النقاط مثل عند إكمال الدرس يحصل الطالب على 10 نقاط، عند إكمال الوحدة يحصل على 20 نقطة، ومع كل اختبار تفاعلي يحصل الطالب على 20 نقطة.
وبهذا أنشأت نظام نقاط متكامل على المنصة، كما يمكنك جعل النقاط تُحتسب بالإضافة أو بالخصم، بحيث يُخصم من الطالب نقاط في حالة الرسوب بالاختبارات أو عدم تسليم الواجبات، وغير ذلك من السيناريوهات.
بعد الانتهاء من ضبط الإعدادات، ضغطت على زر "نشر" كما هو موضح في الصورة التالية:
نشر نظام النقاط على المنصة.
كما يمكنك تخصيص نظام النقاط ليُطبق على الدورات بشكل عام، أو ضبطه بشكل منفصل لكل دورة. وبنفس الطريقة يمكنك تكرار الخطوات لإنشاء أنظمة الإنجازات (Achievements) أو المستويات (Ranks).
إنشاء أنظمة الإنجازات أو المستويات على المنصة
الخطوة الأخيرة كانت إظهار جداول النقاط أو الإنجازات على صفحات المنصة التعليمية (مثل صفحة الدورة).
ولفعل ذلك توجهتُ إلى: إعدادات المظهر >> الودجات، ثم اخترت الشريط الجانبي لصفحة الدورة، وأضفت ودجات GamiPress. ستجد ودجات جاهزة مثل: النقاط، الإنجازات، أو المستويات لعرض تقدم الطالب داخل الدورة ومقارنته بترتيب زملائه في جداول المتصدرين.
إضافة ودجات GamiPress على المنصة.
وأخيرًا، بعد الانتهاء من الإعدادات، توجهتُ إلى صفحة الدورة لمعاينة المظهر النهائي لقسم النقاط وجداول المتصدرين (Leaderboards)، وكانت النتيجة كما يلي:
مظهر نظام النقاط وقائمة المتصدرين على المنصة التعليمية.
بهذا استطعنا تفعيل نظام التلعيب على منصة العميل التعليمية بشكل مميز، يوفر للطلاب أسلوبًا تفاعليًا ونظامًا تحفيزيًا يضمن استكمال الدروس من قبل الطلاب دون الشعور بالملل.
في الختام، يجب الاهتمام بالدروس والدورات ذات نسب التسرب العالي، مع ربط المكافآت بقيمة ملموسة مثل شهادات أو محتوى إضافي، حتى تحصل على تجربة تعليمية أكثر جذبًا واستمرارية.
ويجدر بالذكر أيضًا أن كلتا الإضافتين H5P وGamiPress تتناسبان مع مختلف إضافات المنصات التعليمية مثل MasterStudy LMS، LearnDash، Tutor LMS، وLifterLMS، مما يجعل دمج التلعيب في أي منصة خطوة عملية وفعّالة لرفع التفاعل وتقليل معدلات التسرب.
أحمد عباس
30 أغسطس، 2025