NEXTWAVE / أعمالنادراسة حالة / من الفكرة إلى الاستخدام

BRIXEL — واجهات تخطيط البناء ومتابعة المهام والتكلفة

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

اكتشف تفاصيل المشروع

موكب BRIXEL يعرض غرفة مشروع بناء وملف مهمة على الهاتف بخلفية هندسية زرقاء ووردية

1 / 1

معلومات المشروع

العميل: مشروع من تطوير Nextwave
قطاع العميل: المقاولات والإنشاءات
المنصات: الويب
نوع المشروع: أنظمة أعمال

الخدمات المقدمة

تطوير تطبيقات الويبتصميم واجهة وتجربة المستخدم

الفكرة والسياق

نظرة عامة على المشروع

في متابعة البناء، السؤال ليس فقط «وصلنا لفين؟». نحتاج أن نعرف ما الذي اكتمل، وأي خطوة تنتظر غيرها، وكم صُرف على كل مهمة. بدأنا BRIXEL من اجتماع المتابعة اليومي: شاشة تمنح مدير المشروع صورة عامة، ثم تسمح له بالنزول إلى سبب الرقم وتفاصيل المهمة.

ثلاث قراءات للمهمة نفسها

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

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

غرفة للمشروع، وجدول للخطة، وملف لكل مهمة

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

يقدم جدول التنفيذ عرض جانت وعرض جدول، مع البحث والتصفية حسب الحالة والمسؤول. أما ملف المهمة فيجمع خطتها وتبعيتها وتقدمها ومصروفاتها ومراجعاتها. تُحسب نسبة المشروع بأوزان مدد المهام المخططة، شاملة يوم البداية والنهاية، وتظل مستقلة عن قيمتها المالية.

قواعد تمنع الخطة من مناقضة نفسها

تبدأ المهمة بعد نهاية سابقتها، وتبقى التبعية داخل المشروع نفسه. تُرفض الدائرة التي تجعل مهمة تنتظر نفسها عبر مهام أخرى. وإذا كانت لمهمة أعمال تابعة، لا يسمح تعديل تاريخها بكسر مواعيد تلك الأعمال. وتحتاج بداية التقدم إلى اكتمال السابقة؛ وبعد بدء التابعة لا تتراجع السابقة إلى حالة غير مكتملة.

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

من داخل التجربة

صور المشروع

تعرّف على تفاصيل الواجهات وتجربة الاستخدام من خلال صور المشروع.

جدول تنفيذ BRIXEL وملف مهمة يربط المواعيد بالإنجاز والمصروف

1 / 3

حالة استخدام: ترتيب عمل ينتظر انتهاء خطوة سابقة

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

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

حالة استخدام: مراجعة تكلفة دون تغيير حقيقة الإنجاز

يفتح المراجع ملف المهمة ويسجل مصروفًا بوصف ومبلغ وتاريخ. يتغير إجمالي المصروف والمتاح من المخصص، بينما تبقى نسبة الإنجاز كما سجلها المسؤول. هذه المسافة بين المؤشرين مقصودة: دفع تكلفة عمل لا يثبت وحده أن العمل اكتمل.

إذا تبين أن المبلغ يحتاج تصحيحًا، يعدل المراجع المصروف ويذكر السبب. يحتفظ سجل المتابعة بالقيمة القديمة والجديدة، ويعيد حساب الإجماليات. وإذا أصبح المصروف أكبر من المخصص، يعرض الملف مقدار التجاوز بدل إخفائه أو زيادة المخصص تلقائيًا. يمكن تصدير المصروفات لمراجعة منفصلة؛ التسجيل داخل الواجهة لا ينفذ دفعة مالية أو قيدًا محاسبيًا خارجيًا.

ملف مهمة BRIXEL مع تفصيل مكبر للمخصص والمصروف والمتاح من الميزانية

حالة استخدام: تجهيز مراجعة يومية من الخطة الحالية

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

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

ثلاث شاشات BRIXEL على الهاتف تعرض مؤشرات المشروع وجدول المهام وملف التنفيذ

لغة بصرية لها علاقة بالبناء

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

صممنا للمشروع أربعة موكبات من شاشاته الأصلية: غرفة المشروع مع هاتف، جدول مع ملف مهمة، مجموعة شاشات محمولة، وتفصيل للتكلفة. الأشكال الهندسية في الخلفية تستعير فكرة الكتل المتراكبة، دون كتابة خارج الواجهات.

ما يشمله التنفيذ

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