لوحة تحكم

لوحة تحكم المسؤول لـ Parkify (Parkify Admin Dashboard)

هي نظام إدارة رقمي يعتمد على الويب ويعمل في الوقت الفعلي (Real-time) لإدارة منشآت المواقف الذكية. تم بناء اللوحة باستخدام لغة جافا سكريبت الخام (Vanilla JavaScript)، وHTML، وCSS، وهي مستضافة على منصة GitHub Pages، حيث تتصل بواجهة خلفية (Backend) عبر REST API لتمنح مشغلي المواقف رؤية وتحكماً كاملاً في المنشأة.

الميزات الرئيسية:

لوحة تحكم حية (Live Dashboard): تعرض إحصائيات فورية للمواقف المتاحة، وإجمالي الإيرادات (للحجوزات المكتملة فقط)، والزوار النشطين، ومعدل الإشغال، بالإضافة إلى مخططات بيانية تتحدث تلقائياً لتوضيح اتجاهات الإيرادات اليومية ومعدلات الإشغال بالساعة.

خريطة مواقف السيارات (Parking Spots Map): مخطط مرئي يوضح توزيع الطوابق على شكل شبكة، يعرض الحالة المباشرة لكل موقف (متاح / محجوز / مشغول / قيد الصيانة) مع تحديث تلقائي وفحص دوري (Polling) كل 5 ثوانٍ.

نظرة عامة على الطوابق (Floor Overview): تحليل مفصل لكل طابق يوضح إجمالي المواقف، والمواقف المتاحة، والمحجوزة، والمشغولة، مع أشرطة تقدم (Progress bars) توضح نسبة الإشغال.

مراقبة حية للكاميرات (Live Camera Monitoring): تتكامل اللوحة مع خادم كاميرا محلي يعمل بالذكاء الاصطناعي مبني بلغة Python/Flask عبر نفق Cloudflare (Cloudflare Tunnel). يدعم النظام كلاً من كاميرات الـ IP المخصصة (بث عبر MJPEG) وتحويل الهاتف إلى كاميرا عبر الـ WebSocket، مع ميزة اكتشاف الحرائق والأسلحة باستخدام نموذج YOLO.

المدفوعات والحجوزات (Payments & Bookings): جدول كامل للحجوزات مع إمكانية التصفية حسب الحالة (مكتمل / قيد الانتظار / فاشل)، مع صلاحيات للمسؤول لإجراء عمليات تسجيل الدخول (Check-in) وتسجيل الخروج (Check-out)، وإلغاء الحجوزات.

إدارة الزوار (Visitors Management): قائمة بجميع المستخدمين المسجلين توضح دور كل مستخدم، وحالته، وبريده الإلكتروني، ورقم هاتفه.

سجلات المركبات (Vehicle Logs): سجل دخول وخروج للمركبات يعتمد على تقنيات إنترنت الأشياء (IoT) لقراءة لوحات الترخيص مع توثيق الطوابع الزمنية (Timestamps).

التنبيهات والإشعارات (Alerts & Notifications): إرسال تنبيهات فورية في الوقت الفعلي عند اكتشاف حريق أو سلاح من كاميرا الذاء الاصطناعي إلى الواجهة الخلفية (Backend).

التحليلات (Analytics): تقديم رؤى وتحليلات متعمقة حول اتجاهات الإيرادات، وحجم الحجوزات، ونسب الإشغال عبر نطاقات زمنية محددة.

الإعدادات (Settings): إمكانية تهيئة روابط خوادم الكاميرات (URLs) مع حفظها محلياً باستخدام (localStorage) لضمان استمراريتها.

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

JavaScript (ES6+)

Chart.js

Font Awesome

QRCode.js

Python (Flask + WebSockets + OpenCV + YOLO)

REST API (ASP.NET)

استضافة على GitHub Pages

استخدام Cloudflare Tunnel لربط المعدات والأجهزة المحلية (Local Hardware).

ملاحظة هامة:

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