نظام ترويج المحتوى الطبي.
ملخص المشروع
| Year | 2025 |
|---|---|
| صناعة | الرعاية الصحية. |
| مدة | ستة أشهر. |
| خدمات |
|
تحدي
إليك ترجمة محتوى الملف إلى العربية:
جاء العميل من الولايات المتحدة بفكرة منصة رعاية صحية عبر الإنترنت تربط المستهلكين برؤى حديثة حول التكنولوجيا الطبية مثل العلاجات والإجراءات والابتكارات. كان هدفهم إعادة بناء وتوسيع النظام الحالي إلى ثلاثة أجزاء كبيرة: لوحة الإدارة، والموقع الاحترافي (Pro Site)، والموقع العام (Public Site). شملت المتطلبات الرئيسية:
- إعادة تصميم الموقع العام الحالي مع إضافة أقسام جديدة للمهام والتقارير.
- إعادة بناء لوحة الإدارة الحالية بوظائف موسعة لإدارة المهام والإعلانات والمدفوعات (بما في ذلك المعاملات والاشتراكات) والعروض الترويجية.
- تطوير موقع احترافي منفصل لمنشئي المحتوى، حيث يمكنهم: إدارة المهام والمحتوى، وشراء الإعلانات والعروض الترويجية، والاطلاع على الإحصائيات، وغير ذلك.
- تنفيذ نظام دفع بين منشئي المحتوى والمساهمين.
علاوة على ذلك، كانت مهمتنا الرئيسية هي الحفاظ على سهولة الاستخدام والإدارة الفعالة لأدوار المستخدمين المتنوعة وسط تعقيد عالٍ للنظام وقابلية للتوسع.
تمثل التحدي الرئيسي لنا أثناء إنشاء المشروع في تطوير منصة قابلة للتوسع وموثوقة بأدوار متعددة، إلى جانب مواقع ويب تقدم أداءً عاليًا تحت عدد كبير من المستخدمين وحجم البيانات، مع دعم التكاملات مع الخدمات الخارجية تحت متطلبات أمان وامتثال صارمة. ويمكننا إبراز التحديات الأساسية التالية:
- تطبيق جوال قائم على Capacitor وReact Native بدعم متعدد المنصات لنظامي Android وiOS وVisionOS وMacOS، مما يضمن تجربة مستخدم متسقة واستقرارًا لكل منصة.
- فيديو معقد للموقع العام، مكوّن من مقاطع فيديو متعددة تبدأ وتنتهي في أوقات مختلفة، ومع ذلك تُشغَّل بشكل متواصل بأسلوب "شريط فيلم" (filmstrip) قابل للتمرير أفقيًا، مع تحرك بعض الصفوف إلى اليمين وأخرى إلى اليسار، وكان ذلك مهمة كبيرة لفريق التصميم لدينا.
- الموقع الاحترافي مليء بالرسوم المتحركة، مما أضاف تعقيدًا إضافيًا لكل من التصميم والتطوير. كان يجب أن تكون الرسوم المتحركة سلسة وسريعة الاستجابة ومتسقة عبر المتصفحات والأجهزة، مما دفع الفريق إلى التحسين الدقيق والتنسيق الوثيق بين المصممين والمطورين.
حل
إليك ترجمة محتوى الملف إلى العربية:
الموقع العام (Public Site)
عندما بدأنا العمل على هذا المشروع، كانت البنية الأساسية للموقع العام منجزة، لكن كان لا بد من إعادة تصميمها بالكامل. طوّر فريقنا التصميم الجديد واضعًا المستخدمين في الاعتبار، ونفّذ وظائف مشتركة مع الجانبين الآخرين للنظام: إسناد المحتوى والتحكم في الإعلانات. بالإضافة إلى ذلك، نفّذنا الأداة الآلية التي تُنشئ تقارير للمسؤولين لرؤية إحصائيات أوضح.
في النهاية، أنشأنا موقعًا ملائمًا مرتبطًا بجزأي الإدارة والاحترافي، حيث يمكن للمستخدمين العثور على المحتوى الطبي الحديث مثل الفيديوهات والمقالات والصور وعرضها بأقصى سهولة.
لوحة الإدارة (Admin Panel)
كان هذا الجانب من النظام موجودًا بالفعل، لكنه احتاج إلى ترقية إلى أحدث حزمة تقنيات. أبقينا على التصميم القديم، لكننا أعدنا كتابة البنية بالكامل لتكون قادرة على التعامل مع كميات هائلة من البيانات، بحيث يمكن للنظام أن يتوسع دون فقدان الأداء.
في النهاية، أنشأنا لوحة الإدارة — موقعًا إداريًا يدير فيه المسؤولون جميع وظائف الجزأين العام والاحترافي. دمجنا وظائف إدارية جديدة مثل أداة إسناد المحتوى، وأداة التحكم في الإعلانات، وإدارة معاملات العملاء واشتراكاتهم، وإحصائيات العروض الترويجية.
الموقع الاحترافي (Pro Site)
كان تطوير هذا الجزء وجميع وظائفه فكرة لنا بالكامل. لتقليل التحميل الزائد على الجزأين الرئيسيين، قرر فريقنا نقل جزء وظائف منشئ المحتوى إلى موقع إضافي. هنا يمكن للمصنّعين مثل الشركات الطبية أو الأطباء السريريين إدارة المهام والمحتوى، وشراء الإعلانات، وتعزيز محتواهم.
أفكار تقنية نفّذناها
لبناء منصة قابلة للتوسع وموثوقة، استخدمنا تقنيات حديثة ومُثبتة تلبي متطلبات المشروع بالكامل.
نتيجة لذلك، قدّمنا منصة مستقرة وقابلة للتوسع وآمنة تدعم أدوارًا ومواقع متعددة، وتوفر أداءً عاليًا وجاهزة للنمو المستقبلي:
- بالنسبة للمواقع الاحترافي والعام ولوحة الإدارة، استخدمنا أحدث إصدارات Next.js التي توفر أداءً عاليًا ودعمًا لأحدث المتصفحات.
- طُوّر تطبيق الجوال باستخدام Capacitor وReact Native، مما يتيح دعمًا متعدد المنصات لأربعة أنظمة تشغيل رئيسية.
- بالنسبة للواجهة الخلفية، استخدمنا Nest.js مع واجهات برمجة تطبيقات RESTful للتكامل مع خدمات خارجية مثل Google Analytics أو Amazon Cognito، مما يضمن تبادلًا آمنًا وموحدًا للبيانات.
- استُضيفت قاعدة البيانات على AWS RDS مع نسخ احتياطية وتقسيم (sharding) وتجاوز فشل تلقائي، مما يضمن تحمل الأخطاء وقابلية التوسع والوصول السريع إلى البيانات.
- استُخدم GitHub وGitHub Actions لإدارة الكود وأتمتة CI/CD، مما يتيح إصدارات سريعة وآمنة وتحسينًا مستمرًا.
- واجهة مستخدم متجاوبة تدعم دقات الشاشة والاتجاهات المطلوبة وتدعم المتصفحات والأجهزة الرئيسية، مما يضمن تجربة مريحة لأدوار المستخدمين المتنوعة.