جناح المراعي: اختبار ونموذج تقييم وتقارير لراعي مؤتمر

التحدي

المراعي كانت الراعي الرسمي للمؤتمر السنوي الرابع والعشرين للجمعية السعودية لطب حديثي الولادة 2026 في الرياض. الجناح مقسم لثلاث مناطق، وكل منطقة تقدم مجموعة منتجات تغذية الرضع والتغذية العلاجية (Nuralac و Evolac و SureNutri و SureGrow) بعمق مختلف. المطلوب طريقة سريعة تعرف مستوى كل طبيب وتوجهه للمنطقة المناسبة، وطريقة يقيّم بها الزوار زيارتهم.

بما إن المراعي هي الراعي الرسمي، كان لازم الشكل يكون فاخر وليس شكل جناح عادي.

ما بنيناه

ثلاث أدوات تعمل معاً: اختبار على التابلت داخل الجناح، ونموذج تقييم يفتحه الزائر على موبايله من QR، ولوحة تقارير للفريق.

اختبار الجناح

ثلاثة أسئلة، ولكل سؤال ثلاث إجابات تعطي من 0 إلى 2 نقطة. شاشة البداية تدعو الطبيب ليجد منطقة التغذية المناسبة له.

الأسئلة عن معرفة الطبيب بمجموعة المنتجات، وثقته في العلم وراء التركيبات (DHA و GOS و HMO والبروتين المحلل)، وهل يوصي زميله بحليب أطفال مصنوع محلياً. كل سؤال يظهر بحركة دخول والإجابات تظهر بالتتابع، وحجم الشاشة ثابت بين الأسئلة فلا يتحرك شيء. شريط التقدم على شكل مروحة المراعي، وكل سؤال يملأ ورقة منها.

الاختبار يعمل على التابلت بالوضع الطولي أيضاً، مع زر ملء الشاشة لتشغيله في الجناح.

التوجيه للمنطقة

مجموع النقاط من 6 يحدد المنطقة: من 5 إلى 6 للمنطقة A، ومن 2 إلى 4 للمنطقة B، ومن 0 إلى 1 للمنطقة C. النتيجة تظهر بخط كبير ورسالة المنطقة، والشاشة ترجع للبداية وحدها بعد 45 ثانية ليجدها الزائر التالي جاهزة.

نموذج التقييم

الزائر يمسح QR ويقيّم ثلاثة أشياء بالنجوم: التجربة العامة، وقيمة المعلومات، والتعامل مع فريق المراعي. بعدها الاسم والجهة والمدينة ورقم الجوال. كل الحقول مطلوبة، والاسم والجهة والمدينة حروف فقط، والجوال يبدأ بـ +966 ثابتة ويقبل الصيغة السعودية 5XXXXXXXX فقط. التحقق يتم على الموبايل وعلى السيرفر، وشاشة الشكر لا تظهر إلا بعد حفظ التقييم فعلاً.

لوحة التقارير

لوحة محمية بكلمة مرور تعرض البيانات أثناء المؤتمر: عدد مرات اللعب، متوسط النتيجة، توزيع الزوار على المناطق، وتقييمات الزوار. الصور التالية ببيانات تجريبية.

تقرير الاختبار يعرض توزيع النتائج، ولوحة لكل سؤال بعدد كل إجابة، والزيارات حسب الساعة بتوقيت الرياض، والسجل الكامل. كل تقرير يُصدَّر إلى Excel أو CSV.

التصميم

الخلفية مأخوذة من تدرج الأزرق في شنطة المراعي المطبوعة للمؤتمر، بخط المراعي وألوان دليل العلامة. شعارات المنتجات الثلاثة تظهر بألوانها الأصلية وتحتها شعار "إحدى شركات المراعي"، حسب قواعد الإدارة المركزية للمراعي.

البنية التقنية

الواجهة HTML و CSS و jQuery بدون فريم ورك، وتعمل على أي مقاس تابلت أو موبايل وبالوضعين الطولي والعرضي، مع زر ملء الشاشة للتابلت. السيرفر Node.js و Express ويحفظ البيانات في ملفات بدون قاعدة بيانات. الرسوم في التقارير SVG تُبنى على السيرفر فتظهر نفس الشكل بدون إنترنت وعند الطباعة.