مشغّل بدقة 4K لتلفزيونات سامسونغ وإل جي

محرك متصفح من 2015، في غرفة معيشة اليوم

تشغّل تلفزيونات سامسونغ وإل جي تطبيقات الويب، وهو ما يبدو أرضاً مألوفة إلى أن تنظر إلى ما تعمل عليه. جهاز بيع عام 2018 لا يزال في الخدمة، ومحركه يعادل تقريباً Chromium 47. لديه جزء يسير من ذاكرة الهاتف ومعالج بالمستوى نفسه، ويُطلب منه فك ترميز محتوى 4K في الوقت الذي يعرض فيه واجهتك.

يرسم التطبيق على مساحة ثابتة مقدارها 1920 في 1080 يتولّى التلفزيون تحجيمها إلى شاشته، فلا يغيّر جهاز 4K سوى الحدّة ولا شيء آخر. هذا القرار وحده ألغى فئة كاملة من عيوب التخطيط قبل أن توجد، وجعل كل قياساتنا قابلة للمقارنة عبر أجهزة شديدة الاختلاف.

• لا gap في flexbox: التباعد هامش على العنصر الابن، في كل مرة.
• لا CSS grid: كل تخطيط إما flexbox أو تموضع مطلق.
• لا ضبابية ولا ظلال ثقيلة: تكلّف إطارات يحتاجها مفكّك ترميز الفيديو.
• لا يُحرَّك سوى transform وopacity، لأن ما عداهما يستدعي إعادة حساب التخطيط.

القيود بهذه الشدّة تُوضّح الصورة. ثمة طريقة واحدة لبناء معظم الواجهة، وهي الطريقة السريعة.

التنقّل هو المنتج

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

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

قوائم تبقى سلسة على معالج تلفزيون

تبلغ قوائم القنوات آلاف المدخلات. عرضها جميعاً أمر غير وارد، والتمرير الافتراضي التقليدي يعيد العرض مع كل انتقال للتركيز، وهو ما يكفي على هذه الأجهزة لفقد الإطارات.

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

القياس على الجهاز، لأن الحاسوب المحمول يكذب

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

وجّه ذلك العمل فوراً. تراوحت أزمنة الإطار أثناء التنقّل بين 165 و265 جزءاً من الألف من الثانية مع تعطيل معاينة الفيديو، وبين 0.5 و1.3 ثانية مع تشغيلها. لم يكن الاختناق يوماً في الواجهة، بل في مفكّك الترميز وهو ينازع على السيليكون نفسه، وما كان أي تحسين إضافي للمكوّنات ليغيّر شيئاً.

القياس أولاً ليس تفضيلاً منهجياً على أجهزة كهذه. إنه الفرق بين أسبوع من تحسّن حقيقي وشهر يُنفق في ضبط الطبقة الخطأ.

الخلفية التي يحتاجها أسطول من الأجهزة

خلف التطبيق تقف خدمة Spring Boot مكتوبة بلغة Java: سجلّ للأجهزة، وتراخيص وتفعيل، وإعدادات لكل جهاز، ومسار إعدادات يتيح للمشغّل تغيير سلوك تلفزيونات موجودة في البيوت أصلاً دون إصدار نسخة جديدة.

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

اجتياز مراجعة المتجر

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

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