شاشة البداية (Splash Screen) — Roaya Pay
تم تصميم وتطوير شاشة البداية لتطبيق Roaya Pay للمدفوعات الإلكترونية، بحيث تكون أول انطباع احترافي يراه المستخدم عند فتح التطبيق، مع تنفيذ عمليات تقنية أساسية في الخلفية بشكل سلس وغير محسوس.
🎨 مميزات التصميم
شعار الشركة (Logo) في مركز الشاشة مع اسم التطبيق بخط أنيق وواضح، يترك انطباعاً أولياً قوياً وراسخاً في ذهن المستخدم.
تصميم نظيف وبسيط بخلفية داكنة ولوحة ألوان خضراء مميزة تعكس الهوية البصرية لـ Roaya Pay بالكامل.
تصميم متجاوب (Responsive) يعمل بشكل مثالي على مختلف أحجام الشاشات والأجهزة الذكية.
انيميشن سلس لظهور الشعار وحركة شريط التقدم يمنح التطبيق إحساساً راقياً من اللحظة الأولى.
⚙️ الوظائف التقنية
١. فحص إصدار التطبيق (Version Check)
تقوم الشاشة تلقائياً عند كل تشغيل بالتحقق من إصدار التطبيق الحالي، لضمان أن المستخدم يعمل دائماً على أحدث نسخة متاحة، مع تنبيهه بالتحديث فور اكتشاف إصدار جديد.
٢. فحص الاتصال بالإنترنت (Internet Check)
يتم اكتشاف حالة الشبكة فور تشغيل التطبيق، والتعامل مع حالات انقطاع الإنترنت بشكل ذكي قبل الانتقال إلى الشاشة الرئيسية، مما يمنع حدوث أي أخطاء غير متوقعة للمستخدم.
٣. شريط التقدم (Progress Bar)
يعرض شريط تحميل سلس يعكس هوية التطبيق البصرية، مما يمنح المستخدم إحساساً فورياً بالاستجابة ويقلل من الشعور بوقت الانتظار أثناء تهيئة التطبيق.
📡 بانر حالة الشبكة (Network Status Banner)
تم تطوير بانر ديناميكي يظهر فوق شاشة البداية، ليمنح المستخدم صورة فورية وواضحة عن حالة اتصاله بالإنترنت لحظة فتح التطبيق.
يقوم البانر باكتشاف وعرض ثلاث حالات رئيسية:
نوع الاتصال: يحدد تلقائياً ما إذا كان المستخدم متصلاً عبر بيانات الجوال (Mobile Data) أو الواي فاي (Wi-Fi)، مع تمييز بصري واضح بين الحالتين.
قوة الإشارة: يعرض مستوى قوة الإشارة الحالية، ليمنح المستخدم فكرة واضحة عن جودة اتصاله قبل الدخول للتطبيق وبدء أي معاملة مالية.
حالة انقطاع الإنترنت: في حال عدم وجود اتصال، يظهر البانر برسالة واضحة وودية تنبّه المستخدم بمراجعة إعدادات الشبكة قبل المتابعة.
هذه الميزة تضمن شفافية كاملة بين التطبيق والمستخدم منذ اللحظة الأولى، وتزيل أي لبس قبل بدء أي عملية تحميل أو اتصال بالخوادم.
🔒 الأسلوب التقني
تم بناء الشاشة بمنهجية تضع الأداء وتجربة المستخدم في المقام الأول، إذ تعمل جميع العمليات في الخلفية بشكل غير متزامن (Asynchronous) لضمان سلاسة الواجهة التامة، مع معالجة ذكية للأخطاء توجّه المستخدم بوضوح في حالات ضعف الاتصال أو وجود تحديث مطلوب — دون أي تجميد أو توقف في واجهة المستخدم.