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

تطوير تطبيقات ويب تقدمية

تطبيق يستطيع عملاؤك تثبيته من رابط واستخدامه دون اتصال

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

6 إلى 10

أسابيع لأول إصدار قابل للتثبيت

1

شيفرة واحدة لأندرويد وiOS وسطح المكتب

2

لغتان بدعم كامل لليمين إلى اليسار

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

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

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

قبل وبعد

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

تطبيقان أصليان يكلفان الضعف

اليوم

تحتاج نسختين لأندرويد وآيفون، وشيفرتين، وإصلاحين للميزة نفسها.

مع النظام

شيفرة واحدة تخدم كل الأجهزة، فتُبنى كل ميزة وتُختبر مرة واحدة.

مراجعة المتجر تؤخر كل إصلاح

اليوم

إصلاح خلل ينتظر أياماً للموافقة، ويبقى المستخدمون على إصدارات قديمة أسابيع.

مع النظام

تصدر التحديثات بمجرد نشرها، ويحصل عليها الجميع عند فتح التطبيق التالي.

موظفو الميدان يفقدون عملهم عند انقطاع الإشارة

اليوم

المفتشون والسائقون في الطوابق السفلية والساحات والمواقع النائية لا يستطيعون إرسال النماذج دون تغطية.

مع النظام

يحفظ التطبيق العمل محلياً ويزامنه تلقائياً عند عودة الاتصال.

العملاء لا يريدون تنزيل تطبيق آخر

اليوم

المستخدم لمرة واحدة لن ينزل تطبيقاً كبيراً من متجر لطلب أو حجز واحد.

مع النظام

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

ماذا نبني

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

هيكل التطبيق والعمل دون اتصال

شاشات تفتح فوراً وتستمر في العمل دون اتصال عبر service workers.

تجربة قابلة للتثبيت

ملف manifest وأيقونات وتنبيهات ليضيف المستخدم التطبيق إلى شاشته الرئيسية.

التخزين المحلي والمزامنة

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

الإشعارات والوصول إلى الجهاز

إشعارات فورية حيث تُدعم، مع الكاميرا والموقع والملفات.

واجهة ثنائية اللغة

عربي وإنجليزي بتخطيط صحيح من اليمين لليسار ومعالجة سليمة للأرقام.

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

واجهات API والمصادقة وربط مع ERP أو CRM لديك.

بالتفصيل

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

ما الذي يستطيعه تطبيق الويب التقدمي وما لا يستطيعه

يُبنى تطبيق الويب التقدمي بتقنيات الويب المعيارية مع ثلاثة عناصر إضافية. ملف manifest يخبر الهاتف كيف يثبّته. وservice worker يخزّن التطبيق وبياناته ليفتح دون اتصال. والتسليم الآمن عبر HTTPS يتيح للمتصفح منح ميزات الجهاز. والنتيجة تطبيق يفتح بملء الشاشة وله أيقونته، وإن بقي يُسلَّم عبر المتصفح.

على أندرويد الدعم واسع: التثبيت والعمل دون اتصال والمزامنة في الخلفية والإشعارات كلها تعمل في Chrome وغيره من المتصفحات الرئيسية. وعلى آيفون يعمل التثبيت والعمل دون اتصال، وتتوفر الإشعارات بعد إضافة التطبيق إلى الشاشة الرئيسية. وتبقى بعض القدرات، كالتحكم العميق ببلوتوث أو مهام خلفية معينة، محدودة على iOS.

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

التصميم للعمل دون اتصال وللاتصال الضعيف

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

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

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

الأمان والعربية والنشر

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

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

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

خطة التسليم

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

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

01 / 05

فحص الملاءمة والنطاق

أسبوع

نتأكد أن التطبيق التقدمي هو الخيار الصحيح، ثم نحدد الشاشات واحتياجات العمل دون اتصال والمستخدمين.

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

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

02 / 05

التصميم

1 إلى 2 أسبوع

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

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

ننتقل عندما اعتمد المستخدمون المستهدفون النموذج التجريبي.

03 / 05

البناء

3 إلى 5 أسابيع

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

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

ننتقل عندما ينجز التطبيق مساراته الرئيسية سواء بوجود اتصال أو بدونه.

04 / 05

الاختبار والإطلاق

1 إلى 2 أسبوع

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

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

ننتقل عندما استخدمت المجموعة التجريبية التطبيق في ظروف حقيقية دون مشكلات تعطله.

05 / 05

الدعم والتحديث

مستمر

نراقب الاستخدام والأخطاء، ونطلق التحسينات دون انتظار المتاجر.

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

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

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

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

هل يعمل التطبيق التقدمي على آيفون كما يعمل على أندرويد؟

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

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

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

هل يعمل دون اتصال بالإنترنت؟

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

هل سيظهر في App Store أو Google Play؟

يعيش أولاً على عنوانك الإلكتروني. ويمكن غالباً تغليف التطبيق التقدمي لمتجر Google Play. أما متجر آبل فله شروط أشد لتطبيقات الويب، ونشرح ما يلزم قبل أن تقرر.

هل يدعم العربية بشكل سليم؟

نعم. نبني تخطيطات من اليمين لليسار، ونضبط الأرقام والتواريخ ولوحات المفاتيح المناسبة، ونختبر على هواتف حقيقية باللغتين بدل الاعتماد على متصفح الحاسوب.

جاهز لإطلاق تطبيق دون طابور المتجر؟

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