تحويل موقع إلكتروني إلى تطبيق ويب فيو

وصف المشروع: تحويل موقع إلكتروني إلى تطبيق WebView متكامل

أهداف المشروع:

تحويل موقع إلكتروني تم تصميمه بشكل كامل ليحاكي تجربة التطبيقات (100% responsive) إلى تطبيق موبايل يعمل بتقنية WebView باستخدام أحد الأطر مثل Flutter أو Ionic، مع الحفاظ على تجربة المستخدم المثالية والديناميكية، وإضافة عدد من الخصائص المهمة لضمان أداء ومرونة عالية.

⸻

المتطلبات الأساسية:

1. عرض WebView بكامل الشاشة

• ملء كامل الشاشة مع مراعاة حواف النظام مثل “Status Bar”.

• إخفاء أو تنسيق واجهات النظام مع تصميم التطبيق حسب الحاجة.

2. دعم أزرار النظام (Back / Exit / Minimize)

• زر الرجوع يعمل للرجوع خطوة للخلف داخل WebView.

• الخروج من التطبيق عند انتهاء السجل (no more pages to go back).

• دعم خاصية تصغير التطبيق عند الضغط على زر Home أو Recent Apps.

3. فتح روابط معينة خارجيًا

• روابط لمواقع مثل:

• وسائل التواصل الاجتماعي (Facebook, Twitter, Instagram, … إلخ)

• روابط تطبيقات على Google Play (مثلاً: تقييم التطبيق)

• يتم فتح هذه الروابط في المتصفح أو التطبيق الأصلي إن وُجد على الجهاز.

4. فتح الروابط المشتركة تلقائيًا في التطبيق

• عند مشاركة رابط معين من الموقع وفتحه من جهاز آخر:

• إن كان التطبيق مثبتًا: يفتح الرابط داخل التطبيق تلقائيًا.

• إن لم يكن التطبيق مثبتًا: يُفتح الرابط في المتصفح كالمعتاد.

5. شاشة تحقق من الاتصال بالإنترنت

• شاشة افتراضية يتم عرضها في حال عدم توفر الإنترنت.

• رسالة مخصصة للمستخدم تنبهه بعدم وجود اتصال وتحثه على المحاولة لاحقًا.

6. شاشة تحميل عند بدء التطبيق (Splash Screen)

• تظهر عند أول تشغيل للتطبيق.

• تحتوي على شعار الموقع في المنتصف.

• يتم تطبيق تأثير “اهتزاز خفيف” على الشعار وكأنه “يعوم”.

• يجري خلالها اختبار الاتصال بالإنترنت.

⸻

الأذونات المطلوبة:

1. فتح الكاميرا أو معرض الصور

• دعم رفع الصور من <input type="file"> داخل WebView.

• السماح بالوصول إلى الكاميرا أو المعرض عند الحاجة.

2. إرسال الموقع الجغرافي (GPS)

• إمكانية إرسال إحداثيات الموقع الجغرافي للمستخدم إلى API مخصص.

3. حفظ بيانات تسجيل الدخول

• يتم حفظ جلسة المستخدم وبيانات تسجيل الدخول (session / token) في ذاكرة الجهاز (cache) لسهولة العودة لاحقًا دون إعادة تسجيل الدخول.

4. إرسال إصدار التطبيق إلى API

• إرسال رقم إصدار التطبيق الحالي إلى خادم (API) للتحقق من توافق النسخة أو عرض إشعار التحديث.