تطوير منصة MOX MEDIA – تطبيق iOS + موقع إلكتروني + لوحة تحكم الإدارة

تطوير منصة MOX MEDIA – تطبيق iOS + موقع إلكتروني + لوحة تحكم الإدارة

نبذة عن المشروع

نرغب في تطوير منصة MOX MEDIA – موكس ميديا، وهي منصة إبداعية سعودية متخصصة في خدمات التصميم والإنتاج، تربط العملاء بالمصممين المستقلين المعتمدين، وتتولى إدارة الطلبات وإسناد المشاريع ومتابعة التنفيذ والجودة.

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

المطلوب تحويل هذه التصاميم المرجعية إلى نظام فعلي متكامل، ويتكون من ثلاثة أجزاء مترابطة:

1. تطبيق للهواتف بنظام iOS فقط.

2. موقع إلكتروني بنفس تصميم التطبيق وأقسامه ومميزاته.

3. لوحة تحكم خاصة بالإدارة تعمل عبر المتصفح.

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

⸻

أولاً: تطبيق iOS

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

1. واجهة العميل

عند فتح التطبيق تظهر شاشة تسجيل الدخول وإنشاء حساب العميل بشكل افتراضي، وأسفلها زر مستقل باسم «الدخول كشريك».

بعد تسجيل دخول العميل ينتقل إلى واجهة العملاء، وتشمل:

* الرئيسية: واجهة رئيسية تجارية تعرض الخدمات والعروض والمحتوى المميز.

* المعرض: عرض الخدمات والتصنيفات والمنتجات المتاحة.

* الخدمات: تصفح الخدمات والتصميمات المتاحة.

* تفاصيل الخدمة: عرض تفاصيل الخدمة والأسعار وخيارات التصميم.

* اختيار المصمم: شاشة اختيار المصمم أو آلية ترشيحه حسب التصور المرجعي، مع مراعاة آلية إسناد المشاريع المعتمدة لدى المنصة.

* طلباتي: عرض الطلبات الحالية والسابقة ومتابعة حالتها.

* المحادثات: نظام محادثات للتواصل بين الشريك والعميل ومتابعة الاستفسارات المتعلقة بالطلبات.

* حسابي: بيانات العميل وإعدادات الحساب.

وتشمل أيضًا:

* إنشاء الطلبات وإرسال متطلباتها.

* إتمام الدفع الإلكتروني.

* متابعة مراحل تنفيذ الطلب.

* عرض تفاصيل الطلب والمرفقات.

* استقبال إشعارات بتحديثات الطلبات والمحادثات.

* عرض التقييمات ونماذج الأعمال.

* عرض إنجازات موكس ميديا وشعارات الجهات التي تعاملت معها.

2. واجهة الشريك (المصمم)

واجهة الشريك جزء من التطبيق نفسه، وليست لوحة عبر المتصفح.

طريقة الدخول:

* يظهر زر «الدخول كشريك» أسفل تسجيل دخول العميل.

* عند الضغط عليه تظهر شاشة دخول الشريك وخيار التسجيل كشريك جديد.

* يقدم الشريك الجديد بياناته وينتظر موافقة الإدارة.

* بعد اعتماد الحساب يستطيع الدخول إلى واجهة الشريك الخاصة به.

* لا يمكن للشريك الدخول إلى لوحة الشريك قبل اعتماد حسابه.

أقسام واجهة الشريك وفقًا للتصاميم المرجعية:

* الرئيسية: عرض الإحصائيات والأرباح وملخص المشاريع.

* مشاريعي: عرض المشاريع المسندة للشريك وتفاصيلها ومتطلباتها.

* مشاريع تحت الإجراء: متابعة المشاريع وحالات التنفيذ وتحديث حالتها.

* المحادثات: نظام محادثات للتواصل بشأن المشاريع والاستفسارات المتعلقة بها.

* المدفوعات: عرض الدفعات والمدفوعات السابقة وتفاصيلها.

* المالية: متابعة الأمور المالية والاستفسارات المتعلقة بالمستحقات حسب الصلاحيات.

* أرباحي: عرض الأرباح والمستحقات والإحصائيات المالية.

* حسابي: البيانات الشخصية والتخصص والتقييمات والباقة والعمولة.

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

⸻

ثانياً: الموقع الإلكتروني

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

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

المطلوب:

* نفس الهوية البصرية والألوان والتصميم العام للتطبيق.

* نفس الصفحة الرئيسية وأقسامها.

* عرض الخدمات والتصنيفات والعروض.

* صفحات تفاصيل الخدمات وخيارات التصميم.

* المعرض ونماذج الأعمال.

* تسجيل الدخول وإنشاء الحساب.

* إرسال الطلبات وإتمام الدفع.

* حساب العميل ومتابعة الطلبات.

* المحادثات والتواصل المرتبط بالطلبات.

* عرض التقييمات والإنجازات وشعارات الجهات التي تعاملت مع المنصة.

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

⸻

ثالثاً: لوحة تحكم الإدارة عبر المتصفح

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

إدارة المنصة

* لوحة رئيسية تعرض إحصائيات المنصة.

* عدد العملاء والشركاء والطلبات والمشاريع.

* متابعة المبيعات والمشاريع النشطة والمنجزة.

إدارة الشركاء

* عرض جميع الشركاء المسجلين.

* مراجعة طلبات الانضمام وقبولها أو رفضها.

* تفعيل الحسابات وإيقافها.

* عرض بيانات الشريك وتخصصه وتقييماته.

* متابعة أداء الشركاء ومشاريعهم.

إدارة الطلبات والمشاريع

* استقبال طلبات العملاء.

* عرض تفاصيل الطلبات.

* إسناد المشاريع للشركاء وإعادة إسنادها.

* متابعة حالة كل مشروع.

* إدارة حالات التنفيذ والإلغاء.

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

* إمكانية الاطلاع على المحادثات المرتبطة بالطلبات والمشاريع.

* التواصل مع العملاء والشركاء حسب الصلاحيات.

* متابعة الاستفسارات المتعلقة بالمشاريع.

الإدارة المالية

* عرض مستحقات الشركاء.

* احتساب عمولة موكس ميديا وصافي مستحق كل شريك تلقائيًا وفق النسب المحددة.

* متابعة العمولات والأرباح.

* عرض سجل المدفوعات والتحويلات السابقة.

* متابعة حالة مستحقات كل شريك، سواء كانت قيد الانتظار أو جاهزة للتحويل أو تم تحويلها.

* إمكانية تسجيل المدفوعات يدويًا كخيار بديل عند الحاجة.

مهم – أتمتة تحويل مستحقات الشركاء:

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

آلية العمل المطلوبة:

1. يدفع العميل قيمة الطلب من خلال بوابة الدفع المرتبطة بالمنصة.

2. يحتسب النظام عمولة موكس ميديا ونصيب الشريك تلقائيًا حسب النسبة المحددة.

3. تُسجل مستحقات الشريك في حسابه داخل التطبيق.

4. بعد انتهاء الشريك من المشروع واعتماد الإدارة للتنفيذ، تصبح مستحقاته جاهزة للصرف.

5. يتم تحويل مستحق الشريك إلى حسابه البنكي من خلال مزود دفع يدعم التحويلات للشركاء أو تقسيم المدفوعات.

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

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

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

إدارة المحتوى

* إضافة وتعديل وحذف الخدمات.

* إدارة الأسعار والتصنيفات والعروض.

* التحكم في البنرات والصور.

* إدارة تقييمات العملاء.

* إضافة شعارات الشركات والجهات التي تعاملت مع موكس ميديا.

* تعديل إحصائيات المنصة، مثل عدد المشاريع المنفذة وعدد الشركاء المعتمدين.

⸻

رابعاً: الربط بين أجزاء المشروع

يجب أن تعمل جميع الأجزاء على نظام خلفي وقاعدة بيانات موحدة:

* التطبيق والموقع يعرضان الخدمات والبيانات نفسها.

* طلبات العملاء من التطبيق أو الموقع تظهر في لوحة الإدارة.

* تستطيع الإدارة إسناد المشاريع للشركاء.

* تظهر المشاريع تلقائيًا في تطبيق الشريك.

* تتزامن حالات الطلبات والمشاريع بين جميع الواجهات.

* تتزامن المحادثات والإشعارات بين الأطراف حسب الصلاحيات.

* أي تعديل على الخدمات والأسعار من لوحة الإدارة ينعكس على التطبيق والموقع.

* تتزامن بيانات المستحقات والعمولات والمدفوعات بين لوحة الإدارة وتطبيق الشريك.

* تكون الصلاحيات منفصلة وآمنة حسب نوع الحساب.

⸻

خامساً: المتطلبات التقنية

* تطبيق iOS فقط، ولا نحتاج إلى نسخة Android.

* موقع إلكتروني مطابق لتصميم وأقسام التطبيق.

* لوحة إدارة تعمل عبر المتصفح.

* قاعدة بيانات مركزية ومنظمة.

* نظام تسجيل دخول وصلاحيات آمن.

* نظام محادثات وإشعارات.

* ربط بوابة الدفع بالموقع والتطبيق.

* إمكانية الربط بمزود يدعم تقسيم المدفوعات والتحويلات البنكية للشركاء، وفق المتطلبات الموضحة أعلاه.

* نظام لحساب العمولات والمستحقات وتتبع عمليات التحويل.

* حماية بيانات المستخدمين والطلبات والمحادثات.

* قابلية التوسع والتطوير مستقبلًا.

* تجهيز التطبيق ورفعه على متجر App Store.

⸻

سادساً: ملاحظات مهمة للمبرمج

* الشريك يستخدم تطبيق iOS فقط، ولا يحتاج إلى لوحة منفصلة عبر المتصفح.

* لوحة الإدارة عبر المتصفح مخصصة للإدارة فقط.

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

* نظام المحادثات مطلوب ضمن المشروع، وليس إضافة مستقبلية.

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

* يجب توفير خيار بديل لتسجيل المدفوعات يدويًا في حال تعذر التحويل التلقائي.

* صور التصميم المرفقة هي المرجع الأساسي لفهم الشاشات والأقسام والوظائف المطلوبة.

* لا نرغب في البدء بتصميم جديد من الصفر، ويمكن استكمال الشاشات الناقصة بما يتناسب مع المرجع وبعد موافقتنا.

* نرغب في تصميم تجاري احترافي وسهل الاستخدام، مع الالتزام بهوية موكس ميديا.

⸻

سابعاً: التسليم وحقوق الملكية

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

1. تسليم الكود المصدري الكامل للتطبيق والموقع ولوحة الإدارة.

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

3. رفع الكود على مستودع GitHub مملوك لنا من بداية العمل.

4. تكون حسابات الاستضافة وقاعدة البيانات والخدمات المستخدمة تحت ملكيتنا.

5. تسليم جميع ملفات الإعداد والتشغيل والربط.

6. تسليم شرح واضح لطريقة تشغيل المشروع وصيانته وتطويره مستقبلًا.

7. نقل حقوق الملكية الفكرية والبرمجية للمشروع إلينا بعد السداد.

8. توفير فترة ضمان لمعالجة الأخطاء البرمجية بعد التسليم.

9. عدم الاعتماد على حسابات شخصية للمبرمج في تشغيل النظام أو استضافته.

⸻

ثامناً: المطلوب من المستقل عند تقديم العرض

يرجى توضيح النقاط التالية:

* الخبرة السابقة في برمجة تطبيقات iOS والمواقع ولوحات التحكم.

* روابط أعمال أو تطبيقات سابقة.

* التقنية المقترحة لتنفيذ المشروع.

* كيف سيتم توحيد قاعدة البيانات والربط بين التطبيق والموقع ولوحة الإدارة؟

* هل سبق تنفيذ نظام منصات يربط العملاء بمقدمي الخدمات؟

* هل يمكن تنفيذ أتمتة تحويل مستحقات الشركاء بعد اعتماد المشاريع؟ وما مزود الدفع المقترح؟

* هل يتطلب ذلك اشتراكًا أو موافقة خاصة من مزود الدفع؟ وما الرسوم والمتطلبات؟

* التكلفة الإجمالية لجميع أجزاء المشروع.

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

* هل يشمل السعر الاستضافة وقاعدة البيانات أم يتم احتسابها بشكل منفصل؟

* هل يشمل تجهيز التطبيق ورفعه على App Store؟

* مدة الضمان والدعم الفني بعد التسليم.

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