استوديو الذكاء الاصطناعي
كل المشاريع

نظام إدارة وطباعة بطاقات الموظفين

اسأل عن هذا المشروع

نريد إنشاء نظام ويب لإدارة بيانات الموظفين وإنشاء وطباعة بطاقات الموظفين بشكل احترافي. يتيح النظام للمستخدم إضافة الموظفين وتعديل بياناتهم وحذفهم والبحث عنهم وعرض قائمة بجميع الموظفين. عند إضافة موظف جديد يتم إدخال البيانات التالية: - الرقم الوظيفي - اسم الموظف بالعربية - اسم الموظف بالإنجليزية - المسمى الوظيفي - الإدارة / القسم - البريد الإلكتروني - رقم الجوال - تاريخ الميلاد - تاريخ الالتحاق بالعمل - تاريخ انتهاء البطاقة - صورة الموظف - حالة الموظف: على رأس العمل / موقوف / منتهي الخدمة يقوم النظام تلقائيًا بإنشاء بطاقة موظف تحتوي على صورة الموظف واسمه ورقمه الوظيفي والمسمى الوظيفي والإدارة وتاريخ انتهاء البطاقة، بالإضافة إلى QR Code يحتوي على رقم الموظف ورابط صفحة التحقق من البطاقة. يجب أن يكون بالإمكان معاينة البطاقة قبل الطباعة، وطباعة بطاقة موظف واحدة أو مجموعة من البطاقات دفعة واحدة، مع إمكانية تحميل البطاقة بصيغة PDF. يجب أن يحتوي النظام على شاشة رئيسية Dashboard تعرض إجمالي الموظفين، الموظفين النشطين، البطاقات المنتهية، والبطاقات التي ستنتهي قريبًا. يجب توفير شاشة لإدارة الموظفين تحتوي على جدول قابل للبحث والفلترة حسب الإدارة وحالة الموظف، مع إمكانية تعديل وحذف وطباعة بطاقة الموظف. يجب توفير شاشة لإدارة قوالب البطاقات بحيث يمكن اختيار تصميم البطاقة وتحديد العناصر التي تظهر عليها. يجب أن يدعم النظام اللغتين العربية والإنجليزية، وأن تكون الواجهة متجاوبة مع أجهزة الكمبيوتر والأجهزة اللوحية والجوال. يجب تطبيق نظام صلاحيات بحيث يوجد مدير للنظام يستطيع إدارة جميع البيانات والمستخدمين، ومستخدم عادي يستطيع إضافة وتعديل بيانات الموظفين وطباعة البطاقات حسب الصلاحيات الممنوحة له. يجب تسجيل العمليات المهمة في النظام مثل إضافة موظف وتعديل بياناته وحذف الموظف وطباعة البطاقة، مع تسجيل المستخدم والتاريخ والوقت. يجب تصميم النظام بواجهة حديثة وبسيطة، مع التركيز على سهولة الاستخدام وسرعة البحث والطباعة.

اطلب تعديلًا

هذه المرحلة معتمدة ونهائية، فلا تُعدَّل.
النسخة ⁨1⁩معتمدأُنشئ قبل 14 يومًا

نسخة نهائية. أصبحت هذه النسخة مدخلًا للمرحلة التالية ولا يمكن تغييرها.

النموذج الأولي

انقر الأزرار والروابط داخل الشاشة للتنقل بين الشاشات كما سيفعل المستخدم.

فحص الشاشات

اجتازت الشاشات كلها (⁨10⁩) الفحص.

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

    • ملاحظة تطلب الأيقونة «globe»، وليست في مجموعة الأيقونات، فتُحذف.
    • ملاحظة تستخدم «chip-teal»، وليست من نظام التصميم، فتظهر بلا تنسيق.
    • ملاحظة تستخدم «chip-teal»، وليست من نظام التصميم، فتظهر بلا تنسيق.
صُحّح تلقائيًا (11)
  • SCR-02 أُعيد رسم مخطط دائري ليطابق رقمه (93%).
  • SCR-04 صُحّح تاريخ هجري ليطابق يوم تاريخه الميلادي: 15 محرم 1384هـ → 3 جمادى الآخرة 1384هـ.
  • SCR-04 صُحّح تاريخ هجري ليطابق يوم تاريخه الميلادي: 01 محرم 1410هـ → 16 ربيع الأول 1410هـ.
  • SCR-06 صُحّح تاريخ هجري ليطابق يوم تاريخه الميلادي: 15 جمادى الأولى 1447هـ → 5 جمادى الأولى 1447هـ.
  • SCR-05 صُحّح تاريخ هجري ليطابق يوم تاريخه الميلادي: 12 محرم 1380هـ → 27 رمضان 1379هـ.
  • SCR-05 صُحّح تاريخ هجري ليطابق يوم تاريخه الميلادي: 01 محرم 1402هـ → 20 شوال 1401هـ.
  • SCR-05 صُحّح تاريخ هجري ليطابق يوم تاريخه الميلادي: 15 جمادى الأولى 1447هـ → 5 جمادى الأولى 1447هـ.
  • SCR-05 صُحّح تاريخ هجري ليطابق يوم تاريخه الميلادي: 20 جمادى الأولى 1447هـ → 29 ربيع الآخر 1447هـ.
  • SCR-05 صُحّح تاريخ هجري ليطابق يوم تاريخه الميلادي: 15 جمادى الأولى 1447هـ → 5 جمادى الأولى 1447هـ.
  • SCR-08 أُعيد رسم مخطط دائري ليطابق رقمه (88%).
  • SCR-08 أُعطيت الحالة «موقوف» لونها في الشاشات الأخرى.

فكرة التصميم

تقوم فلسفة التصميم في نظام إدارة وطباعة بطاقات الموظفين على مبدأ الوضوح الوظيفي والبساطة البصرية، حيث تهدف الواجهة إلى تقليل الحمل المعرفي على المستخدم وتوجيهه نحو إتمام المهام الأساسية من البحث والإدخال والطباعة بأقل عدد من النقرات. يتم تنظيم عناصر التحكم والمحتوى وفق تسلسل بصري منطقي يتوافق مع اتجاه القراءة من اليمين إلى اليسار في الواجهة العربية، مع ضمان انعكاس كامل للتخطيط عند التبديل إلى اللغة الإنجليزية دون الحاجة إلى إعادة تحميل الصفحة، بما يضمن تجربة استخدام سلسة وموحدة. يعتمد النظام على نظام ألوان هادئ ومهني يعكس الهوية البصرية للمؤسسة، مع استخدام لون مميز للتحذيرات والعمليات الحساسة مثل حذف البيانات أو انتهاء صلاحية البطاقات، مما يعزز القدرة على قراءة المعلومات بسرعة ودقة. كما صُممت الواجهة لتكون متجاوبة بالكامل، حيث تتكيف عناصر الجدول والنماذج تلقائيًا مع أبعاد شاشات أجهزة الكمبيوتر المكتبية والأجهزة اللوحية والهواتف الذكية، مع الحفاظ على قابلية الاستخدام عبر لوحة المفاتيح وأدوات قراءة الشاشة لدعم الموظفين ذوي الاحتياجات الخاصة. يركز التصميم على تسريع عمليات البحث والفلترة في شاشة إدارة الموظفين، وتوفير مساحة كافية في شاشة معاينة البطاقة لعرض التفاصيل الدقيقة ورمز الاستجابة السريعة QR Code بوضوح تام قبل الطباعة، مما يعكس اهتمام النظام بالدقة والموثوقية في بيئة العمل اليومية.

الشاشات

  1. SCR-01
    شاشة تسجيل الدخول: تعرض حقولًا لإدخال اسم المستخدم وكلمة المرور، مع تفعيل خيار المصادقة الثنائية إلزاميًا عند اختيار دور مدير النظام، وتوفر زرًا للتبديل بين اللغتين العربية والإنجليزية.
    أساسي
    يحقق 3 متطلبات⁨FR-11⁩ و⁨FR-13⁩ و⁨NFR-03⁩
  2. SCR-02
    الشاشة الرئيسية Dashboard: تعرض مؤشرات أداء حية تشمل إجمالي عدد الموظفين، والموظفين النشطين، والبطاقات المنتهية، والبطاقات التي ستنتهي قريبًا، مع أزرار تنقل سريعة نحو الشاشات الفرعية.
    مهم
    يحقق متطلبًا واحدًا⁨FR-08⁩
  3. SCR-03
    شاشة إدارة الموظفين: تعرض جدولًا تفصيليًا قابلاً للبحث والفلترة حسب الإدارة وحالة الموظف، مع أزرار لإجراءات التعديل والحذف والطباعة، وحقول إدخال مخصصة لإضافة بيانات موظف جديد.
    أساسي
    يحقق 3 متطلبات⁨FR-01⁩ و⁨FR-02⁩ و⁨FR-09⁩
  4. SCR-04
    شاشة إضافة موظف: تعرض نموذجًا يحتوي على حقول الرقم الوظيفي والأسماء والمسمى الوظيفي والإدارة والبريد الإلكتروني ورقم الجوال والتواريخ والصورة الشخصية وحالة الموظف، مع زر حفظ البيانات في قاعدة البيانات المركزية.
    أساسي
    يحقق متطلبًا واحدًا⁨FR-01⁩
  5. SCR-05
    شاشة تعديل بيانات الموظف: تعرض نموذجًا مملوءًا مسبقًا ببيانات الموظف المستهدف، مع إمكانية تعديل الحقول وحفظ التغييرات، ونافذة تأكيد قبل تنفيذ عملية الحذف.
    أساسي
    يحقق متطلبًا واحدًا⁨FR-02⁩
  6. SCR-06
    شاشة معاينة البطاقة: تعرض تصميم البطاقة المولدة تلقائيًا مع الصورة الشخصية والاسم والرقم الوظيفي والمسمى الوظيفي والإدارة وتاريخ الانتهاء ورمز الاستجابة السريعة QR Code، مع أزرار للطباعة وتحميل PDF.
    أساسي
    يحقق 5 متطلبات⁨FR-03⁩ و⁨FR-04⁩ و⁨FR-05⁩ و⁨FR-06⁩ و⁨FR-07⁩
  7. SCR-07
    شاشة إدارة قوالب البطاقات: تتيح لمدير النظام اختيار التصميم المعتمد وتحديد العناصر التي تظهر على البطاقة، مع إمكانية إنشاء قوالب جديدة أو تعديل القائمة الحالية.
    مهم
    يحقق متطلبَين⁨FR-10⁩ و⁨FR-13⁩
  8. SCR-08
    شاشة إدارة المستخدمين والصلاحيات: مخصصة لمدير النظام فقط، وتتيح إنشاء حسابات جديدة وتحديد أدوار المستخدمين (مدير أو عادي) وإدارة صلاحيات الوصول للبيانات والوظائف.
    أساسي
    يحقق متطلبًا واحدًا⁨FR-13⁩
  9. SCR-09
    شاشة سجل العمليات والتدقيق: تعرض قائمة زمنية بالعمليات الحساسة (إضافة، تعديل، حذف، طباعة) مع اسم المستخدم والتاريخ والوقت، مع أزرار لتصدير السجلات بصيغة CSV أو PDF.
    أساسي
    يحقق متطلبَين⁨FR-14⁩ و⁨NFR-06⁩
  10. SCR-10
    شاشة التحقق من صحة البطاقة: تستقبل بيانات رمز الاستجابة السريعة QR Code المسحوب، وتعرض حالة صحة البطاقة (سارية أو منتهية أو غير موجودة) مع البيانات المرتبطة بالرقم الوظيفي.
    أساسي
    يحقق متطلبًا واحدًا⁨FR-04⁩

رحلات المستخدم

تبدأ رحلة المستخدم من شاشة تسجيل الدخول SCR-01، حيث يُدخل بيانات الاعتماد، وعند اختيار دور مدير النظام تُفعّل المصادقة الثنائية تلقائيًا، ثم ينتقل إلى الشاشة الرئيسية Dashboard SCR-02 التي تعرض مؤشرات الأداء الحية. من هذه الشاشة، يمكن للمستخدم العادي الانتقال مباشرة إلى شاشة إدارة الموظفين SCR-03 للبحث في الجدول أو الفلترة حسب الإدارة والحالة، بينما يمتلك مدير النظام صلاحية الوصول إلى شاشة إدارة المستخدمين SCR-08 وشاشة قوالب البطاقات SCR-07. عند الرغبة في إضافة موظف جديد، ينتقل المستخدم من شاشة إدارة الموظفين إلى شاشة إضافة موظف SCR-04، حيث يملأ الحقول المطلوبة ويحفظ البيانات، مما يؤدي إلى توليد بطاقة الموظف تلقائيًا وفق القالب المعتمد. بعد الحفظ، ينتقل المستخدم إلى شاشة معاينة البطاقة SCR-06 للتحقق من دقة البيانات والتصميم، ثم يختار بين الطباعة الفردية أو الجماعية أو تحميل نسخة PDF. في حال الحاجة إلى تعديل بيانات موظف موجود، يُفتح نموذج التعديل في شاشة SCR-05، وبعد الحفظ تُحدَّث البطاقة تلقائيًا. أما عند حذف موظف، فتظهر نافذة تأكيد قبل التنفيذ، وتُسجل العملية في سجل التدقيق SCR-09. يمكن لمدير النظام أيضًا الانتقال إلى شاشة سجل العمليات SCR-09 لمراجعة الإجراءات الحساسة وتصديرها، أو إلى شاشة التحقق SCR-10 للتحقق من صحة البطاقات عبر مسح رمز QR Code. جميع هذه المسارات تُسجل في قاعدة البيانات مع توثيق اسم المستخدم والتاريخ والوقت، مع ضمان أن الواجهة تتكيف مع اللغة المختارة (العربية أو الإنجليزية) وتجاوبها مع مختلف الأجهزة دون إعادة تحميل.

مكونات الواجهة

تتبنى الواجهة البصرية للنظام مجموعة من المكونات المشتركة الموحدة التي تضمن اتساق التجربة عبر جميع الشاشات، مع مراعاة صارمة لمبدأ الكتابة من اليمين إلى اليسار في اللغة العربية، ومن اليسار إلى اليمين في الإنجليزية، دون الحاجة لإعادة تحميل الصفحة عند التبديل بين اللغتين وفقاً لمتطلب NFR-04. يتصدر هذه المكونات شريط التنقل العلوي الذي يعرض شعار المؤسسة واسم النظام، مع زر التبديل اللغوي الذي يحافظ على اتجاه العناصر النصية والأيقونات بشكل صحيح، وقائمة المستخدم المنسدلة التي تعرض الصلاحيات المتاحة. تعتمد النماذج الإدخالية، مثل نموذج إضافة الموظف في SCR-04، على حقول نصية تدعم التحقق الفوري من صحة البيانات، مع تمييز الحقول الإلزامية بخطوط واضحة، وتوفر حقول التاريخ منتقياً مخصصاً يتوافق مع التقويم الهجري والميلادي حسب إعدادات المؤسسة، كما تدعم حقل الصورة الشخصية السحب والإفلات مع معاينة فورية. يتم تصميم الجداول، كما في شاشة إدارة الموظفين SCR-03، لتدعم التمرير الأفقي على الشاشات الصغيرة مع تثبيت العمود الأول، وتتيح الفرز والبحث الحي مع فلترة حسب الإدارة والحالة، وتعرض أزرار الإجراءات (تعديل، حذف، طباعة) بشكل مدمج في كل صف لضمان سهولة الوصول. تعتمد آلية الإشعارات على نظام تنبيهات منبثقة في الزاوية العلوية المعاكسة لاتجاه القراءة، تعرض حالة نجاح أو فشل العمليات الحساسة، مع إمكانية إغلاقها يدوياً أو اختفاءها تلقائياً بعد خمس ثوانٍ. لضمان إمكانية الوصول، تلتزم جميع المكونات بمعايير WCAG 2.1، حيث تدعم التنقل الكامل عبر لوحة المفاتيح مع مؤشر تركيز واضح، وتوفر نصاً بديلاً (Alt Text) لجميع الصور والأيقونات، وتستخدم تبايناً لائياً لا يقل عن 4.5:1 بين النص والخلفية، مع حجم خط أساسي لا يقل عن 16 بكسل لضمان القراءة السهلة على مختلف الأجهزة المكتبية واللوحية والذكية وفقاً لمتطلب NFR-05.