تطوير نظام خوارزميات تفاعلي مع دعم الصور – WordPress + Tutor LMS

السلام عليكم،

يرجى قراءة طلب المشروع كاملاً قبل إرسال أي استفسار. لن يتم الرد على الأسئلة التي تم توضيحها في التفاصيل أدناه.

لدي موقع يعمل على WordPress باستخدام إضافة Tutor LMS، وأرغب في تطوير نظام خوارزميات طبية تفاعلي مشابه لفكرة التطبيق التالي:

https://play.google.com/s...

المطلوب تنفيذ نظام خوارزميات (Decision Tree Flow) داخل الموقع بحيث يكون تفاعلي وليس مجرد صور ثابتة.

تفاصيل التنفيذ المطلوبة:

1) عرض الخوارزمية بطريقة تفاعلية:

- يظهر عنوان الخوارزمية.

- تظهر خطوة أو سؤال.

- أزرار اختيار (مثال: YES / NO أو SEVERE / MILD).

- عند الضغط يتم الانتقال للخطوة التالية بدون إعادة تحميل الصفحة (Dynamic Content).

2) دعم عرض الصور داخل بعض الخطوات:

- بعض المربعات تحتوي على أيقونة صورة.

- عند الضغط على الأيقونة يتم فتح صورة توضيحية (Popup / Modal).

- الصور يجب أن تكون قابلة للإضافة والتعديل بسهولة من لوحة التحكم.

3) آلية عرض مشابهة للصورة المرفقة:

- مربعات ملونة.

- أسهم توضيحية بين الخطوات.

- تدرج هرمي واضح.

- تصميم مناسب للجوال (Mobile First).

4) المتطلبات التقنية:

- التنفيذ داخل WordPress.

- متوافق مع Tutor LMS.

- استخدام JavaScript أو AJAX لعرض الخطوات ديناميكيًا.

- عدم الاعتماد على صور ثابتة للخوارزمية بالكامل.

- يفضل تنظيم الخوارزميات باستخدام Custom Post Type أو JSON قابل للتوسعة.

- إمكانية إضافة خوارزميات جديدة مستقبلاً بدون تعديل الكود الأساسي.

الهدف النهائي:

إنشاء نظام عرض خوارزميات طبية تفاعلي احترافي داخل الموقع، يشبه تجربة التطبيق المذكور، مع دعم الصور التوضيحية داخل بعض الخطوات، وقابل للتطوير مستقبلاً.