انتقل إلى المحتوى
الخبر، المملكة العربية السعودية

تطوير تطبيقات Flutter في السعودية

فريق واحد وقاعدة كود واحدة، والمتجران مشمولان

تحتاج iOS وأندرويد ولا تريد دفع تكلفة بناءين. نستخدم Flutter أو React Native لإطلاق المنصتين من قاعدة كود واحدة بالعربية والإنجليزية، ونقول لك بصراحة متى يكون التطبيق الأصلي أفضل.

8 إلى 16

أسبوعاً من التحديد حتى الإطلاق على المتجرين

2

منصتان من قاعدة كود مشتركة

2

لغتان بتخطيط كامل من اليمين لليسار

Flutter وDartReact Native وTypeScriptقاعدة كود واحدة لمتجرينتخطيط عربي من اليمين لليسارمدى وApple Payجسور للوحدات الأصليةتحديثات دون إعادة نشرمزامنة تعمل دون اتصالبناء إصدارات آليخيار الويب وسطح المكتب

الإجابة المباشرة

تطوير التطبيقات متعددة المنصات هو بناء تطبيقي iOS وأندرويد من قاعدة كود واحدة باستخدام Flutter أو React Native. يناسب الشركات الناشئة والتجزئة والأدوات الداخلية التي تحتاج المنصتين بميزانية وجدول معقولين. نختار الإطار معك، ونبني التطبيق بالعربية والإنجليزية، وننجز التقديم للمتجرين، وندعمه بعد الإطلاق.

قبل وبعد

ما الذي تزيله هذه الخدمة.

تطبيقان وميزانيتان وتقويمان للإصدار

اليوم

نسختا iOS وأندرويد تتباعدان، والميزات تصل بفارق أسابيع، والأخطاء تُصلح مرتين.

مع النظام

قاعدة كود واحدة تصدر الميزة نفسها إلى المتجرين في الإصدار نفسه.

تطبيقات متعددة المنصات تبدو غريبة

اليوم

تجارب سابقة بدت كموقع داخل غلاف، بتمرير متأخر وحركات خاطئة.

مع النظام

يُترجم Flutter وReact Native إلى عناصر أصلية أو محرك رسم سريع، ونضبط كل منصة حيث يهم.

العربية تنكسر على منصة واحدة فقط

اليوم

الاتجاه من اليمين لليسار سليم على أندرويد وخاطئ على iOS، أو العكس.

مع النظام

نظام تصميم مشترك للاتجاه يُختبر على المنصتين لكل شاشة.

أنت مقيد بأداة لا يجد أحد من يديرها

اليوم

اختار الفريق السابق أداة غير شائعة، والآن لا أحد يريد صيانة الكود.

مع النظام

نستخدم أكثر إطارين دعماً، ببنية قياسية ووثائق تسليم.

ماذا نبني

ما الذي يصل إلى يديك.

نواة تطبيق مشتركة

مجموعة واحدة من الشاشات والمنطق تعمل على iOS وأندرويد.

واجهة عربية وإنجليزية

نظام تصميم واحد للاتجاه من اليمين لليسار مختبر على المنصتين.

جسور للوحدات الأصلية

كود Swift وKotlin للكاميرا والبلوتوث والبصمة والدفع حيث يحتاج الإطار مساعدة.

الدفع والمحافظ

مدى وApple Pay وGoogle Pay والبطاقات عبر بوابتك.

الخادم وتكامل API

ربط مع ERP أو CRM لديك أو واجهة جديدة، مع تخزين مؤقت دون اتصال.

أتمتة الإصدار

بناء آلي ومسارات TestFlight وPlay للاختبار وصفحات المتجرين.

بالتفصيل

كيف يعمل، وما الذي عليك أن تقرره.

Flutter أم React Native: كيف نساعدك على الاختيار

Flutter من جوجل يرسم واجهته بمحرك رسم سريع ويُكتب بلغة Dart. يمنح تحكماً دقيقاً بالبكسل وتطابقاً بصرياً بين المنصتين وحركة قوية. أما React Native المدعوم من ميتا فيُكتب بـ JavaScript أو TypeScript ويرسم عناصر أصلية حقيقية. يناسب الفرق التي لديها مطورو ويب وتريد مشاركة المنطق مع موقع React.

نادراً ما يُحسم الاختيار بالسرعة الخام، فكلاهما سريع بما يكفي لأغلب تطبيقات الأعمال. بل يُحسم بثلاثة أمور: من سيصون التطبيق بعد التسليم، ومدى خصوصية التصميم البصري، وأي ميزات أصلية تحتاجها. تطبيق استهلاكي بهوية قوية وحركة غنية يناسبه Flutter غالباً. وتطبيق موظفين أو تجارة مرتبط بمنتج ويب React قائم يناسبه React Native غالباً.

نوصي بأحدهما في أسبوع التحديد مع الأسباب كتابياً، ونخبرك أيضاً إن كان البناء الأصلي كاملاً هو الأفضل لحالتك.

ما لا تعطيك إياه قاعدة الكود الواحدة

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

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

وفي كل ما يمس البيانات الشخصية نطابق الموافقة ومعالجة البيانات مع نظام حماية البيانات الشخصية الصادر عن سدايا. وإذا كان التطبيق يستقبل مدفوعات فنربطه ببوابة تدعم مدى ونراجع أي ميزة مالية على متطلبات البنك المركزي السعودي (ساما).

المدة والتكلفة والانتقال لاحقاً

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

الاستضافة قرارك. يمكننا نشر الخادم في منطقة سحابية سعودية لإبقاء البيانات داخل المملكة، بما ينسجم مع قواعد الحوسبة السحابية لهيئة الاتصالات والفضاء والتقنية وضوابط الهيئة الوطنية للأمن السيبراني (NCA ECC) حيث تنطبق عليك.

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

خطة التسليم

خمس مراحل. تعتمد كل واحدة.

اقرأ كل مرحلة كأنها عقد صغير: ما نحتاجه منك، وما يصل إلى يديك، والجملة التي يجب أن تتحقق قبل أن ننتقل.

01 / 05

التحديد واختيار الإطار

1 إلى 2 أسبوع

نحدد المستخدمين والشاشات والتكاملات واحتياج الميزات الأصلية، ثم نوصي بـ Flutter أو React Native أو الأصلي.

ما تقوم به
  • اشرح لنا المستخدمين ومهامهم
  • شاركنا تفاصيل الخادم وأي كود ويب قائم
  • اذكر ميزات الجهاز التي تحتاجها
ما نسلمه
  • قائمة ميزات محددة للنسخة الأولى
  • توصية مكتوبة بالإطار مع الأسباب
  • نطاق سعري ثابت وجدول زمني
معيار الانتقال

ننتقل عندما يُعتمد النطاق والإطار كتابياً.

02 / 05

نظام التصميم والنموذج الأولي

2 إلى 3 أسابيع

نصمم واجهة واحدة للمنصتين بالعربية والإنجليزية ونختبرها كنموذج قابل للّمس.

ما تقوم به
  • راجع التصاميم باللغتين
  • جرّب النموذج مع مستخدمين حقيقيين
  • اعتمد الهوية
ما نسلمه
  • تصاميم الشاشات بالعربية والإنجليزية
  • نموذج أولي تفاعلي
  • مكتبة مكونات مشتركة
معيار الانتقال

ننتقل عندما اعتمدت التصاميم بعد تصفح النموذج.

03 / 05

البناء والتكامل

4 إلى 9 أسابيع

نبني التطبيق المشترك على دفعات من أسبوعين، ونضيف الجسور الأصلية حيث يلزم، ونربط أنظمتك.

ما تقوم به
  • ثبّت نسخ الاختبار على آيفون وأندرويد
  • وفّر حسابات تجريبية وبيئات اختبار الدفع
  • أجب عن أسئلة الحالات الخاصة
ما نسلمه
  • نسخة اختبار جديدة كل أسبوعين
  • تسجيل دخول وتدفقات أساسية ودفع يعمل
  • اختبارات آلية على المسارات الحرجة
معيار الانتقال

ننتقل عندما كل ميزة في النسخة الأولى تعمل من البداية للنهاية على المنصتين.

04 / 05

الاختبار والإصدار

2 إلى 3 أسابيع

نختبر على مصفوفة أجهزة للنظامين، ونصلح الأخطاء، ونقدم للمتجرين.

ما تقوم به
  • نفّذ قائمة اختبار القبول
  • اعتمد صفحات المتجرين ولقطات الشاشة
  • وفّر سياسة الخصوصية وجهة الدعم
ما نسلمه
  • نسخ مرشحة للإصدار على المنصتين
  • صفحات المتجرين بالعربية والإنجليزية
  • خطة إطلاق تدريجي
معيار الانتقال

ننتقل عندما اعتمادك للتطبيقين وتقديمهما إلى المتجرين.

05 / 05

الإطلاق والدعم

مستمر

التطبيقان مباشران. نراقب الأعطال ونصدر الإصلاحات ونواكب تحديثات الإطار والأنظمة.

ما تقوم به
  • شاركنا ملاحظات المستخدمين
  • حدد الأولويات القادمة
  • اعتمد ملاحظات الإصدار
ما نسلمه
  • مراقبة الأعطال والأداء
  • ترقيات الإطار والأنظمة
  • مراجعة شهرية للاستخدام والأولويات
معيار الانتقال

ننتقل عندما تسير وتيرة الدعم ويعرف فريقك كيف يصل إلينا.

أسئلة المشترين

تُطرح قبل التوقيع.

هل التطبيق متعدد المنصات أرخص من تطبيقين أصليين؟

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

هل سيكون بجودة التطبيق الأصلي؟

لأغلب تطبيقات الأعمال والتجارة، نعم. فـ Flutter وReact Native ناضجان وسريعان. وللتطبيقات المبنية على كاميرا متقدمة أو بلوتوث أو معالجة في الخلفية قد نوصي بالأصلي، ونشرح السبب قبل التزامك.

هل تعمل العربية بشكل سليم على المنصتين؟

نعم. نحدد سلوك الاتجاه من اليمين لليسار مرة واحدة في نظام تصميم مشترك، ثم نختبر كل شاشة بالعربية والإنجليزية على آيفون وأجهزة أندرويد حقيقية، لأن المنصتين تعالجان الحالات الخاصة بشكل مختلف.

من يملك الكود، وهل نستطيع تغيير الإطار لاحقاً؟

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

هل يمكن للتطبيق مشاركة الكود مع موقعنا؟

مع React Native وموقع React، غالباً نعم لمنطق الأعمال وكود API. ويستطيع Flutter استهداف الويب أيضاً، لكننا نوازن ذلك مع احتياجات البحث والتحميل لموقع عام. ننصحك أثناء التحديد.

جاهز للإطلاق على iOS وأندرويد معاً

أخبرنا بما يجب أن يفعله التطبيق ومن يستخدمه. سنوصي بالإطار المناسب ونعطيك نطاقاً سعرياً ثابتاً خلال أسبوع.