WorkTracker – منصة متكاملة لتتبع الوقت وتحليل أداء فرق العمل
تفاصيل العمل
WorkTracker – منصة متكاملة لتتبع الوقت وتحليل أداء فرق العمل
WorkTracker هي منصة متكاملة (Full-Stack) لتتبع أوقات العمل وتحليل أداء الموظفين، مصممة للفرق التي تحتاج إلى رؤية واضحة وصادقة لسير العمل الفعلي، دون اللجوء إلى أساليب مراقبة تدخلية أو مبالغ فيها.
تجمع المنصة بين تتبع وقت يومي بسيط للموظفين، وتحليلات نشاط غنية وآمنة للمسؤولين (الأدمن)، ضمن واجهة أنيقة وثنائية اللغة بالكامل (إنجليزي/عربي مع دعم كامل لـ RTL)، مع وضعين للعرض (داكن وفاتح).
المصادقة والتحكم في الصلاحيات
تسجيل دخول آمن عبر البريد الإلكتروني وكلمة المرور باستخدام JWT
نظام صلاحيات قائم على الأدوار (Admin / User) بتجربة مستخدم مختلفة لكل دور
معالجة تلقائية لانتهاء صلاحية الجلسة مع رسائل واضحة ومترجمة
معالج أخطاء HTTP عام (Interceptor) لضمان تعامل موحد مع جميع الأخطاء
تتبع الوقت
عداد زمني لحظي لجلسات العمل (بدء/إيقاف التتبع)
تقارير إنتاجية يومية وأسبوعية وشهرية لكل مستخدم
إمكانية تحديد ساعات وأيام العمل المستهدفة لكل مستخدم
مراقبة النشاط والأمان (للأدمن)
عند كل تسجيل دخول، يحصل المسؤول على صورة كاملة عن نشاط الحساب تشمل:
توقيت تسجيل الدخول والخروج
عنوان IP الخاص بالطلب
تحديد دقيق للموقع الجغرافي عبر GPS المتصفح (بعد إذن صريح من المستخدم)، مع تحويله إلى عنوان شارع ومدينة ودولة فعلية
نوع الجهاز (موبايل / كمبيوتر) وكشف المتصفح ونظام التشغيل
خريطة تفاعلية (باستخدام Leaflet وخرائط OpenStreetMap) توضح مكان كل عملية تسجيل دخول بدقة
جدول سجل نشاط قابل للبحث والتصفح بالصفحات
يظهر الموقع الجغرافي فقط في حال منح المستخدم إذنًا صريحًا بذلك. وفي حال رفض الإذن، يعرض النظام بشفافية عبارة "لم تتم مشاركة الموقع" بدلاً من عرض تخمين غير دقيق.
إدارة المستخدمين
إنشاء وتعديل وتفعيل/تعطيل حسابات المستخدمين
إجراءات تأكيد أمان قبل تنفيذ العمليات الحساسة (مثل التعطيل أو الحذف)
الواجهة وتجربة الاستخدام
تبديل بين الوضع الداكن والفاتح، مبني على Angular Signals التفاعلية
دعم كامل للغتين الإنجليزية والعربية مع تبديل تلقائي بين اتجاه RTL و LTR
قائمة تنقل جانبية متجاوبة (Sidebar)
مكتبة عناصر قابلة لإعادة الاستخدام (جداول بيانات، شارات، ترقيم صفحات، حالات تحميل)
التقنيات المستخدمة: Angular (Standalone Components, Signals)، Node.js/Express، مصادقة JWT، Leaflet/OpenStreetMap لعرض الخرائط، ngx-translate للترجمة