علي بمبوزيا: منصة كورسات أونلاين تطوير مواقع الويب المخصصة

نظرة عامة على المشروع

علي بمبوزيا صانع محتوى ومعلّم عربي يُدرّس صناعة المحتوى البصري السينمائي الاحترافي باستخدام أحدث أدوات الذكاء الاصطناعي من توليد الفيديو والمؤثرات إلى المونتاج والإخراج البصري، بأسلوب يتيح للمتعلّم البدء دون خبرة سابقة. كان يحتاج إلى أكثر من كورس؛ كان يحتاج إلى منصة لبيع برامجه وتقديمها وإدارتها من البداية إلى النهاية.

سلّمت HBS منصة كورسات وعضوية متكاملة بُنيت كثلاثة تطبيقات مترابطة على خادم واحد: متجر تسويقي مع نظام دفع، وقاعة تعلّم بالفيديو خاصة للطلاب المشتركين، ولوحة تحكم إدارية كاملة تتيح لعلي إدارة المشروع بالكامل دون مطوّر.

الأهداف التجارية

• بيع الكورسات أونلاين لجمهور عربي عبر نظام دفع سلس ومحلّي.

• تقديم تجربة تعلّم راقية ومركّزة تُبقي الطالب مستمرًا ومتقدّمًا.

• حماية محتوى الفيديو المدفوع من المشاركة والقرصنة.

• منح علي تحكّمًا كاملاً في المحتوى والكورسات والطلاب والمدفوعات من لوحة واحدة.

• بناء أساس قابل للتوسّع لمزيد من الكورسات والطلاب مع الوقت.

التحدّي

بيع وتقديم كورسات فيديو مدفوعة يطرح مشاكل هندسية حقيقية تتجاوز الموقع العادي:

• تجربة عربية بالكامل بنظام RTL عبر موقع تسويقي وقاعة تعلّم وأداة إدارة.

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

• نظام دفع موثوق عبر بوابة دفع مصرية محلية، مع مسارات للنجاح والفشل ومنح الوصول.

• فصل واضح بين المتجر العام وقاعة التعلّم المدفوعة ولوحة الإدارة، مع مشاركة خادم واحد وتسجيل دخول واحد.

الميزات الأساسية والتسليمات

1) المتجر التسويقي

موقع عام سريع ومهيّأ لمحركات البحث (alibmbozya.com) يكتشف فيه الزوّار الكورسات والباقات. كل قسم الواجهة، «ماذا ستتعلّم»، المزايا، آراء الطلاب، الشركاء، المدرّب، الأسئلة الشائعة، ودعوات الإجراء مُدار من لوحة التحكم وقابل للتعديل، مع صفحات مخصّصة للكورسات والمنتجات.

2) الدفع والمدفوعات

نظام دفع متكامل عبر بوابة Kashier، مع مسارات مخصّصة للنجاح والفشل. كل عملية شراء ناجحة تُنشئ اشتراكًا وتفتح الكورس المقابل في قاعة التعلّم تلقائيًا.

3) قاعة التعلّم (LMS)

منطقة تعلّم خاصة للطلاب المشتركين، منظّمة كـ كورسات ← فصول ← فيديوهات. تُبَثّ الدروس من Bunny CDN عبر مشغّل مخصّص لتشغيل سلس ومحمي، إلى جانب الموارد والعروض وصفحة الملف الشخصي والدعم المدمج.

4) لوحة التحكم الإدارية / نظام إدارة المحتوى

مكتب خلفي متكامل يمنح علي تحكّمًا شاملاً:

• تعديل كل أقسام صفحة الهبوط (الواجهة، الرئيسية، التعلّم، العروض، لماذا نحن، ماذا ستحصل، الأسئلة الشائعة، آراء الطلاب، الشركاء، أعمال الطلاب، المدرّب، التخطيط).

• إدارة الكورسات والفصول والفيديوهات، إضافةً إلى صفحات هبوط لكل كورس وعروض المحاضرة المجانية وغير المشتركين.

• متابعة النشاط عبر التحليلات المدمجة والتعامل مع رسائل الدعم.

5) المصادقة والأدوار والتحكم في الوصول

حسابات آمنة مبنية على Supabase Auth، مع أدوار وصلاحيات ونقل جلسة بين التطبيقات بحيث ينتقل الطالب من المتجر إلى قاعة التعلّم بسلاسة بعد الشراء. ويبقى المحتوى محجوبًا على من دفعوا مقابله.

6) منشئ صفحات الهبوط الديناميكي

نظام أقسام مرن (الواجهة، التعلّم، الأسئلة الشائعة، العروض، ما قبل دعوة الإجراء، المدرّب المميّز) يتيح لعلي إعادة ترتيب صفحات التسويق من لوحة التحكم دون كود ودون مطوّر.

التقنيات المستخدمة

• الواجهة الأمامية: Next.js 15 + React 19 + TypeScript وTailwind CSS وFramer Motion

• الخلفية والبيانات: Supabase (PostgreSQL ومصادقة وتخزين)

• الفيديو: Bunny CDN (Bunny Stream) مع مشغّل React لتشغيل محمي

• المدفوعات: بوابة Kashier

• المعمارية: ثلاثة تطبيقات (متجر، قاعة تعلّم، لوحة تحكم) على خادم واحد مشترك

اعتبارات عربية وإقليمية

• واجهة عربية أولاً بنظام RTL عبر التطبيقات الثلاثة.

• مدفوعات محلية عبر Kashier، مهيّأة للسوق المصري والعربي.

• محتوى ونبرة موجّهة لجمهور صنّاع المحتوى العرب.

الأثر والنتائج

• منصة يملكها علي ويديرها بنفسه المحتوى والكورسات والطلاب والمدفوعات دون مطوّر.

• تحقيق دخل آمن من الفيديو المدفوع، محميًا خلف تسجيل الدخول والتحكم في الوصول.

• معمارية ثلاثية التطبيقات (متجر، قاعة تعلّم، إدارة) على خادم واحد سهلة الصيانة والتوسّع.

• أساس قابل للتوسّع جاهز لكورسات وباقات وطلاب جدد مع نمو العلامة.