زوتيك أوتو - نظام دخول وخروج المركبات
السيارات وعمليات الأساطيل · 2026

زوتيك أوتو - نظام دخول وخروج المركبات

منصة داخلية للموظفين في مركز خدمات المركبات ومستودع المركبات: تسجيل دخول وخروج عند البوابة وسجل حركة من 20,000 صف وسجل عملاء ومركبات وأدوار وصلاحيات ومركز إشعارات وتقارير قابلة للتصدير بالعربية والإنجليزية

المنصةWeb (Angular 22, Material 3)
التقنياتAngular 22, TypeScript, Angular Material 3
زيارة التطبيق

تدير زوتيك موقعين مختلفين تماماً: مركز خدمات يسجل فيه الاستقبال العملاء وسياراتهم قبل كل زيارة،

ومستودع يحتاج فيه مشغل البوابة إلى إدخال وإخراج مئات المركبات بأسرع ما يمكن.

كلا الموقعين كانا يسجلان الوصول والمغادرة في دفاتر ومجموعات واتساب.

لم يكن أحد يستطيع الإجابة عن عدد المركبات الموجودة في الموقع الآن أو متى غادرت سيارة معينة أو من سجّل ذلك.

العميل نفسه كان موجوداً ثلاث مرات بثلاث كتابات مختلفة.

الموظفون يتنقلون بين الموقعين لكن قواعد الوصول كانت في أذهان الأشخاص.

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

كان يجب أن يكون النظام عربياً أولاً مع وضع إنجليزي كامل وأن يعمل على الهاتف عند البوابة وأن يمكن تشغيله بلوحة المفاتيح وحدها.

بنينا المنصة على Angular 22 بسمة Material 3 مولّدة من ألوان علامة زوتيك مع خطي Tajawal وInter المضمّنين محلياً.

مركز الخدمات والمستودع منمذجان كموقعين لكل منهما لوحة معلومات وسجل حركة وشاشات دخول وخروج وعملاء ومركبات،

بينما يرى المشرف العام نظرة عامة مجمّعة عبر الموقعين.

يتحقق الدخول والخروج من حالة المركبة ويرفض الحركات المستحيلة مثل إخراج سيارة لم تصل أصلاً.

كل حركة تُسجل في سجل يبقى سريعاً عند 20,000 صف في يوم العرض مع بحث وتصفية وترتيب وتقسيم صفحات ودرج تفاصيل.

سجل العملاء والمركبات يربط كل لوحة بمالكها وتاريخها الكامل.

مركز الإشعارات يحمل شارات وتعليم كمقروء وروابط مباشرة،

ويستطيع مديرو المواقع إرسال إشعارات للموظفين.

تغطي الإدارة المستخدمين والأدوار بمصفوفة صلاحيات والمواقع،

وتنطبق التغييرات على الموظفين المعنيين فوراً.

تجمع التقارير الحركات حسب اليوم والموقع مع تصدير CSV وتخطيطات طباعة.

تتحكم الإعدادات باللغة والكثافة والمنطقة الزمنية ويوم العرض وملف البيانات بما في ذلك ملف أداء للمستودع الكبير وإعادة ضبط كاملة.

يعرض التطبيق العربية RTL والإنجليزية LTR ويتدرج من سطح المكتب إلى هواتف بعرض 360 بكسل ويمكن إتمام كل إجراء بلوحة المفاتيح.

المصادقة وفحص الأدوار محاكاة في المتصفح للعرض وحدود .NET API موثقة للخلفية الإنتاجية.

النتائج

01

موقعان منفصلان تشغيلياً، مركز خدمات ومستودع، تحت إدارة واحدة ودليل موظفين وأدوار ومركز إشعارات

02

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

03

سجل حركة يبقى سريعاً عند أكثر من 20,000 صف مع بحث وتصفية وترتيب وتقسيم صفحات ودرج تفاصيل

04

سجل عملاء ومركبات يربط كل لوحة بمالكها وموقعها وتاريخ حركتها الكامل

05

لوحات معلومات لكل موقع تعرض الدخول والخروج اليوم والمركبات الموجودة الآن والحركة حسب الساعة، مع نظرة عامة مجمّعة للمشرف العام

06

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

07

مركز إشعارات بشارات وتعليم كمقروء وروابط مباشرة وإشعارات يرسلها المديرون

08

تقارير حسب اليوم والموقع مع تصدير CSV وتخطيطات طباعة

09

إعدادات للغة والكثافة والمنطقة الزمنية ويوم العرض وملف البيانات بما فيها سيناريو أداء للمستودع الكبير وإعادة ضبط كاملة

10

عربية RTL وإنجليزية LTR واستجابة من سطح المكتب إلى هواتف 360 بكسل وتشغيل كامل بلوحة المفاتيح

11

سمة Material 3 مولّدة من لوحة ألوان زوتيك مع خطي Tajawal وInter مضمّنين محلياً

12

46 اختبار وحدة و24 اختبار Playwright في متصفح حقيقي تغطي الشاشات والاستجابة والتشغيل بلوحة المفاتيح

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

Angular 22TypeScriptAngular Material 3RxJSVitestPlaywrightNginxDocker

عندك مشروع مشابه؟

خلينا نتكلم عن كيف نبنيه لك.

ابدأ مشروعك