نقل الركاب بالحافلات عبر الحدود
بلاد الشام
بلاد الشام شركة نقل ركاب مرخصة في دبي منذ 1983، تبيع رحلات الحافلات من الإمارات إلى الرياض والدمام وعُمان. توليت قيادة فريق Admix Lab الذي بنى المنصة التي تعمل بها الشركة اليوم: قاعدة برمجية واحدة على Next.js لموقع الحجز ثنائي اللغة ولوحة الموظفين وبوابتي الشركاء والمشغلين، إلى جانب تطبيق للمسافرين وآخر للسائقين على App Store وGoogle Play.
- العميل
- بلاد الشام لنقل الركاب بالحافلات ذ.م.م
- السنة
- 2025–2026
- الدور
- مسؤول المنتج والتطوير، Admix Lab
- الحالة
- قيد التشغيل
- المنصّات
- موقع الحجز، لوحة الموظفين، بوابة الشركاء، تطبيق المسافرين، تطبيق السائقين
المسافرون. يبحث المسافرون في الرحلات المتاحة فعليًا، ويحجزون في خطوتين، ويستلمون تذكرة إلكترونية برمز QR، بالعربية أو الإنجليزية.
- المنصة تعمل الآن على beladelsham.com: قاعدة برمجية واحدة تشغل الموقع العام ولوحة الموظفين وبوابتي الشركاء والمشغلين
- تطبيق المسافرين متاح على App Store وGoogle Play، وتطبيق Belad Driver متاح على المتجرين أيضًا
- 115 نموذجًا للبيانات، وأكثر من 220 صفحة، وأكثر من 130 مسارًا في واجهة API، وأكثر من 870 تحديثًا برمجيًا (commit) منذ فبراير 2025
- العربية والإنجليزية، مع تخطيط كامل من اليمين إلى اليسار على الويب والتطبيقات
التحدي
بلاد الشام شركة نقل ركاب مرخصة في دبي منذ 1983، تبيع رحلات الحافلات من الإمارات إلى الرياض والدمام، وتنظم رحلات تغيير الفيزا عبر عُمان ورحلات الحافلات المستأجرة. ويجب أن تكون بيانات الجواز والتأشيرة مسجلة لكل مسافر يعبر الحدود، ولا تنطلق الحافلة قبل اكتمال كشف الركاب الذي تطلبه الهيئة الاتحادية للهوية والجنسية (ICP).
كانت التذاكر تباع في مكاتب الفروع، وفي محادثات WhatsApp، ومن جداول البيانات لدى الوكالات الشريكة، وعبر ناقلين آخرين، دون مخزون مقاعد موحد أو دفتر حسابات واحد أو سجل صعود مشترك. ولأن الشركة تبيع التذاكر كل يوم، كان لا بد من إطلاق النظام الجديد على مراحل دون إيقاف العمل.
النهج
أعدت بناء منظومة العمل في تطبيق واحد مبني على Next.js 16 وPrisma وPostgres ومستضاف على Vercel. ويحدد النطاق الفرعي ما يظهر: الموقع العام بلغتين، أو لوحة الموظفين، أو بوابة الوكالات، أو بوابة المشغلين. وتعتمد كل قنوات البيع على محرك أسعار واحد، فلا يختلف السعر المعروض عن المبلغ المدفوع. ومن قواعد التصميم أن يعيد كل إجراء على الخادم قراءة دور المستخدم من قاعدة البيانات.
وحول هذه النواة أطلق فريق Admix Lab تطبيق المسافرين على Expo، وتطبيق السائقين الذي يرسل مراحل الرحلة وموقع GPS، وواجهة Channel API مع أداة قابلة للتضمين للوكالات، وصندوق رسائل واحدًا يجمع WhatsApp وInstagram وMessenger، مع مساعد مبني على Claude يرد على العملاء استنادًا إلى الرحلات المتاحة فعليًا.
بدأ العمل في فبراير 2025 بموقع أول على Next.js وبوابة بسيطة للشركة. ثم اختبر الإصدار الأول من المنصة (من يناير إلى أبريل 2026) النموذج كاملًا في مستودع واحد يضم 8 تطبيقات. أما إعادة البناء في يونيو 2026 فهي المنصة التي تعمل اليوم، وقد اعتمدت خارطة طريقها نقل الشيفرة المجربة من الإصدار الأول إليها على شكل مكتبات.
الأثر
المنصة تعمل الآن على beladelsham.com وتدير العمليات اليومية للشركة: البحث والحجز والدفع عبر الإنترنت، وصعود كل راكب برمز QR مع حفظ عمليات المسح عند انقطاع الاتصال، وإدخال الجوازات بقراءة منطقة MRZ وتصدير كشف الركاب لهيئة ICP، وخريطة مباشرة للأسطول، ومحافظ مشتركة للشركاء مع تذاكر تحمل علاماتهم، وكشوف عمولات للمشغلين، ودفتر ضريبي يعمل بالتوازي مع الحسابات الفعلية لإعداد إقرار VAT 201 وملف FAF.
تطبيق المسافرين متاح على App Store منذ 21 أغسطس 2026 وعلى Google Play كذلك، وتطبيق Belad Driver متاح على Google Play، وعلى App Store منذ 9 سبتمبر 2026.
ومنذ فبراير 2025 نمت القاعدة البرمجية عبر أكثر من 870 تحديثًا (commit) لتضم 115 نموذجًا للبيانات، وأكثر من 220 صفحة، وأكثر من 130 مسارًا في واجهة API، وأكثر من 50 قسمًا في لوحة الإدارة، مع 119 ملفًا لاختبارات تطبيق الويب.
المسافرون
موقع الحجز
يبحث المسافرون في الرحلات المتاحة فعليًا، ويحجزون في خطوتين، ويستلمون تذكرة إلكترونية برمز QR، بالعربية أو الإنجليزية.
- بحث يعرض التواريخ القريبة، مع تصفية حسب فترة اليوم، وخيارات للترتيب، وعدد المقاعد المتبقية، وموعد الحضور لكل نقطة صعود
- حجز من خطوتين ضمن جلسة مدتها 10 دقائق، والدفع بالبطاقة أو برصيد المحفظة أو نقدًا في المكتب
- صفحات مسارات وأدلة سفر بلغتين مع بيانات منظمة ووسوم hreflang وخريطة للموقع
- باقة تغيير الفيزا عبر عُمان، وطلبات عروض أسعار لاستئجار الحافلات، وبرنامج شركاء للوكالات والمشغلين
فريق العمليات وموظفو الفروع
لوحة الموظفين
لوحة التشغيل التي تدير بها الشركة عملها اليومي: أكثر من 50 قسمًا للمغادرة والصعود ومبيعات المكاتب والأسطول والمالية، مع صلاحيات حسب دور كل موظف. الأسماء والمبالغ في هذه الصور مستبدلة.
- مركز المغادرة: الصعود والتحقق من التذاكر وكشف الركاب في صفحة واحدة، مع مسح رمز QR لكل راكب، وتحفظ عمليات المسح عند انقطاع الاتصال ثم ترسل عند عودته
- حجوزات المكاتب مع قراءة منطقة MRZ في جواز السفر، وتصدير كشف الركاب بالصيغة الدقيقة التي تعتمدها الهيئة الاتحادية للهوية والجنسية (ICP)
- الأسطول: خريطة مباشرة تغذيها بيانات تطبيق السائقين، وإعادة عرض مسار الرحلات، والصيانة، والحوادث
- المالية: التدفق النقدي والفواتير وروابط الدفع والمبالغ المستردة، إلى جانب دفتر ضريبي يعمل بالتوازي مع الحسابات الفعلية دون التأثير فيها، ويعد مسودة إقرار ضريبة القيمة المضافة (VAT 201) وملف تدقيق الهيئة الاتحادية للضرائب (FAF)
وكالات السفر ومكاتب الحجز
بوابة الشركاء
تبيع وكالات السفر رحلات بلاد الشام من مكاتبها، بمحفظة مشتركة واحدة وتذاكر تحمل علامتها وواجهة API تربطها بأنظمتها. الصور من وضع العرض التجريبي المدمج في البوابة.
- معالج حجز يقبل لصق بيانات الركاب من Excel أو CSV، مع مجموعات محفوظة وتذاكر عودة مفتوحة، والدفع من محفظة واحدة يتشاركها فريق الوكالة
- مصمم تذاكر بثلاثة تخطيطات بمقاس A4 وشعار الوكالة ومعاينة حية، مع رمز QR لكل راكب
- دفتر ركاب يرصد مواعيد انتهاء الجوازات والتأشيرات، ودفتر عمولات مع كشوف الحساب
- واجهة Channel API للاستعلام عن الرحلات والأسعار والحجز والإلغاء، مع إشعارات webhook موقعة رقميًا، وأداة يمكن تضمينها في موقع الوكالة لعرض الرحلات المتاحة
المسافرون
تطبيق المسافرين
الرحلات والأسعار والتذاكر نفسها الموجودة على الموقع، في تطبيق مبني على Expo ومتاح على App Store وGoogle Play. الصور الترويجية من المتجر تعرض بيانات تجريبية.
- قائمة الرحلات المتاحة فعليًا والحجز والدفع على الخادم نفسه الذي يخدم الموقع
- بطاقة صعود برمز QR لكل راكب، وتذكرة إلكترونية، ورابط للتتبع المباشر يوم السفر
- محفظة بطاقة المسافر تشحن بالبطاقة وتستخدم للدفع عند الحجز
- الدخول برمز يصل إلى البريد الإلكتروني أو بحساب Google أو Apple أو برمز عبر WhatsApp أو SMS؛ والواجهة بالعربية أو الإنجليزية وبالوضع الفاتح أو الداكن
سائقو الحافلات
تطبيق السائقين
يقسم تطبيق Belad Driver كل رحلة إلى مراحل يسجلها السائق بنقرة واحدة، فيعرف المكتب متى انطلقت الحافلة ومتى وصلت إلى كل محطة ومتى عبرت الحدود وبلغت وجهتها. الصور الترويجية من المتجر تعرض رحلة تجريبية.
- شاشة «اليوم» تعرض المسار والحافلة وموعد الانطلاق، ويصدر مكتب التشغيل حسابات السائقين
- زر كبير واحد للمرحلة التالية: الانطلاق، وكل محطة، والوصول إلى الحدود، وعبور الحدود، والوصول إلى الوجهة
- النقرات التي تتم دون اتصال تحفظ بتوقيتها الفعلي، وموقع الحافلة أثناء الرحلة يغذي خريطة الأسطول المباشرة في المكتب
- خريطة للمسار مع الوقت المتوقع للوصول، بالعربية أو الإنجليزية مع تخطيط كامل من اليمين إلى اليسار
المسافرون والشركاء وموظفو الفروع
الإصدار الأول
كان الإصدار الأول مرحلة البحث والتطوير بين يناير وأبريل 2026، وانتهى بمستودع واحد يضم 8 تطبيقات: أربعة تطبيقات ويب على Next.js وأربعة تطبيقات Expo، على مخطط بيانات مشترك. ولم يطلق للعملاء، لكنه كان ساحة الاختبار للمنصة الحالية.
- تطبيقات Next.js 16 لموقع المسافرين ولوحة الإدارة مع واجهة API المركزية وبوابة الشركاء وبوابة الموظفين، وتطبيقات Expo للمسافرين والسائقين والموظفين والإدارة
- تسع حزم مشتركة، منها مخطط Prisma من 59 نموذجًا، وأدوات للتحقق من البيانات، ومنطق للعملات بالدرهم والريال العماني والريال السعودي، وواجهة بسبع لغات تدعم العربية من اليمين إلى اليسار
- بوابة شركاء مع محافظ للشركات وحدود ائتمان وفواتير ضريبية بعلامة تجارية مشتركة تصدر تلقائيًا، إلى جانب كشوف تسجيل الصعود في الفروع
- قراءة الجوازات في المكتب عبر Claude Haiku 4.5، مع الانتقال إلى Claude Sonnet 4.5 عند الحاجة
فريق العميل وشركاؤه
الهوية البصرية
دليل هوية بلغتين وحقيبة تسويق أعددتهما في أبريل 2026 بالتوازي مع الإصدار الأول: طريقة استخدام الشعار، والألوان، ونظام الخطوط، ونبرة الكتابة.
- قواعد استخدام الشعار على الخلفيات الكريمية والدافئة والداكنة والبيضاء
- لوحة من ثمانية ألوان بعنوان «سماءان وطريق واحد»، ولكل لون وظيفته
- خطوط لاتينية وعربية متناسقة للعناوين والنصوص التحريرية والنصوص العادية وواجهة الاستخدام العربية، وخط ثابت العرض للأوقات والرموز
- حقيبة التسويق: ورق رسمي، وعرض تعريفي للعملاء الجدد، وقوالب بريد بلغتين، ومنشورات وقصص Instagram
التقنيات
- Next.js 16
- React 19
- TypeScript
- Prisma
- PostgreSQL (Neon)
- Vercel
- Expo SDK 57
- React Native 0.86
- next-intl
- Tailwind CSS 4
- MapLibre GL
- Tesseract.js
التكاملات
- Tap Payments
- WhatsApp Cloud API (360dialog)
- Instagram and Messenger (Meta Graph API)
- Anthropic Claude
- Sign in with Apple
- Google Sign-In
- Cloudflare R2
- Sanity
- Google Search Console and IndexNow