موقع ويب وليس تطبيق بنظام QR بالباركود مع قاعدة بيانات ولوحة تحكم

إدارة قواعد البيانات تصميم موقع إلكتروني برمجة برمجة مواقع تطوير البرمجيات إدارة قواعد البيانات تصميم موقع إلكتروني برمجة برمجة مواقع تطوير البرمجيات

انا بحاجة إلى نظام ويب متكامل (وليس تطبيق موبايل) يتضمن: 1. موقع إلكتروني يعمل من خلال المتصفح (متجاوب مع الجوال). 2. لوحة تحكم للإدارة (Admin Panel). 3. قاعدة بيانات لتخزين بيانات العمال وعدد الوجبات. 4. نظام QR Code لكل عامل أو لكل دخول. 5. إمكانية مسح الباركود من كاميرا الجوال مباشرة من المتصفح. 6. إحصائيات يومية (عدد العمال - عدد الوجبات). 1. قاعدة البيانات (Database Structure): جدول العمال (workers): id (رقم تسلسلي) worker_id (رقم العامل – QR مرتبط به) name (اسم العامل) residency_number (رقم الإقامة) department (القسم) جدول العمليات (logs): id worker_id operation_type (دخول - خروج - فطور - غداء - عشاء) timestamp جدول التنبيهات (alerts): id worker_id message timestamp --- 2. الوظائف الأساسية: صفحة QR Scanner (بالجوال أو الكمبيوتر). قبل مسح الكود تحدد نوع العملية إما اكل (غداء،فطور...) او انصراف أو عودة ثم تمسح لجميع العمال. تسجيل العملية يتم بضغطة واحدة (يُسجّل الوقت تلقائيًا). منع أكثر من 3 وجبات يوميًا. تنبيه عن عدم التساوي في الدخول والخروج. تنبيه فوري يظهر للمشرف مباشرة عند حدوث خطأ. --- 3. لوحة التحكم (Dashboard): عدد العمال الإجمالي اليوم. عدد الوجبات المصروفة اليوم. عدد الدخول / الخروج اليوم. تنبيهات النظام. تصدير بيانات إلى Excel. فلترة حسب التاريخ أو القسم أو العامل. --- 4. خصائص QR Code: لكل عامل QR ثابت خاص به (ممكن تحميله أو طباعته). الكود يُمسح من الجوال أو كمبيوتر. الكاميرا تعمل داخل المتصفح (مثلاً باستخدام مكتبة html5-qrcode). --- 5. النظام يعمل بدون إنترنت مؤقتًا: يمكن استخدام Local Storage مؤقتًا ثم مزامنة عند الاتصال. التكنولوجيا اللي هنستخدمه 1. الواجهة الأمامية (Front-End): HTML + CSS + JavaScript (ممكن استخدام إطار مثل Next.js أو React). علي حسب راحتك صفحة مخصصة لمسح الباركود باستخدام كاميرا الجوال (باستخدام مكتبة مثل html5-qrcode). 2. الواجهة الخلفية (Back-End): Python (Flask أو Django) أو Node.js حسب راحتك برضه. تخزين البيانات في قاعدة بيانات مثل MySQL أو PostgreSQL أو MongoDB. 3. قاعدة البيانات: جدول workers: بيانات العمال (اسم، رقم، QR مميز...). جدول attendance: تسجيل الحضور اليومي عبر QR. جدول meals: تسجيل استلام الوجبات. 4. لوحة التحكم: تسجيل دخول للإدارة. عرض الإحصائيات اليومية. طباعة / توليد QR للعمال. إدارة بيانات العمال. الواجهة الأمامية: Next.js أو React. الواجهة الخلفية: Node.js أو Django. البيانات: PostgreSQL أو MongoDB. المزامنة بدون إنترنت: IndexedDB أو localStorage + API sync.