شركة مدار – منصة إلكترونية متكاملة لعرض المنتجات والخدمات وربطها بأنظمة الأعمال

نبذة عن المشروع

نفذت SmartLine مشروع تصميم وتطوير الموقع الإلكتروني لشركة مدار، إحدى الشركات الرائدة في المملكة العربية السعودية والمتخصصة في بيع وتركيب الشاشات الإعلانية العملاقة، شاشات LED، وحلول العرض الرقمية للمشاريع التجارية والحكومية.

استهدف المشروع بناء منصة رقمية حديثة لا تقتصر على التعريف بالشركة فقط، وإنما تعمل كنقطة اتصال متكاملة بين العملاء ونظام إدارة الأعمال (ERP)، مع توفير تجربة استخدام احترافية، وسرعة عالية، ومستوى متقدم من الأمان، بما يواكب متطلبات السوق السعودي.

تم تنفيذ المشروع بالكامل باستخدام إطار العمل Laravel، مع تطبيق أفضل ممارسات هندسة البرمجيات لضمان القابلية للتطوير والصيانة المستقبلية.

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

3 أشهر

شملت مراحل التنفيذ:

• دراسة وتحليل احتياجات العميل.

• تصميم تجربة المستخدم (UI/UX).

• تطوير النظام الخلفي (Backend Development).

• تطوير واجهات المستخدم (Frontend Development).

• التكامل مع نظام ERP.

• التكامل مع بوابات الدفع.

• اختبارات الجودة والأمان (QA & Security Testing).

• تحسين الأداء قبل الإطلاق.

• النشر على بيئة الإنتاج (Production Deployment).

نطاق العمل

شمل المشروع تطوير موقع إلكتروني متكامل يحتوي على:

• الصفحة الرئيسية.

• من نحن.

• الخدمات.

• المنتجات.

• معرض المشاريع.

• المدونة.

• صفحة تواصل معنا.

• صفحات المحتوى الديناميكي.

• إدارة الوسائط.

• إدارة صفحات الموقع.

• ربط وسائل التواصل الاجتماعي.

• دعم اللغتين العربية والإنجليزية.

• دعم الوضعين الفاتح والداكن (Light & Dark Mode).

كما تم تطوير لوحة إدارة مرنة تتيح لفريق الشركة تحديث المحتوى وإدارة المنتجات والخدمات بسهولة دون الحاجة لأي تدخل برمجي.

التكامل مع نظام ERP

من أهم أهداف المشروع هو ربط الموقع الإلكتروني مباشرة مع نظام تخطيط موارد المؤسسة (ERP)، بحيث يتم مزامنة البيانات بشكل تلقائي دون الحاجة إلى إدخالها مرتين.

يشمل التكامل:

• مزامنة المنتجات.

• تحديث الأسعار.

• تحديث المخزون.

• تحديث التصنيفات.

• إدارة الصور الخاصة بالمنتجات.

• تحديث بيانات المنتجات بشكل آلي.

• تقليل الأخطاء الناتجة عن الإدخال اليدوي.

• توفير بيانات دقيقة ومحدثة للعملاء في جميع الأوقات.

وقد تم تصميم طبقة تكامل (Integration Layer) مرنة تضمن استقرار عملية تبادل البيانات بين الموقع والنظام الداخلي للشركة.

التكامل مع بوابات الدفع

تم دمج الموقع مع عدد من وسائل الدفع الإلكترونية لدعم عمليات الشراء بسهولة وأمان، ومنها:

• بطاقات Visa.

• بطاقات MasterCard.

• وسائل الدفع المحلية داخل المملكة العربية السعودية.

• بوابات الدفع الإلكترونية الحديثة.

• معالجة المدفوعات عبر اتصالات مشفرة باستخدام بروتوكول HTTPS وSSL.

وقد تم تصميم دورة دفع آمنة تضمن حماية بيانات العملاء وعدم تخزين أي بيانات حساسة خاصة ببطاقات الدفع داخل خوادم الموقع.

تجربة المستخدم (UI/UX)

ركز المشروع على تقديم تجربة استخدام احترافية تتوافق مع أحدث معايير تصميم المواقع العالمية.

وشمل ذلك:

• تصميم حديث ومتجاوب بالكامل.

• دعم الهواتف الذكية والأجهزة اللوحية.

• واجهات سهلة الاستخدام.

• سرعة الوصول للمعلومات.

• تحسين رحلة العميل داخل الموقع.

• دعم الوضع الليلي والنهاري.

• دعم اللغة العربية والإنجليزية مع إمكانية التبديل الفوري بينهما.

• تحسين قابلية القراءة وسهولة التصفح.

الأداء (Performance Optimization)

تم الاهتمام بتحسين أداء الموقع منذ بداية التطوير، حيث تم تطبيق العديد من تقنيات تحسين السرعة، مثل:

• تحسين الاستعلامات الخاصة بقاعدة البيانات.

• استخدام Eloquent ORM بطريقة فعالة.

• تقليل عدد طلبات HTTP.

• ضغط الملفات والصور.

• Lazy Loading للصور.

• تحسين التخزين المؤقت (Caching).

• تحسين تحميل الصفحات.

• تحسين زمن استجابة الخادم.

• كتابة كود قابل للتوسع والصيانة.

وقد ساهم ذلك في تقديم تجربة استخدام سريعة ومستقرة حتى مع زيادة عدد الزوار.

الأمان (Security)

تم بناء المشروع وفقاً لأفضل ممارسات الأمن السيبراني لضمان حماية بيانات الشركة والعملاء.

شملت إجراءات الأمان:

الحماية من SQL Injection

تم استخدام Laravel ORM وPrepared Statements بشكل كامل لمنع هجمات SQL Injection وعدم السماح بحقن أوامر SQL داخل قاعدة البيانات.

التحقق من صحة البيانات (Validation)

تم إنشاء طبقات تحقق شاملة لجميع النماذج باستخدام Laravel Validation لضمان:

• صحة البيانات المدخلة.

• منع إدخال البيانات غير المتوقعة.

• تقليل الأخطاء البرمجية.

• حماية قاعدة البيانات من البيانات الضارة.

الحماية من Cross Site Scripting (XSS)

تم تنظيف البيانات المعروضة للمستخدمين واستخدام آليات Escape الخاصة بـ Laravel لمنع تنفيذ أي أكواد JavaScript خبيثة داخل الموقع.

الحماية من Cross Site Request Forgery (CSRF)

تم استخدام رموز CSRF Tokens في جميع النماذج والطلبات الحساسة لمنع تنفيذ الطلبات غير المصرح بها.

إدارة الصلاحيات

تم تصميم صلاحيات مرنة للتحكم في وصول المستخدمين إلى أجزاء النظام المختلفة، مع تطبيق مبدأ أقل الصلاحيات (Least Privilege Principle).

تشفير البيانات

تم استخدام تقنيات التشفير المدمجة في Laravel لحماية البيانات الحساسة، بالإضافة إلى تشفير كلمات المرور باستخدام خوارزميات قوية غير قابلة للاسترجاع.

إدارة الجلسات

تم تأمين Sessions ضد الاختطاف (Session Hijacking) مع إدارة صحيحة لمدة صلاحية الجلسة وإعادة توليد معرف الجلسة عند تسجيل الدخول.

حماية الملفات

تم التحقق من أنواع وأحجام الملفات المرفوعة ومنع رفع الملفات التنفيذية أو الضارة، مع تخزينها في مسارات آمنة.

حماية واجهات API

تم تأمين واجهات التكامل باستخدام آليات المصادقة المناسبة، مع التحكم الكامل في صلاحيات الوصول وتسجيل العمليات.

تشفير الاتصالات

تم استخدام بروتوكولات HTTPS وشهادات SSL لضمان تشفير جميع البيانات المتبادلة بين المستخدم والخادم.

تحسين محركات البحث (SEO)

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

• الروابط الصديقة لمحركات البحث.

• Meta Titles وMeta Descriptions.

• Open Graph Tags.

• Schema Markup.

• تحسين سرعة الموقع.

• تحسين هيكل الصفحات.

• دعم المشاركة عبر وسائل التواصل الاجتماعي.

• توافق كامل مع متطلبات محركات البحث الحديثة.

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

• Laravel Framework

• PHP

• MySQL

• HTML5

• CSS3

• JavaScript

• REST APIs

• ERP Integration

• Payment Gateway Integration

• Responsive Design

• Bootstrap & Tailwind CSS

• Git Version Control

• Nginx / Apache

• SSL Encryption

نتائج المشروع

ساهم المشروع في تحويل الموقع الإلكتروني لشركة مدار إلى منصة أعمال رقمية متكاملة تجمع بين الأداء العالي، والأمان، وسهولة الإدارة، مع تكامل مباشر مع نظام ERP وبوابات الدفع الإلكترونية، مما وفر تجربة استخدام احترافية للعملاء، وسهّل إدارة المحتوى والمنتجات، ورفع كفاءة العمليات التشغيلية داخل الشركة.

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