منتجات وتقنيات معالجة المياه

CONT — منصة رقمية لأغشية التناضح العكسي

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

  • المنصات
  • المواقع
  • لوحات التحكم
نطاق المشروع
CONT — منصة رقمية لأغشية التناضح العكسي
العميل
CONT RO Membranes
المجال
معالجة المياه وتقنيات التناضح العكسي
نطاق المشروع
10 المخرجات
التحدي

المشكلة التي بدأ منها المشروع

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

الحل

كيف صممنا المنظومة

تم بناء منظومة متكاملة تتكون من موقع React متجاوب ومتصل بواجهات API مبنية باستخدام .NET 9، مع لوحة إدارة منفصلة للتحكم بالمحتوى والمستخدمين والصلاحيات. يتيح الموقع تصفح أغشية التناضح العكسي بحسب التصنيف، والبحث ضمن المنتجات، وفتح صفحة تقنية مفصلة لكل منتج، واستعراض الخدمات وفوائدها وتطبيقاتها. وتسمح لوحة الإدارة بإدارة التصنيفات والمنتجات والصور والمواصفات والخدمات والسلايدر باللغتين العربية والإنكليزية من مصدر مركزي واحد.

أهم ما تحقق

منتج أوضح في الاستخدام والتشغيل

  • كتالوج ديناميكي لأغشية التناضح العكسي المنزلية والتجارية والصناعية
  • صفحات منتجات تحتوي مواصفات أداء وتشغيل واختبار وأبعاد تفصيلية
  • عرض معدل التدفق ونسبة رفض الأملاح ونوع الغشاء ومساحته الفعالة
  • توثيق حدود الضغط والكلور والحرارة ودرجة الحموضة وTDS وSDI
  • صفحات خدمات ديناميكية تتضمن الفوائد والاستخدامات والتطبيقات
  • لوحة محتوى موحدة لإدارة المنتجات والخدمات والتصنيفات والسلايدر
  • إدارة مستخدمين وأدوار وصلاحيات لحماية عمليات الإدارة
  • تجربة عربية وإنكليزية متجاوبة مع دعم كامل لاتجاه RTL
نطاق التنفيذ

المكونات التي شملها المشروع

  • 01موقع React وVite متجاوب لعرض العلامة والمنتجات والخدمات
  • 02منصة خلفية وواجهات API مبنية باستخدام ASP.NET Core و.NET 9
  • 03لوحة إدارة Vue للتحكم بالمحتوى والمستخدمين والصلاحيات
  • 04نظام تصنيفات منفصل للمنتجات والخدمات باللغتين العربية والإنكليزية
  • 05إدارة منتجات تشمل الصور والموديل والوصف والمواصفات الفنية المتقدمة
  • 06إدارة خدمات تشمل الوصف والفوائد والتطبيقات والصور
  • 07إدارة سلايدر الصفحة الرئيسية وترتيب الشرائح وحالة ظهورها
  • 08صفحات المنتجات والخدمات والتفاصيل ومن نحن والتواصل والصفحات القانونية
  • 09بحث وتصفية وترقيم صفحات وربط مباشر مع البريد وواتساب
  • 10بنية SEO للصفحات العامة وتفاصيل المنتجات والخدمات
دليل المشروع

حقائق التنفيذ المنشورة

السياق
احتاجت CONT إلى منصة رقمية تعرّف بعلامتها ومنتجات أغشية التناضح العكسي بطريقة تتناسب مع الطبيعة الهندسية للمنتجات. لم يكن العرض التقليدي بالاسم والصورة كافياً، إذ تتطلب قرارات الاختيار بيانات دقيقة عن الأداء ونوع الغشاء ومساحته وظروف التشغيل والاختبار والأبعاد، إلى جانب عرض الخدمات والتطبيقات المرتبطة بمعالجة المياه.
المستخدمون المقصودون
مهندسو معالجة المياه ومصممو الأنظمة والاستشاريون، شركات تركيب وتشغيل أنظمة التناضح العكسي، الموزعون والتجار وفرق المشتريات، المنشآت المنزلية والتجارية والصناعية الباحثة عن أغشية مناسبة، إضافة إلى فرق المحتوى والإدارة والمبيعات لدى CONT.
القيود
تمثيل عدد كبير من المواصفات الهندسية المتنوعة بطريقة منظمة وقابلة للتحديث، والمحافظة على دقة القيم والوحدات وشروط الاختبار والتشغيل لكل منتج. شمل ذلك إدارة المحتوى والصور والتصنيفات والخدمات باللغتين العربية والإنجليزية، الحفاظ على اتساق RTL، تطبيق صلاحيات إدارية دقيقة، وتوفير البحث والتصفية والترقيم وتجربة متجاوبة دون الحاجة إلى تعديل الكود عند كل تحديث للمحتوى.
مساهمة The Drix
تولت The Drix هندسة وتطوير المنظومة الرقمية الكاملة: تصميم وتنفيذ واجهة الموقع المتجاوبة، الخلفية وواجهات API، نموذج البيانات المتخصص للمواصفات الهندسية، لوحة إدارة المحتوى، إدارة المستخدمين والأدوار والصلاحيات، وربط المنتجات والخدمات والتصنيفات والصور وشرائح الصفحة الرئيسية بمصدر مركزي ثنائي اللغة. شمل العمل أيضاً صفحات المحتوى العامة، البحث والتصفية، مسارات التواصل، وبنية SEO للمنتجات والخدمات.
حالة الإطلاق
منصة مطلقة ومتاحة عبر الموقع العام، وتشمل كتالوج المنتجات والخدمات ثنائي اللغة والخلفية ولوحة إدارة المحتوى والمستخدمين والصلاحيات، مع استمرار تحديث المنتجات والمواصفات والمحتوى.
نتيجة نوعية
حوّلت المنصة كتالوج CONT إلى مصدر رقمي منظم يربط كل منتج بمواصفات الأداء والتشغيل والاختبار والأبعاد بدلاً من الاكتفاء بوصف تسويقي عام. أصبح بإمكان الزوار الوصول إلى المعلومات الفنية والخدمات بصورة أوضح، وأصبح بإمكان فريق CONT إدارة المحتوى العربي والإنجليزي والمنتجات والصور والخدمات من لوحة مركزية دون إعادة بناء الموقع عند كل تحديث.

التقنيات

  • ASP.NET Core (.NET 9)
  • Entity Framework Core
  • PostgreSQL
  • React 18
  • Vite
  • Vue 3
  • Vuetify
  • Axios
  • Redis
  • RabbitMQ
  • Quartz.NET
  • SignalR
  • FluentValidation
  • Radix UI
  • Figma
كيف نبني المشاريع؟

منهجية تنفيذ المشروع

تم بناء خلفية معيارية باستخدام ASP.NET Core و.NET 9 مع طبقات مستقلة للمجال والتطبيق والتخزين والبنية التحتية، ونموذج منتج يقسم البيانات إلى الأداء ونوع الغشاء وحدود التطبيق وشروط الاختبار والأبعاد. يتصل موقع React وVite العام بواجهات Website API، بينما تستخدم لوحة Vue وVuetify واجهات إدارية محمية لإدارة المحتوى والصلاحيات. تحفظ PostgreSQL البيانات المركزية ثنائية اللغة، مع دعم Redis والتطبيقات الخلفية وSignalR للبنية التشغيلية.

  1. 1

    تصميم نموذج المواصفات الهندسية

    تم بناء نموذج بيانات متخصص يفصل بين أداء الغشاء ونوعه وحدود التشغيل وشروط الاختبار والأبعاد، بما يسمح بتمثيل المواصفات الفنية لكل منتج بصورة منظمة.

  2. 2

    تطوير الـBackend ونظام إدارة المحتوى

    تم تطوير Backend وواجهات API مع قاعدة بيانات مركزية، إضافة إلى لوحة إدارة للمنتجات والتصنيفات والخدمات والصور ومحتوى الصفحة الرئيسية.

  3. 3

    بناء الكتالوج والمحتوى ثنائي اللغة

    تم تطوير الموقع العام لعرض الأغشية بحسب التصنيف مع البحث والفلاتر وصفحات المنتجات الفنية والخدمات وتطبيقاتها، باللغتين العربية والإنجليزية ودعم RTL.

  4. 4

    الصلاحيات والإدارة والجاهزية للنشر

    تم إضافة إدارة المستخدمين والأدوار والصلاحيات لحماية لوحة التحكم، وربط المحتوى بمصدر مركزي مع إعداد صفحات المنتجات والخدمات للبحث والتحديث المستمر دون الحاجة إلى تعديل الكود.

هل لديك مشروع يحتاج أكثر من مجرد تنفيذ؟ لنبدأ من فهمه

نبدأ بفهم الفكرة والعمليات المطلوبة، ثم نحدد الحل المناسب قبل الدخول في التطوير.

احجز استشارتك