منصة التعلم التفاعلي – Interactive Learning Platform
تفاصيل العمل
منصة التعلم التفاعلي – Interactive Learning Platform
وصف المشروع:
منصة التعلم التفاعلي هي نظام تعليمي متكامل على الويب، مصمّم لإنشاء وإدارة ونشر محتوى تعليمي تفاعلي بطريقة سهلة وفعّالة. تهدف المنصة إلى تعزيز تجربة التعلم عبر دمج عناصر تفاعلية متعددة مثل الكتب الرقمية، الفيديوهات، والاختبارات، مع التركيز على قابلية التوسع وسهولة الاستخدام.
الميزات الرئيسية:
نظام الكتب التفاعلية:
إنشاء كتب متعددة الصفحات باستخدام محرر بصري.
دعم النصوص، الصور، الفيديوهات (يوتيوب أو مرفوعة)، الروابط الخارجية، الأشكال، والاختبارات المدمجة.
التحكم في التنسيق: الشفافية، الزوايا المستديرة، الظلال، التدوير، وأنظمة الألوان.
محرر قابل للسحب والإفلات مع معاينة فورية للصفحات.
الفيديو التفاعلي:
دمج فيديوهات يوتيوب باستخدام IFrame API.
إضافة اختبارات، علامات، أو مهام زمنية محددة داخل الفيديو.
محرر تفاعلي يعتمد على الخط الزمني للتحكم في الأحداث والمهام.
محرك الاختبارات التفاعلية:
أنواع الأسئلة: اختيار من متعدد، صح/خطأ، أكمل الفراغ، سحب الكلمات، تعليم الكلمات، مطابقة الصور، بطاقات فلاش، مجموعات أسئلة.
كل نوع سؤال يحتوي على محرر خاص ومشغل تفاعلي للتحقق من الإجابات وحساب الدرجات.
نظام إدارة المحتوى (CMS):
تنظيم المحتوى داخل مجلدات متداخلة.
جدول محتوى مركزي مع خيارات البحث والتصفية حسب نوع المحتوى.
إنشاء سريع للمحتوى عبر قائمة “محتوى جديد”.
مشاركة المحتوى ونشره:
روابط عامة لمشاركة المحتوى والاختبارات عبر URL مخصص.
توليد رموز QR تلقائي تدعم العربية والإنجليزية، مع تحسين الوصول للهواتف المحمولة.
إدارة المستخدمين والملفات الشخصية:
نظام تسجيل دخول آمن وحماية البيانات.
ملفات شخصية مع صور المستخدم وتتبع النشاط.
إعدادات حساب قابلة للتخصيص.
التحليلات والتقارير:
تتبع أداء المتعلمين ونتائج الاختبارات.
مؤشرات التفاعل واستخدام المحتوى بشكل مفصل.
التقنيات المستخدمة:
الواجهة الأمامية: React 19، TypeScript، Vite، Tailwind CSS، shadcn/ui، framer-motion، dnd-kit
الواجهة الخلفية: Laravel 12.x، PHP 8.2+، MySQL، Laravel Sanctum
أهداف المشروع:
تقديم تجربة تعلم حديثة وتفاعلية.
دعم أنواع متعددة من المحتوى في منصة واحدة.
تصميم بنية برمجية قابلة للتوسع والصيانة، جاهزة للتحول لاحقًا إلى منتج SaaS تعليمي.