Ahmed Alaydiمنصة مرشد التعليمية
واجهة ويب إنتاجية لمنظومة تعليم رقمي متكاملة.
- الدور
- بناء وتطوير واجهة الويب
- الجدول الزمني
- نظام فعلي
- الصناعة
- منصة تعليمية على الويب
- الحالة
- تعمل مباشرة
ما هذا النظام
مرشد منظومة تعليم رقمي لا مجرد موقع كورسات. تجمع الواجهة المنهج الدراسي المنظم وكتالوج الكورسات المستقلة والدروس ووسائطها والاختبارات والاشتراكات والتقدم في منتج واحد، ثم تعرضه بشكل مختلف حسب الحساب الذي ينظر إليه. الواجهة العامة تعرّف بالمنصة وصفوفها وكورساتها وخيارات الاشتراك؛ وخلف تسجيل الدخول يصل الطالب إلى صفه ومحتواه المسموح به بينما يصل ولي الأمر إلى الطلاب المرتبطين بحسابه. ولا شيء من هذا مكتوب داخل الكود: كله يُقرأ عبر REST من نظام إدارة منصة مرشد.
ما الذي احتجنا حله
منتجات التعلم الإلكتروني تنهار عادةً إلى كتالوج فيديوهات. أما منصة مدرسية حقيقية فعليها الإجابة عن أسئلة أصعب في كل شاشة: في أي صف هذا المتعلم، وإلى أي مادة وفصل ينتمي هذا الدرس، وهل هذا المحتوى ضمن ما دفع مقابله، وكم قطع من مساره — وعليها الإجابة عن ذلك لولي أمر يتابع ابنه كما تجيب للمتعلم نفسه.
كيف أطلقناه
واجهة مبنية حول شجرة المنهج لا حول قائمة وسائط، مع توجيه واعٍ بالدور يفصل مسار الطالب عن مسار ولي الأمر بعد تسجيل الدخول، وفحوص صلاحية أمام المحتوى المحمي، وتقدم يُحمل عبر المسار التعليمي. وتصدر بلغتين مع انعكاس كامل لتخطيط RTL وLTR، ووضعين ليلي ونهاري، واستراتيجية صور وتحميل مضبوطة للتسليم في الإنتاج.
كيف يُوصل النظام
الواجهة منظمة كما ينظم المنهج، لا كما تنظم مكتبة وسائط. مسار الطالب ينزل عبر الشجرة، وكل سطح محمي يمر بفحص صلاحية قبل عرضه — ولهذا يمكن للصفحة نفسها أن تكون معاينة لزائر ودرسًا كاملاً لآخر.
مرحلة المتعلم، وهي التي تحدد نطاق كل مادة وفصل ودرس يمكنه الوصول إليه.
تخصص داخل ذلك الصف، يحمل فصوله الخاصة وترتيبها.
وحدة من المادة تجمع الدروس التابعة لها بالتسلسل.
سطح التعلم نفسه — الفيديو والوصف والمحتوى المرتبط وحالة تقدم المتعلم.
اختيارات هندسية
في الواقع
مشاكل صعبة، تم التعامل معها
كان على منتج واحد أن يقدم رحلتين مختلفتين جوهريًا — رحلة المتعلم ورحلة ولي الأمر — دون أن يتحول إلى قاعدتي كود.
يُحدَّد الدور مرة واحدة بعد المصادقة ليقود المسار والتنقل، فتبقى أسطح المنهج والكورسات والدروس المشتركة تنفيذًا واحدًا.
كان المحتوى المرتبط بالاشتراك مهددًا بأن يُحمى فقط بعدم وضع رابط له.
وُضعت فحوص الوصول أمام الأسطح المحمية، فتقرر الصلاحية ما يُعرض لا ما إذا كان المسار معلنًا.
الصفحات التعليمية الغنية بالوسائط هي أول ما يصبح بطيئًا.
أُعطيت صور الكورسات والمدرسين والصور الشخصية والهيرو أحجامًا متجاوبة وصيغًا حديثة، وتحميلاً كسولاً أسفل الشاشة، ومسار تحميل خطوط وترطيب مُراجَع لحماية أكبر عنصر مرئي.
الأرقام التسويقية الثابتة في الصفحة الرئيسية كانت تتقادم فور نمو المنصة.
رُبطت الإحصاءات العامة ببيانات المنصة نفسها — الطلاب والدروس والصفوف والمواد والكورسات — فأصبحت الصفحة تصف المنتج كما هو الآن.
مبني ليظل سريعاً
التصميم والتفاعل
جاهز للإطلاق والتشغيل
ما الذي يفعله
يصل المتعلم إلى ما يخص حسابه فقط: صفه وموادّه والدروس والمحتوى التعليمي داخلها، والكورسات المسجّل بها، والاختبارات، والتقدم، وإعدادات الحساب، وما يتيحه اشتراكه.
الصف والمادة والفصل والدرس مستويات قابلة للتنقل لا وسوم. هذه البنية هي ما يجعل المنصة تتصرف كمدرسة منظمة لا كرفّ فيديوهات غير مترابطة.
إلى جانب المنهج توجد تجربة كورسات مستقلة: تصفح الكتالوج، وفتح الكورس، وقراءة تفاصيله، والتعرف على مدرسه، واستكشاف محتواه، والوصول إلى دروسه عند امتلاك الصلاحية.
يمكن أن يحمل الدرس فيديو ووصفًا ومحتوى مرتبطًا وحالة تقدم وعلاقته بالمادة أو الكورس وقواعد الوصول التي تحدد إن كان يُفتح.
يُشغَّل الفيديو داخل المنصة كجزء من الدرس لا يُسلَّم للزائر كملف يأخذه معه.
الاختبارات جزء من الرحلة التعليمية لا أداة منفصلة، مرتبطة بالمحتوى الذي تقيسه وبصلاحيات المتعلم وباشتراكه.
تتعامل المنصة مع المحتوى كمسار لا كقائمة تشغيل: يُتتبع تقدم المتعلم فيه ويُعرض بدل تركه للذاكرة.
يدخل ولي الأمر بحسابه الخاص، فيرى الطلاب المرتبطين به، وينتقل بينهم، ويتابع تقدم كل منهم، ويطّلع على المعلومات التعليمية المتاحة له — تجربة مستقلة لا نسخة من واجهة الطالب بعنوان مختلف.
الطالب وولي الأمر والمعلم والمشرف والإداري، لكل منهم بعد تسجيل الدخول تنقّله وصفحاته وصلاحياته ومحتواه.
تسجيل الدخول وإنشاء الحساب وإدارة الجلسة واستعادة كلمة المرور والملف الشخصي والتنقل حسب الدور بعد المصادقة.
الهاتف والتابلت واللابتوب والشاشات الكبيرة، جميعها تحافظ على التنقل والبطاقات والمحتوى والواجهة التعليمية دون كسر في التخطيط أو تمرير أفقي.
RTL وLTR اتجاها تخطيط لا زر ترجمة: التنقل والترتيب والعناصر الاتجاهية تنعكس مع اللغة لا مجرد تبديل النصوص.
الخلفيات والخطوط والبطاقات والتنقل والنماذج والمحتوى التعليمي وحالات التمرير والتركيز، كلها معرّفة للوضعين.
الأرقام المعروضة في الصفحات العامة مشتقة من بيانات المنصة نفسها — الطلاب والدروس والصفوف والمواد والكورسات — لا مكتوبة كأرقام تسويقية ثابتة.
لماذا اخترنا ما اخترناه
بناء التنقل حول شجرة المنهج.
الصف والمادة والفصل والدرس مستويات حقيقية في البيانات، وجعلها مستويات حقيقية في الواجهة يبقي الرابط ومسار التنقل والنموذج الذهني للمتعلم متفقة — ويجعل الدرس معنونًا بموقعه لا برقمه.
تحديد الدور بعد المصادقة لا داخل كل مكوّن.
مسارا الطالب وولي الأمر يتباعدان كثيرًا. تحديد المسار والتنقل مرة واحدة عند الحدود يبقي كل صفحة تالية بسيطة، بدل أن يسأل كل مكوّن عمّن ينظر إليه.
حماية المحتوى بالصلاحية لا بالإخفاء.
ما يحق للمتعلم فتحه يأتي مما منحه اشتراكه أو شراؤه. والتحقق من ذلك أمام المحتوى هو النسخة الوحيدة التي تصمد بعد مشاركة الرابط.
التعامل مع RTL كشأن تخطيط.
العربية لغة أساسية لهذه المنصة لا ترجمة لمنتج إنجليزي. وانعكاس التخطيط — ترتيب التنقل والأيقونات الاتجاهية والمحاذاة — هو الفرق بين واجهة عربية وواجهة إنجليزية مكتوبة بكلمات عربية.
تحسين الوسائط بقوة بما يناسب سياق الاستخدام.
تُستخدم هذه المنصة على اتصالات متواضعة وهواتف متوسطة. لذلك أُعطيت صور الكورسات والمدرسين والصور الشخصية وصور الهيرو أحجامًا متجاوبة وصيغًا حديثة مع AVIF عند الدعم، وتحميلاً كسولاً لما هو أسفل الشاشة، وأولوية محصورة بما هو فوقها فعلاً.
النتائج
النظام الذي يشغّل هذه المنصة
كل حساب وصف ومادة ودرس وكورس واختبار وباقة ونص تعرضه هذه الواجهة يُدار داخل نظام إدارة منصة مرشد، وهو مشروع مستقل بدراسة حالة خاصة به.
دراسات حالة أخرى
تبني شيئاً مشابهاً؟
هيا نحدد نطاق منصتك — لوحة تحكم وتطبيقات موبايل و APIs والمنصة كاملة.