الشركة العربية للتجارة — بوابة تتبّع الشحنات الحيّة وشريط الشركاء

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

تسليم بوابة عربية حيّة واحدة (1) تُعرض نتيجة تتبّع كاملة قابلة للطباعة لأي رقم شحنة — الحالة والمنشأ والوجهة والناقل والتواريخ والشحونة والطرود والطرفان، (2) وتصمد أمام الاستضافة المشتركة البطيئة ومنظومة التحميل الكسول، (3) وتعرض الشعارات الستة عشر كشريط RTL متواصل يبقى مقروءاً من 1920 بكسل حتى 390 بكسل، (4) وتُنشر دون كسر دفع WooCommerce القائم ولا التوجيه ثنائي اللغة.

أُعيد بناء تصميم التتبّع وفق نموذج بيانات WP-Cargo بحيث أصبح كل حقل تعيده الواجهة ظاهراً: شريط الحالة، وشبكة معلومات المنشأ والوجهة والناقل، وصف الشحونة الكامل، وجدول طرود متعدّد الأبعاد والوزن لكل طرد، وعمودا الشاحن والمستلم، وجدول تاريخ شحن زمني — مع تغليف النتيجة كاملة في حاوية طباعة. وشريط الشركاء إضافة مستقلة تحقن مساراً مزدوجاً من ستة عشر شعار عميل كصور CSS خلفية مؤجّلة مع حركة keyframe، فيتحرّك بلا استنزاف التخطيط ويعمل بلا JavaScript. ولأن الاستضافة الإنتاجية بطيئة، تُؤجَّل حمولات الصور وتُفكّ قبل الرسم، وتحقّقت من كل شاشة بدقة 1920×1080 و390×844 مع بوابات آلية لكشف الإطارات الفارغة وتسريب البيانات الشخصية.

كان أصعب قيد هو خادم لا يكمل التحميل أبداً: لم يكتمل حدث جاهزية المستند خلال 120 ثانية، وعلقت طلبات صور فردية 30–60 ثانية، فأنتج خط لقطات ساذج صفحات نصف مرسومة. حُلّت المشكلة بقياس هدوء الشبكة بدل الوثوق بحدث التحميل، وتأجيل كل صورة غير حرجة، وإجبار فكّ الشعارات الستة عشر قبل اللقطة، وربط كل إطار بفحص بكسلات مفكوكة بدل اكتمال الطلب. والمعضلة الثانية كانت خصوصية انتقائية: يجب ألا يظهر اسم المستلم وعنوانه ورقمه في دراسة حالة منشورة مع بقاء سجل التتبّع كاملاً ظاهراً، لذا اقتصر التمويه على عقدة واحدة، ثم أكّد فحص آلي عدم تسرّب قيم المستلم في أي موضع آخر من الصفحة.