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