نظرة عامة
تبني شركة HOLME Engineering برمجيات مهمة حرجة للسفن البحرية المستقلة وأنظمة الطاقة البحرية ومنصات الأتمتة الصناعية. يمثل هذا المشروع المنصة الرسمية للشركة — تطبيق Next.js عالي الأداء يعكس القدرات التقنية وفلسفة الهندسة لدى HOLME.
صُمّم الموقع لصنّاع القرار في ورش بناء السفن وشركات الطاقة والمقاولين الدفاعيين الذين يقيّمون الشركاء التقنيين من خلال حضورهم الرقمي. كل تفصيلة — من أوقات التحميل دون الثانية إلى انيميشن التحميل المبني على الفيزياء — تعكس الدقة الهندسية التي تميز HOLME.
الأنظمة الرئيسية
- الملاحة المستقلة — عبور بدون GPS، وثبات محطة DP3، وتجنب الاصطدام في الوقت الفعلي باستخدام دمج متعدد المستشعرات (LiDAR + سونار + INS)
- إدارة الطاقة (PMS) — تكوينات متعددة المولدات مع تحويل فوري أقل من millisecond وتنبؤ بالحمل بالذكاء الاصطناعي
- تخزين الطاقة (ESS) — هياكل هجينة بالبطاريات مع إدارة حرارية وتحسين دورة الشحن
- الأتمتة المتكاملة (IAS) — تحكم موحد في السفينة يشمل الدفع والتكييف والصابورة والسلامة من الحرائق
- دفع صفري الانبعاثات — أنظمة خلية الوقود الهيدروجينية والدفع الكهربائي الكامل للامتثال لمعايير IMO 2030+
التنفيذ التقني
هندسة الواجهة الأمامية
مبني على Next.js 16 App Router مع React 19 Server Components كوضع التصيير الافتراضي، مع حدود العميل فقط حيث يتطلب الأمر تفاعلاً. يُشغّل Turbopack بيئة التطوير لـ HMR فوري.
كل المحتوى مدفوع بالإعدادات من
، مما يتيح التكرار السريع دون لمس كود المكونات.
الحركة والتمرير
- Framer Motion — أنيميشن مكونات تصريحي وتأثيرات التمرير المتوازي
- GSAP + Lenis — تنسيق التمرير السلس والكشف التدريجي للأقسام
- محمّل مبني على الفيزياء — مشهد SVG بحري مخصص مع نظام ربيةّ-تخميد لطفو السفينة مرتبط بتقدم التحميل الفعلي
جميع الأنيميشنات تستخدم
و
حصراً — صفر من الـ layout thrashing، معالجة كاملة على GPU.
واجهة برمجة التطبيقات الخلفية
نظام CMS ديناميكي عالي الإنتاجية مبني على Laravel 13 (PHP 8.3+)، يدير الصفحات والأخبار والمنشورات والمشتركين ورسائل التواصل.
- بناء الصفحات الديناميكي — مدفوع بالمخطط مع 39 نوع قسم وتخزين مؤقت بـ Redis
- وحدة الأخبار — دورة حياة المقال (مسودة → منشور → مؤرشف)، تصفية، فئات، تسليم بريد إلكتروني عبر Postmark
- المشتركون والحملات — اشتراك بالنشرة البريدية، إلغاء اشتراك بالرمز، حملات بريد جماعية
- الاختبار — 1,333 اختبار Pest 4 يغطي جميع الوحدات وقواعد التحقق والتفويض وحالات الحافة
الأمان والأداء
- سياسات أمان HTTP الكاملة: , , Referrer وPermissions
- WebP أساسي مع PNG كاحتياطي؛ مستويات جودة للصور البطولية والمحتوى
- اختبارات إمكانية الوصول axe-core في E2E، دعم كامل لـ
النتيجة
يُظهر هذا المشروع خبرة في:
- هندسة متكاملة عبر قاعدتَي كود مستقلتين (Next.js + Laravel)
- هندسة واجهة مستخدم مدفوعة بالفيزياء لجمهور تقني متخصص
- بنية تحتية إنتاجية — Docker وNginx وSupervisor وعمال قائمة انتظار Redis
- معايير موثوقية المهام الحرجة: نشر بدون توقف، تغطية 1,333 اختبار، بوابة Lighthouse CI
