منصّتي VMS — نماذج الشاشات (UI/UX Mockups)

نماذج أولية عالية الدقة لكل شاشة، مع التقنية المستخدمة في كل جزء · بهوية منصّتي 2026

1

الشاشة المركزية — Single Pane of Glass (أنت)

كل العملاء والفروع والكاميرات في شاشة واحدة، مع بث حي من عدة عملاء معًا.

WebRTC بث حي عند الطلب go2rtc / MediaMTX ترحيل البث Firestore شجرة + حالة الأجهزة عزل Multi-Tenant عبر قواعد الأمان
vms.manassate.com/admin

نظرة شاملة على جميع العملاء

🔎 ابحث عن عميل / فرع / كاميرا…
Super Admin
12
العملاء (Tenants)
38
الفروع
214
كاميرات متصلة
6
غير متصلة
🏢 أسواق النخبة
▸ فرع العليا
مدخل رئيسي
كاشير 1
▸ فرع الملقا
مدخل
🏢 مطاعم الذواقة
▸ فرع طريق الملك
صالة
مدخل (غير متصل)
🏢 صيدليات الشفاء
▸ الفرع الرئيسي
ممر
مباشرالنخبة · العليا · مدخلWebRTC
مباشرالنخبة · الملقا · مدخل14:32
مباشرالذواقة · صالة14:32
مباشرالشفاء · ممر14:32
مباشرالنخبة · كاشير 114:32
+ أضف كاميرا للعرض
2

البث المباشر + تحكّم PTZ

عرض كامل لكاميرا واحدة مع لوحة تحريك/تكبير ونقاط حفظ (Presets).

WebRTC زمن تأخير < ثانية ONVIF PTZ أوامر التحريك/التكبير TURN (Hetzner) اجتياز NAT أوامر تُرحَّل عبر السحابة إلى جهاز الـ Edge
vms.manassate.com/elite-markets/live

فرع العليا — مدخل رئيسي

★ المدخلالكاشيرالرف مباشر · 1080p ONVIF · 192.168.1.2414:32:08
مدخل
كاشير 1
كاشير 2
المخزن
الموقف
3

مشغّل التسجيلات — Playback

الرجوع بالزمن عبر خط زمني يوضّح فترات التسجيل، مع اختيار التاريخ وسرعة التشغيل.

تسجيل محلي على Edge (داخل KSA) ONVIF Profile G استرجاع التسجيلات HLS / MP4 تصفّح الخط الزمني
vms.manassate.com/elite-markets/playback

تسجيلات — مدخل رئيسي

📅 الأحد 31 مايو 2026
⏪ مُعاد التشغيل31/05 · 09:12:44
▶
‹‹ ×1 ×2 ×4 ×8المدة: 24 ساعة · الاحتفاظ 30 يومًا
00040812162024
4

تحليلات عدّاد الزوار

الإشغال الحالي، الداخل/الخارج، الرسوم البيانية (يومي/أسبوعي/شهري)، وتصدير التقارير.

People Counting AI على Edge (YOLO + ByteTrack) Walk-in / Walk-out عبور خط Firestore عدّادات لحظية تصدير PDF / Excel
vms.manassate.com/elite-markets/analytics

عدّاد الزوار — فرع العليا

يوميأسبوعيشهري
47
الإشغال الحالي (Live)
1,284
داخل اليوم (Walk-in)
1,237
خارج اليوم (Walk-out)
6–7م
ساعة الذروة
الزوار خلال الأسبوع
السبت
الأحد
الاثنين
الثلاثاء
الأربعاء
الخميس
الجمعة
الإشغال الحالي
47من سعة 120
تحديث لحظي كل ثانية
5

محرّر مناطق العدّ — Counting Zones

رسم منطقة العدّ وخط العبور مباشرةً على صورة الكاميرا، وتحديد اتجاه الداخل/الخارج.

Canvas / SVG رسم فوق صورة الكاميرا منطق عبور الخط (Line-crossing) الإحداثيات تُرسَل وتُطبَّق على جهاز Edge
vms.manassate.com/elite-markets/zones

تحديد منطقة العدّ — مدخل رئيسي

↓ داخل (Walk-in) ↑ خارج (Walk-out) معاينة حيّة من الكاميرا

الأدوات

▱ رسم منطقة (Polygon)
／ خط عبور
⇅ اتجاه الداخل/الخارج
🗑 مسح
نصيحة: تركيب الكاميرا علويًا عند المدخل يرفع دقّة العدّ.
6

إنشاء عميل من لوحة منصّتي — التزويد

توليد Slug، إنشاء حساب وباسوورد، إعداد White Label، وتفعيل الميزات (بدون فوترة).

Firebase Auth إنشاء الحساب + الباسوورد Firestore مستند المستأجر (Tenant) Slug + /{slug}/{token} رابط الوصول White Label شعار + ألوان
manassate.com/admin/vms/new-client

عميل جديد — VMS

Super Admin
أسواق النخبة
elite-markets✓ متاح
admin@elite.com
•••••••••⟳ توليد
vms.manassate.com/elite-markets/9fA3…e7⧉ نسخ
⬆ رفع الشعار…
تعديل
بث مباشرتسجيلPTZعدّاد الزوارتطبيق جوال
7

تطبيق الجوال (White Label)

بث مباشر، إشغال لحظي، وتنبيهات — بهوية كل عميل.

Flutter / React Native WebRTC بث للجوال FCM إشعارات فورية
مباشر ●
مباشرمدخل رئيسي
▦▷📊⚙
الإشغال
47زائر داخل المحل الآن
دخول اليوم 1,284 · خروج 1,237
▦▷📊⚙
نماذج تصميمية مبدئية (UI/UX) لغرض التصوّر فقط — ليست المنتج النهائي · منصّتي VMS 2026