لوحة مؤشرات الأداء لقطاعات الوزارة
لوحة تحليلات متعددة الشاشات لمتابعة مؤشرات الأداء الرئيسية لقطاعات الدواجن وبيض المائدة والثروة الحيوانية، مبنية بـ Chart.js مع خريطة كوروبليث لمناطق المملكة وتتبّع كامل للمتطلبات وفق وثيقة متطلبات العمل (BRD).
- الدور
- مصمم واجهات وتجربة مستخدم ومطوّر واجهات أمامية
- السنة
- المنصة
- ويب (سطح المكتب)
- الفريق
- NSG للخدمات الجيومكانية
السياق
احتاج محللو القطاعات وصنّاع القرار في الوزارة إلى رؤية موحّدة لمؤشرات الإنتاج والإمداد والأسعار عبر قطاعات الدواجن وبيض المائدة والثروة الحيوانية. كانت التقارير القائمة موزّعة بين جداول بيانات وملفات مصدَّرة ثابتة، دون أي تفصيل على مستوى المناطق.
طلب الموجز لوحة معلومات عربية متعددة الشاشات تضم رسوماً بيانية وجداول وخريطة لمناطق المملكة.
القيود
- كان يجب أن ترتبط كل شاشة بمتطلب مرقّم في وثيقة متطلبات العمل (BRD)، فكان تتبّع المتطلبات مخرجاً أساسياً لا إضافة اختيارية.
- كان على النسخة النهائية أن تعمل دون اتصال بالإنترنت لأغراض العروض التقديمية وفي الشبكات المقيّدة، مما استبعد الاعتماد على شبكات توصيل المحتوى (CDN) أو بلاطات الخرائط الحية.
- الإعدادات الافتراضية لمكتبات الرسوم البيانية لا تناسب المحتوى العربي: اتجاه المحاور، وترتيب مفاتيح الرسم، ومحاذاة التلميحات، وتنسيق الأرقام، كلها احتاجت إلى معالجة مقصودة.
القرارات التصميمية
[عنصر نائب] القرار الأول — استبدله بالقرار التصميمي الأهم
[عنصر نائب] لماذا اختير هذا الخيار دون البدائل. يكتبه محمد؛ مادة للمقابلات.
البديل المرفوض: [عنصر نائب] ما الذي دُرس ورُفض، ولماذا لم يُعتمد.
[عنصر نائب] القرار الثاني — استبدله بالقرار الثاني
[عنصر نائب] المبررات هنا.
البديل المرفوض: [عنصر نائب] البديل المرفوض هنا.
النتيجة
لوحة معلومات متعددة الشاشات تغطي القطاعات الثلاثة، برسوم بيانية عبر Chart.js، وخريطة كوروبليث لمناطق المملكة للمقارنة الجغرافية، ومصفوفة تتبّع تربط كل مكوّن بمتطلبه في وثيقة BRD.
نسخة قادرة على العمل دون اتصال، تُشغَّل من مجلد محلي دون الحاجة إلى الشبكة.
بأثر رجعي
أثبتت مصفوفة التتبّع قيمتها في اجتماعات المراجعة: كل سؤال عن سبب وجود عنصر ما كان خلفه رقم متطلب. في المرة القادمة سأبني اصطلاحات الرسوم البيانية كمكتبة مشتركة قبل الشاشة الأولى، بدلاً من حلّها شاشة تلو الأخرى.
- لوحة معلومات
- تصوير البيانات
- التحليلات
- Chart.js
- نظم المعلومات الجغرافية
- يعمل دون اتصال