منصة ترويح ثقافة الشركة لوزارة البيئة والمياه والزراعة (MEWA)
نظرة عامة
منصة ترويح شاملة تم تطويرها لـ وزارة البيئة والمياه والزراعة (MEWA) لإشراك الموظفين في قيم ثقافة الشركة من خلال الألعاب والاختبارات التفاعلية.
تتميز المنصة بثلاثة أنشطة رئيسية: لعبة الزهرة حيث يقوم المستخدمون بزراعة النباتات عن طريق الإجابة على أسئلة متعلقة بالرعاية، و اختبار الشخصية لاكتشاف شخصيتهم المهنية في مكان العمل، و اختبار الالتزام لاختبار مدى توافقهم مع قيم الوزارة.
شاشة اختيار لعبة الزهرة حيث يختار المستخدمون نباتًا محليًا لزراعته.
في لعبة الزهرة، يختار المستخدمون نباتًا محليًا ويزرعونه عن طريق الإجابة على أسئلة تتعلق بثقافة الوزارة. يساعد هذا النهج التفاعلي الموظفين على التعرف على القيم البيئية بطريقة ممتعة وجذابة.
نتيجة اختبار الشخصية تظهر شخصية 'فلاح' مع سمات الشخصية.
يُشرك اختبار الشخصية الموظفين من خلال تحديد شخصيتهم المهنية بناءً على خياراتهم. تأتي كل نتيجة، مثل 'الفلاح'، بمجموعة فريدة من السمات التي تعكس مساهمتهم في المنظمة.
تم بناء المنصة باستخدام Next.js و Socket.IO، وتتضمن شاشة عرض مباشرة تعرض المشاركة في الوقت الفعلي، مما ينشئ حديقة رقمية جماعية تمثل مشاركة الموظفين.
الأهداف
- إشراك الموظفين في *قيم ثقافة شركة الوزارة (MEWA)*.
- تثقيف الموظفين حول المفاهيم البيئية والزراعية من خلال *التعلم المرح (gamified learning)*.
- تعزيز حس المجتمع من خلال *التصور الجماعي في الوقت الفعلي*.
- توفير *تجربة سلسة وملائمة للجوال* للحاضرين في الحدث.
المميزات الرئيسية
لعبة الزهرة
لعبة رعاية حيث يزرع المستخدمون نبتة رقمية عن طريق الإجابة على أسئلة متعلقة بالثقافة.
اختبار الشخصية
اختبار تفاعلي يحدد نوع شخصية المستخدم المهنية بناءً على خياراته.
اختبار الالتزام
تقييم بالنقاط لمدى توافق المستخدم مع قيم الشركة.
شاشة العرض المباشر
لوحة تحكم في الوقت الفعلي تعرض التقدم الجماعي وإحصائيات المشاركة باستخدام Socket.IO.
تسجيل المستخدمين
نظام تسجيل قائم على رمز الاستجابة السريعة (QR) مع التحقق من رقم الهاتف.
التحديات والحلول
تنفيذ المزامنة في الوقت الفعلي لشاشة العرض المباشر باستخدام Socket.IO.
تم تحسين معالجة أحداث *Socket.IO* لضمان تحديثات ذات زمن انتقال منخفض للوحة التحكم المباشرة.
ضمان واجهة مستخدم سلسة ومتجاوبة مع رسوم متحركة معقدة وتخطيط عربي من اليمين إلى اليسار (RTL).
تم استخدام *Tailwind CSS* للتصميم المتجاوب وإدارة حالة React بعناية لضمان رسوم متحركة سلسة في تخطيط RTL.
إدارة الحالة عبر ألعاب متعددة وتقدم المستخدم المستمر.
تم استخدام نهج إدارة حالة مركزي و *SQLite* لتتبع واستمرار تقدم المستخدم عبر الألعاب المختلفة.