فكرة التصميم
تتبنى واجهة المستخدم في نظام حجز قاعات الاجتماعات فلسفة تصميمية قائمة على البساطة والوضوح الوظيفي، معتمدة على مبادئ التصميم التشاركي التي تراعي طبيعة البيئة المؤسسية السعودية وتفضيلات المستخدمين من حيث سرعة الوصول إلى المعلومات واتخاذ القرار. تنظم الواجهة بشكل هرمي واضح يفصل بين مسارات عمل الموظف ومدير المرافق، حيث يبدأ الموظف من شاشة القائمة الرئيسية التي تقدم عرضاً بصرياً مبسطاً للقاعات المتاحة، مع التركيز على البيانات الحاسمة مثل السعة والتجهيزات، مما يتيح له تقييم الملاءمة دون الحاجة إلى التنقل بين شاشات متعددة. يعتمد التصميم على تخطيط من اليمين إلى اليسار (RTL) بشكل كامل في النسخة العربية، مع الحفاظ على التوازن البصري ووضوح النصوص لضمان سهولة القراءة وسرعة المعالجة، وفقاً لمتطلبات NFR-06. كما تلتزم الواجهة بمعايير إمكانية الوصول WCAG 2.1 المستوى AA، مما يضمن تبايناً لورياً كافياً بين النصوص والخلفيات، وأحجام خطوط مناسبة، وتفاعلات واضحة عبر لوحة المفاتيح، لتسهيل الاستخدام على جميع الفئات بما فيهم ذوو الاحتياجات الخاصة. أما من حيث الهوية البصرية، فتعتمد الواجهة على لوحة ألوان هادئة ومهنية تعكس الطابع الرسمي للمؤسسة، مع استخدام الألوان بشكل وظيفي دقيق؛ فاللون الأخضر يرمز للحالة المتاحة والنجاح، والأحمر يشير إلى حالات الخطأ أو التداخل الزمني، والرمادي يعكس القاعات الموقوفة للصيانة أو العناصر غير النشطة. هذا الاستخدام الوظيفي للألوان يقلل من الحمل المعرفي على المستخدم ويساعد في فهم حالة النظام فورياً دون الحاجة إلى قراءة نصوص مطولة. في واجهة مدير المرافق، تتحول الواجهة إلى لوحة تحكم تحليلية أكثر كثافة، حيث تُرتب البيانات في جداول ورسوم بيانية تفاعلية تدعم اتخاذ القرارات الإدارية، مع توفير أزرار إجراء واضحة لإدارة القاعات وتوليد التقارير. يهدف هذا التصميم إلى تقليل عدد النقرات اللازمة لإتمام المهام، وضمان استجابة النظام خلال الفترات الزمنية المحددة في NFR-01 وNFR-02، مما يوفر تجربة استخدام سلسة وآمنة تعزز الكفاءة التشغيلية وتقلل من احتمالية الأخطاء البشرية في عمليات الحجز والإدارة.
الشاشات
- SCR-01شاشة القائمة الرئيسية للقاعات: تعرض للموظف قائمة بالقاعات المتاحة فقط، مع عرض اسم كل قاعة، سعتها القصوى، وقائمة التجهيزات التقنية المتوفرة. تتضمن الشاشة حقول تصفية لاختيار التاريخ والوقت المحدد للجلسة، وتُخفي تلقائياً أي قاعة موقوفة للصيانة. تلتزم الشاشة بدعم اتجاه الكتابة من اليمين إلى اليسار (RTL) واللغتين العربية والإنجليزية.
- SCR-02شاشة إنشاء الحجز: تظهر بعد اختيار قاعة محددة، وتتيح للموظف إدخال تاريخ الجلسة ووقت البداية ووقت النهاية. عند محاولة الحفظ، يتحقق النظام من عدم التداخل الزمني مع الحجوزات القائمة على نفس القاعة. إذا حدث تداخل، تظهر رسالة خطأ واضحة توضح سبب الرفض دون إتمام العملية. عند النجاح، تنتقل الواجهة إلى شاشة التأكيد.
- SCR-03شاشة تأكيد الحجز: تعرض للموظف ملخصاً فورياً للحجز الناجح، بما في ذلك اسم القاعة، التاريخ، وأوقات البداية والنهاية. تُشعر هذه الشاشة المستخدم بنجاح العملية، وتُعدّ نقطة انطلاق لإرسال إشعار البريد الإلكتروني المؤسسي الذي يؤكد الحجز رسمياً.
- SCR-04شاشة إدارة حجوزاتي: تعرض للموظف قائمة بجميع الحجوزات التي أنشأها بنفسه، سواء كانت مؤكدة أو ملغاة، مرتبة زمنياً. تتضمن كل سطر في القائمة أزراراً لإلغاء الحجز في حال تغيّر الظروف. عند اختيار الإلغاء، يظهر مربع حوار تأكيد، وبعد التأكيد تُحدّث حالة الحجز وتُرسل إشعار إلغاء فوري.
- SCR-05شاشة إدارة بيانات القاعات (للمدير): لوحة تحكم مخصصة لمدير المرافق تتيح له إضافة قاعة جديدة من خلال نموذج إدخال يحدد الاسم، السعة، والتجهيزات. كما تتيح الشاشة تعديل بيانات القاعات الحالية لتعكس أي تغييرات في التجهيزات أو السعة. لا تظهر هذه الشاشة للموظفين العاديين.
- SCR-06شاشة التحكم بحالة القاعات (للمدير): تتيح لمدير المرافق تغيير حالة القاعة من 'متاحة' إلى 'موقوفة للصيانة' والعكس. عند إيقاف قاعة، تختفي فوراً من شاشة القائمة الرئيسية للموظفين، مما يمنع أي محاولات حجز جديدة عليها حتى إعادة تفعيلها.
- SCR-07شاشة التقارير الشهرية للإشغال (للمدير): تعرض جداول ورسوم بيانية توضح نسبة الإشغال لكل قاعة خلال الشهر الحالي. تُحسب النسبة بناءً على ساعات الحجز الفعلية مقارنة بالساعات المتاحة، مع استثناء فترات الصيانة المؤقتة من حساب الساعات المتاحة لضمان دقة المؤشرات التحليلية المقدمة للإدارة.
- SCR-08شاشة التوثيق المركزي (SSO): نقطة الدخول الموحدة للنظام، حيث يتحقق المستخدم من هويته عبر نظام التوثيق المركزي الحالي للمؤسسة. تعتمد هذه الشاشة على مبدأ أقل صلاحيات (Least Privilege) لتحديد ما إذا كان المستخدم موظفاً أو مدير مرافق، وتوجيهه إلى الواجهة المناسبة تلقائياً دون إنشاء أنظمة مصادقة منفصلة.
رحلات المستخدم
تبدأ رحلة الموظف عند الدخول إلى النظام عبر شاشة التوثيق المركزي (SSO) SCR-08، حيث يتحقق النظام من هوية المستخدم وصلاحياته. بعد نجاح المصادقة، يُوجَّه الموظف تلقائياً إلى شاشة القائمة الرئيسية للقاعات SCR-01، التي تعرض القاعات المتاحة فقط مع إخفاء أي قاعة موقوفة للصيانة. يقوم الموظف بتصفية النتائج حسب التاريخ والوقت المطلوبين، ثم يختار القاعة المناسبة، مما ينقله إلى شاشة إنشاء الحجز SCR-02. في هذه الشاشة، يُدخل الموظف تفاصيل الموعد، وعند محاولة الحفظ يتحقق النظام فورياً من عدم التداخل الزمني وفقاً لـ FR-03. إذا كان الموعد متداخلاً، تظهر رسالة خطأ واضحة تمنع الإتمام، أما عند النجاح فتنتقل الواجهة إلى شاشة تأكيد الحجز SCR-03، التي تعرض ملخص العملية وتبدأ بإرسال إشعار البريد الإلكتروني المؤسسي وفقاً لـ FR-05. يمكن للموظف لاحقاً الانتقال إلى شاشة إدارة حجوزاتي SCR-04 للاطلاع على سجله، حيث يملك صلاحية إلغاء أي حجز مؤكد من خلال مربع حوار تأكيد، مما يؤدي إلى تحديث حالة الحجز وإرسال إشعار الإلغاء الفوري.
أما رحلة مدير المرافق فتبدأ من نفس شاشة التوثيق المركزي SCR-08، لكن يتم توجيهه إلى لوحة التحكم الإدارية بناءً على صلاحياته. يستخدم المدير شاشة إدارة بيانات القاعات SCR-05 لإضافة قاعات جديدة أو تعديل بياناتها الحالية، بما في ذلك السعة والتجهيزات، وفقاً لـ FR-06 وFR-07. عند الحاجة إلى صيانة، ينتقل المدير إلى شاشة التحكم بحالة القاعات SCR-06 لتغيير حالة القاعة إلى 'موقوفة للصيانة'، مما يؤدي إلى إخفائها فورياً من واجهة الموظف ومنع أي حجوزات جديدة عليها. أخيراً، يعتمد المدير على شاشة التقارير الشهرية للإشغال SCR-07 لمراجعة نسب الإشغال لكل قاعة، حيث تُحسب هذه النسب بدقة باستثناء فترات الصيانة من الساعات المتاحة، مما يوفر بيانات تحليلية دقيقة لدعم القرارات الإدارية وفقاً لـ FR-09.
مكونات الواجهة
تتبنى الواجهة مجموعة موحدة من مكونات المستخدم الأساسية لضمان اتساق التجربة عبر جميع الشاشات المذكورة في وثيقة المتطلبات، مع مراعاة طبيعة البيئة الداخلية للمؤسسة. يبدأ الهيكل العام بشريط تنقل علوي ثابت يتكيف مع اتجاه الكتابة، حيث يظهر شعار المؤسسة واسم النظام في الزاوية اليمنى عند تفعيل اللغة العربية، وفي الزاوية اليسرى عند تفعيل الإنجليزية، مع تضمين مؤشر حالة المستخدم الحالي وزر الخروج من النظام الذي يربط مباشرة بواجهة التوثيق المركزي (SSO) وفقاً لمتطلب NFR-04. يعتمد هذا الشريط على مبدأ التكيف الديناميكي مع الصلاحيات، حيث تظهر عناصر إضافية مثل 'إدارة القاعات' و'التقارير الشهرية' لمدير المرافق فقط، بينما يقتصر عرض الموظف على 'القاعات المتاحة' و'حجوزاتي'، مما يضمن تطبيق مبدأ أقل صلاحيات (Least Privilege) على مستوى الواجهة.
تُبنى نماذج الإدخال، المستخدمة في شاشات إنشاء الحجز وإدارة بيانات القاعات، على مبدأ الحقول الواضحة مع التحقق الفوري من صحة البيانات قبل إرسالها للخادم. تتضمن حقول التاريخ والوقت في شاشة إنشاء الحجز (SCR-02) منتقيات مخصصة تدعم التقويم الهجري والميلادي معاً، مع ضمان أن يكون وقت النهاية منطقياً بعد وقت البداية، وأن يتوافق مع ساعات العمل الرسمية. في شاشة إدارة بيانات القاعات (SCR-05)، يتم استخدام حقول نصية للاسم، وحقول عددية للسعة، وقوائم اختيار متعددة للتجهيزات التقنية، مع تفعيل آلية التحقق من عدم تكرار اسم القاعة. جميع النماذج تدعم الإكمال التلقائي حيثما أمكن، وتعرض رسائل خطأ موضعية تحت كل حقل غير صالح بلون أحمر مميز، مع الحفاظ على تركيز لوحة المفاتيح على الحقل المعني لتسهيل التصحيح.
تُعرض البيانات القائمة، سواء في شاشة القائمة الرئيسية للقاعات (SCR-01) أو شاشة إدارة حجوزاتي (SCR-04)، في جداول تفاعلية تدعم التصفية والفرز. في شاشة القائمة الرئيسية، يُعرض كل صف باسم القاعة، سعتها، والتجهيزات، مع شارة حالة واضحة تشير إلى 'متاحة' أو 'موقوفة'، مع إخفاء التلقائي للقاعات الموقوفة وفقاً لمتطلب FR-08. تدعم هذه الجداول التصفية حسب التاريخ والوقت المحدد للجلسة، مما يتيح للموظف رؤية التوفر الفوري دون الحاجة لتصفية يدوية للقاعات المشغولة. أما في شاشة إدارة حجوزاتي، فتُرتب الحجوزات زمنياً مع إبراز الحجوزات القادمة بلون مختلف عن الملغاة، وتحتوي كل سطر على زر إلغاء يظهر فقط للحجوزات المؤكدة، مع تفعيل مربع حوار تأكيد قبل تنفيذ العملية لضمان منع الإلغاء غير المقصود.
تعتمد آلية الإشعارات على نظام تنبيهات منبثقة (Toasts) تظهر في الزاوية العلوية المعاكسة لاتجاه الكتابة، أي يميناً في العربية ويساراً في الإنجليزية، لتأكيد نجاح العمليات مثل تأكيد الحجز أو الإلغاء وفقاً لمتطلب FR-05. تتنوع هذه الإشعارات بين نوعين: نجاح (خضر) يعرض ملخصاً مختصراً للعملية، وخطأ (أحمر) يوضح سبب الرفض، مثل التداخل الزمني في شاشة إنشاء الحجز (SCR-02)، مع زر إغلاق يدوي أو اختفاء تلقائي بعد خمس ثوانٍ. كما تُدمج هذه الإشعارات مع إرسال البريد الإلكتروني المؤسسي، حيث تشير الرسالة المنبثقة إلى أن إشعاراً تفصيلياً قد أُرسل إلى بريد الموظف، مما يعزز الثقة في استلام التأكيد الرسمي.
يُطبق دعم اللغة العربية واتجاه الكتابة من اليمين إلى اليسار (RTL) بشكل كامل على جميع المكونات، حيث تنعكس محاذاة النصوص والعناصر الرسومية تلقائياً عند التبديل بين اللغتين وفقاً لمتطلب NFR-06. يتم استخدام خطوط عربية معتمدة من هيئة الحكومة الرقمية السعودية، مع ضبط أحجام الخطوط لضمان القراءة السلسة على شاشات الجوال والحاسوب. أما من حيث إمكانية الوصول (Accessibility) وفقاً لمتطلب NFR-07، فتُطبق معايير WCAG 2.1 المستوى AA من خلال ضمان تباين لوني كافٍ بين النص والخلفية، ودعم التنقل الكامل بلوحة المفاتيح مع مؤشرات تركيز واضحة، وإضافة نصوص بديلة (Alt Text) لجميع الأيقونات والرسوم البيانية في شاشة التقارير الشهرية (SCR-07)، مما يضمن قابلية الاستخدام لجميع الموظفين بما فيهم ذوو الاحتياجات الخاصة.