English versionEN
دعنا نفهم أعمالك

تبدأ الشراكة الجيدة بمحادثة.

NEXTWAVE / أعمالنادراسة حالة / من الفكرة إلى الاستخدام
العودة إلى الأعمالأنظمة أعمال

سِرب — واجهات تشغيل الأسطول وإدارة الرحلات

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

اكتشف تفاصيل المشروع

معلومات المشروع

العميل
مشروع من تطوير Nextwave
قطاع العميل
النقل والخدمات اللوجستية
المنصات
الويب
نوع المشروع
أنظمة أعمال

الخدمات المقدمة

تطوير تطبيقات الويبتصميم واجهة وتجربة المستخدم
الفكرة والسياق

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

قد يبدو سؤال «أي سيارة ستخرج؟» بسيطًا، حتى يرتبط بموعد تسليم وسعة تحميل وسائق في رحلة أخرى. بدأ سِرب من هذه اللحظة اليومية: كيف يرى مسؤول الحركة التفاصيل التي يحتاجها قبل اختيار المورد وتسجيل الانطلاق؟

قرار الانطلاق يحتاج الصورة كاملة

الرحلة ليست وجهة فقط. قد تناسب المركبة المسار ولا تناسب وزن الحمولة، أو يكون السائق المطلوب مرتبطًا بتنفيذ آخر. وإذا انتقلت هذه المعلومات بين قوائم منفصلة، يصبح من الصعب معرفة أي سجل يجب تحديثه أولًا.

بنينا تجربة تجعل مرجع الرحلة نقطة الربط: منها تُقرأ الوجهة والموعد والحمولة، ومنها يُعرف السائق والمركبة وحالة التنفيذ. الهدف من ترتيب الشاشة أن يظهر سياق القرار قبل زر الإجراء.

من غرفة التشغيل إلى ملف الرحلة

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

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

قواعد واضحة قبل تسجيل الحركة

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

يستطيع مسؤول الحركة إضافة ملاحظة، ثم تصدير قائمة الرحلات وفق التصفية الحالية أو تصدير ملف رحلة محددة. تعرض الملاحظات كما كُتبت، وتظهر رسالة واضحة إذا تعذر حفظ التغيير على الجهاز.

من داخل التجربة

صور المشروع

تعرّف على تفاصيل الواجهات وتجربة الاستخدام من خلال صور المشروع.

حالة استخدام: تجهيز رحلة قبل موعد الخروج

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

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

سجل الرحلات وملف رحلة سِرب على شاشتين مترابطتين
سجل الرحلات وملف رحلة سِرب على شاشتين مترابطتين

حالة استخدام: تغيير التعيين أثناء المتابعة

قد يحتاج الفريق نقل المهمة إلى مركبة أخرى أو تغيير السائق. يفتح المسؤول ملف الرحلة ويقرأ الوزن والسعة قبل تعديل التعيين. تُراجع الموارد البديلة، ثم يُحفظ السائق والمركبة مع حدث يوضح أن التعيين تغير.

يبقى مرجع الرحلة والوجهة والملاحظات في الملف نفسه، فتُقرأ المهمة بعد التغيير كسجل واحد. وتظل الرحلات المكتملة مقفلة أمام تغيير التعيين، لأن سجل التنفيذ المنتهي يحتاج أن يحافظ على سياقه.

ملف رحلة سِرب مع تفصيل مكبر لمخطط المسار وبيانات الحمولة والسعة
ملف رحلة سِرب مع تفصيل مكبر لمخطط المسار وبيانات الحمولة والسعة

حالة استخدام: تسليم المتابعة بين مسؤولي الحركة

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

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

ثلاث واجهات سِرب على الهاتف تعرض المؤشرات وسجل الرحلات ومخطط المسار
ثلاث واجهات سِرب على الهاتف تعرض المؤشرات وسجل الرحلات ومخطط المسار

هوية تتحرك مع طبيعة العمل

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

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

ثلاث واجهات سِرب على الهاتف تعرض المؤشرات وسجل الرحلات ومخطط المسار
ثلاث واجهات سِرب على الهاتف تعرض المؤشرات وسجل الرحلات ومخطط المسار

نطاق العمل المنفذ

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

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

  • HTML5
  • CSS3
  • JavaScript
  • localStorage
NEXTWAVE

هل تحتاج صورة أوضح لحركة أسطولك؟

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

نتحدث عن مشروعك