تحويل موقع WordPress إلى تطبيق موبايل (Android + iOS) باستخدام Flutter

عنوان المشروع:

تحويل موقع WordPress (https://utuskills.com/) إلى تطبيق موبايل (Android + iOS) باستخدام Flutter، مع إضافة نظام محادثة كامل مع المحاضر والدعم الفني.

هدف المشروع

تطوير تطبيق موبايل احترافي يعرض محتوى الموقع ويضيف ميزات غير موجودة في WordPress نفسه، خصوصًا Chat System للتواصل مع المحاضرين والدعم الفني.

نطاق العمل المطلوب من المبرمج

1. الهيكلة التقنية

Flutter (آخر إصدار).

ربط WordPress عبر REST API للحصول على: المقالات، الصفحات، الدورات، التصنيفات، الصور.

إنشاء نظام Backend بسيط منفصل لميزة المحادثات (مفضل Firebase أو Node.js).

2. الشاشات المطلوبة داخل التطبيق

الصفحة الرئيسية

عرض المقالات أو الدروس حسب موقع UTU Skills.

سحب للتحديث + تحميل المزيد.

صفحة المقال

عرض HTML + الصور.

مشاركة المقال.

صفحة الأقسام

جلب الأقسام من API.

صفحة البحث

بحث مباشر بالمقالات/الدروس من REST API.

الملف الشخصي (Optional – إذا احتجنا تسجيل دخول)

بيانات الطالب.

الدورات المسجّل بها.

3. نظام المحادثة (الميزة الإضافية الرئيسية)

المحادثة مع المحاضر

كل مستخدم يستطيع فتح محادثة خاصة مع المحاضر المسؤول عن الدورة.

واجهة مشابهة للواتساب (نصوص، صور، ملفات PDF اختياريًا).

عرض اسم المحاضر وصورته.

تنبيهات FCM عند وصول رسالة جديدة.

إمكانية إرسال رسائل صوتية (اختياري).

المحادثة مع الدعم الفني

غرفة دعم فني (Support Chat) بين الطالب والدعم.

يمكن أن تكون غرفة واحدة أو متعدد الموظفين (حسب المبرمج).

دعم التذاكر (Ticket System) اختياري:

فتح تذكرة

إغلاق تذكرة

تقييم الدعم

البنية المقترحة لتنفيذ المحادثة

أحد الخيارين (المبرمج يختار الأنسب):

الخيار 1: Firebase Firestore + Firebase Storage + FCM

أسرع وأسهل.

يخزن الرسائل بصيغة Collection/Document.

يرسل الإشعارات فورياً عبر FCM.

أفضل خيار إذا لا تريد Backend معقّد.

الخيار 2: Backend مستقل (Node.js أو PHP Laravel)

API خاص للمحادثات.

تخزين الرسائل في قاعدة MySQL أو MongoDB.

تحكم كامل بالمحادثة.

ملاحظة: ميزة المحادثة غير موجودة أصلًا في موقع WordPress، لذلك نرغب ببنائها بالكامل داخل التطبيق، مع panel بسيطة لإدارة المحادثات من جهة الدعم.

4. الإشعارات (Notifications)

ربط Firebase Cloud Messaging.

إرسال إشعار عند:

نشر درس أو مقال جديد.

وصول رسالة محادثة جديدة.

رد المحاضر على سؤال.

5. التصميم (UI/UX)

واجهة عربية 100% + دعم RTL.

ألوان وهوية UTU Skills.

شاشة سبلاش + أيقونة احترافية.

دعم الوضع الليلي (Dark Mode).

6. المخرجات المطلوبة من المبرمج

مشروع Flutter كامل مع الكود.

Android APK + AAB جاهز للرفع إلى Play Store.

نسخة iOS (IPA + مشروع Xcode جاهز للنشر).

Dashboard بسيطة لإدارة المحادثات (support panel).

توثيق للمشروع:

كيفية تغيير API

كيفية بناء التطبيق

تشغيل الإشعارات

إدارة المحادثة

7. ميزات إضافية اختيارية (اذكر سعرها منفصلة)

تسجيل دخول بالموقع (JWT).

ربط المحادثة بحسابات WordPress.

دعم رفع الصور والفيديو داخل المحادثة.

نظام تقييم المحاضر.

Offline mode للدروس.

اشتراكات داخل التطبيق (In-app purchases).

8. مدة التنفيذ المتوقعة

20–35 يوم عمل (لأن فيه نظام محادثة).

9. المطلوب الآن من المبرمج

يرجى إرسال:

عرض السعر الكلي + سعر المحادثة لوحدها.

مدة التنفيذ.

التقنيات المقترحة للمحادثة (Firebase أو Backend).

أمثلة أعمال Flutter سابقة خاصة بالتطبيقات.

مراحل العمل (Milestones) والدفع.

هذا العرض يشمل كل التفاصيل المطلوبة لتنفيذ المشروع كاملاً.