تصميم وإضافة صفحة جديدة محاكي المزاد

طلب تطوير وإضافة صفحة «محاكي المزاد»

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

مهم: جميع الأنظمة الأساسية موجودة مسبقًا وتعمل، بما فيها نظام الأعضاء والحسابات والملفات الشخصية واللوحات وبيانات اللوحات والمزادات والسومات والأسعار الحالية والمؤقت وحالات المزاد والتعليقات والمزايدين وصلاحيات الأعضاء والتحديثات الفورية وتكامل TikTok والبث والـAPI والخدمات الحالية، لذلك لا نحتاج إلى إعادة بناء هذه الأنظمة من الصفر، والمطلوب إنشاء واجهة «محاكي المزاد» وربطها مباشرة بالأنظمة والبيانات والخدمات الحالية.

1. صفحة محاكي المزاد

* إضافة «محاكي المزاد» كقسم جديد داخل حساب/ملف العضو.

* إمكانية إنشاء أكثر من محاكي.

* حفظ المحاكي والعودة إليه لاحقًا.

* تعديل المحاكي بعد حفظه.

* نسخ/Duplicate المحاكي.

* إعادة استخدام نفس التصميم مع مزاد أو لوحة جديدة.

* عدم الحاجة لإنشاء محاكي جديد عند تغيير اللوحة أثناء الاستخدام.

2. واجهة احترافية Interactive Live Preview

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

* جميع الأزرار والقوائم والخيارات تعمل فعليًا.

* أي تغيير في الإعدادات يظهر مباشرة في المعاينة بدون Refresh.

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

* الجوال والتابلت: تحويل لوحة الإعدادات إلى Drawer/Panel مناسب.

* دعم الماوس واللمس.

* تصميم حديث واحترافي ومناسب للاستخدام الفعلي.

3. القوالب

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

4. أشكال اللوحات

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

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

5. تغيير اللوحة

* اختيار لوحة من اللوحات المرتبطة بحساب العضو.

* جلب بيانات اللوحة تلقائيًا من النظام الحالي.

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

* إمكانية تغيير اللوحة أثناء تشغيل المحاكي.

* الضغط على اللوحة → اختيار «تغيير اللوحة» → اختيار لوحة أخرى → تظهر اللوحة الجديدة مباشرة.

* لا يتم الخروج من المحاكي.

* لا يحتاج المستخدم إلى إنشاء محاكي جديد.

6. تعديل بيانات اللوحة

حسب الصلاحية الممنوحة للمستخدم:

* تعديل الحروف العربية.

* تعديل الحروف الإنجليزية.

* تعديل الأرقام العربية.

* تعديل الأرقام الإنجليزية.

* حفظ التعديل.

* ظهور التعديل مباشرة داخل المحاكي بدون تحديث الصفحة.

7. الشعارات

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

وإذا كانت الصلاحيات الحالية تسمح بذلك، يمكن إضافة خيار رفع شعار مخصص.

8. بيانات المزاد داخل المحاكي

يظهر داخل المحاكي بشكل واضح واحترافي:

* اللوحة.

* الشعار.

* السعر الحالي.

* أعلى سومة حاليًا.

* في حال عدم وجود سومة تظهر عبارة «لا توجد سومة».

* المؤقت.

* حالة المزاد.

* التعليقات.

* المزايدين.

* البيانات العامة المرتبطة بالمزاد.

9. حالات المزاد

دعم الحالات التالية:

* بانتظار بدء المزاد

* المزاد جارٍ الآن

* المزاد متوقف مؤقتًا

* انتهى المزاد

* تم البيع

وتتغير الحالة مباشرة حسب حالة المزاد الفعلية في النظام الحالي.

10. التحكم بالمزاد

استخدام نظام المزاد الحالي وصلاحياته، وإظهار أدوات التحكم للمستخدم المصرح له فقط:

* بدء المزاد.

* إيقاف مؤقت.

* استئناف.

* إضافة دقيقة.

* إضافة دقيقتين.

* إعادة ضبط.

* إنهاء المزاد.

* اعتماد البيع.

11. التحديث المباشر Real-Time

جميع البيانات يجب أن تتحدث مباشرة بدون تحديث الصفحة:

* السعر.

* أعلى سومة.

* السومات.

* المؤقت.

* حالة المزاد.

* التعليقات.

* المزايدين.

* إتمام البيع.

12. التعليقات

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

بحسب البيانات والصلاحيات الموجودة في النظام:

* صورة المستخدم.

* اسم المستخدم.

* نص التعليق كاملًا.

* وقت التعليق.

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

* بيانات المزايد.

* الشارات/الرتب إن كانت موجودة.

* تحديث التعليقات مباشرة.

* Scroll عند كثرة التعليقات.

* استخدام نظام التعليقات والمراجعة الحالي.

* عدم إظهار التعليقات غير المسموح بها.

13. نظام الصلاحيات

إضافة صلاحيات محاكي المزاد وربطها بنظام الصلاحيات الحالي في المنصة، بدون إنشاء نظام صلاحيات منفصل.

العضو

بحسب الصلاحيات الممنوحة له يمكنه:

* الدخول إلى محاكي المزاد.

* إنشاء محاكي.

* حفظ المحاكي.

* تعديل المحاكي.

* نسخ المحاكي.

* اختيار القالب.

* اختيار شكل اللوحة.

* اختيار الشعار.

* اختيار إحدى لوحاته.

* تعديل بيانات اللوحة المسموح بها.

* معاينة المحاكي.

* حفظ الصور.

* استخدام الوظائف المسموح بها له فقط.

المشرف

تظهر له الصلاحيات التشغيلية الممنوحة له حسب النظام الحالي، مثل:

* إدارة وتشغيل المزاد.

* بدء المزاد.

* الإيقاف المؤقت.

* الاستئناف.

* إضافة الوقت.

* متابعة السومات.

* متابعة المزايدين.

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

* التحكم في شاشة العرض.

* اعتماد الإجراءات المسموحة له.

* وأي صلاحيات أخرى يتم تحديدها له من الإدارة.

المدير

تظهر له الصلاحيات الإدارية الممنوحة له حسب النظام الحالي، بما يشمل:

* إدارة محاكيات المزاد.

* إدارة القوالب.

* إدارة أشكال اللوحات.

* إدارة الشعارات.

* إدارة الإعدادات.

* تحديد الصلاحيات.

* إدارة صلاحيات الأعضاء والمشرفين.

* جميع صلاحيات التشغيل والإدارة المسموحة له.

مهم جدًا: يجب أن تكون الصلاحيات قابلة للتفعيل والتعطيل من لوحة الإدارة، مثل:

* الدخول للمحاكي.

* إنشاء محاكي.

* تعديل المحاكي.

* نسخ المحاكي.

* اختيار اللوحات.

* تعديل اللوحة.

* إدارة القوالب.

* إدارة الأشكال.

* إدارة الشعارات.

* تشغيل المزاد.

* إيقاف المزاد.

* استئناف المزاد.

* التحكم بالوقت.

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

* إدارة المزايدين.

* اعتماد البيع.

* حفظ الصور.

* الوصول إلى شاشة العرض.

وأي خيار لا يملك المستخدم صلاحيته لا يظهر له أصلًا، وليس مجرد زر ظاهر ولكنه Disabled.

14. شاشة التحكم وشاشة العرض

يجب توفير شاشتين منفصلتين:

شاشة التحكم Control Screen:

* إعدادات المحاكي.

* اختيار اللوحة.

* اختيار الشكل.

* اختيار الشعار.

* القالب.

* بيانات المزاد.

* التحكم بالمؤقت.

* التحكم بالمزاد.

* التعليقات.

* الخيارات الإدارية حسب الصلاحية.

شاشة العرض Display Screen:

شاشة نظيفة مخصصة للمشاهد والبث ولا تحتوي على أزرار أو إعدادات إدارية، وتعرض:

* اللوحة.

* الشعار.

* السعر.

* أعلى سومة.

* المؤقت.

* حالة المزاد.

* التعليقات.

* المزايدين والبيانات العامة المسموح بها.

15. TikTok والبث المباشر

يجب تصميم شاشة العرض بحيث تكون مناسبة وواضحة للاستخدام مع TikTok Live والبث العمودي والجوال، وتظهر فيها:

* اللوحة بشكل كبير وواضح.

* السعر.

* أعلى سومة.

* المؤقت.

* حالة المزاد.

* التعليقات بشكل واضح.

* المزايدين حسب البيانات المسموح بها.

ويتم استخدام تكامل TikTok والـAPIs والخدمات الموجودة حاليًا وعدم إعادة بناء التكامل من جديد.

16. حفظ صورة

إضافة زر واضح باسم «📸 حفظ صورة» صوره اللوحه او الشاشه كامله مع السومات لحفظ الحالة الحالية للمحاكي كصورة على جهاز المستخدم لاستخدامها للعرض

ويُفضّل توفير خيارات:

* حفظ صورة اللوحة.

* حفظ صورة السومة/السعر.

* حفظ صورة التعليقات.

* حفظ صورة البيع.

* حفظ الحالة الكاملة للمحاكي.

مثال صورة البيع:

* اللوحة.

* الشعار.

* السعر النهائي.

* «تم البيع».

* التاريخ والوقت عند الحاجة.

* البيانات المسموح بعرضها.

الصورة المحفوظة يجب أن تكون:

* بدون لوحة الإعدادات.

* بدون أزرار الإدارة.

* بدون واجهة المتصفح.

* بجودة عالية.

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

* مناسبة للمشاركة في TikTok وWhatsApp وInstagram وSnapchat وTelegram وX.

* ويمكن إضافة مشاركة مباشرة إذا كانت ممكنة تقنيًا.

17. حفظ ونسخ المحاكي

حفظ جميع إعدادات المحاكي، مثل:

* القالب.

* شكل اللوحة.

* الشعار.

* اللوحة المختارة.

* إعدادات العرض.

* إعدادات التعليقات.

* الإعدادات الأخرى.

مع إمكانية:

نسخ المحاكي → اختيار لوحة جديدة → استخدام نفس التصميم لمزاد جديد.

18. التصميم وقابلية التوسع

يجب بناء المحاكي بطريقة تسمح مستقبلًا بإضافة:

* قوالب جديدة.

* أشكال لوحات جديدة.

* شعارات جديدة.

* عناصر عرض جديدة.

* إعدادات جديدة.

بدون الحاجة إلى إعادة بناء الصفحة بالكامل.

19. الاستفادة من الأنظمة الحالية

لا يتم إنشاء قواعد بيانات أو أنظمة مكررة للـ:

* الأعضاء.

* اللوحات.

* المزادات.

* السومات.

* التعليقات.

* المزايدين.

* الصلاحيات.

* TikTok.

* التحديثات الفورية.

بل يتم ربط المحاكي مباشرة بالأنظمة والـAPI والخدمات الحالية، وأي تطوير Backend جديد يكون فقط عند وجود حاجة تقنية فعلية.

20. الـPrototype قبل البرمجة النهائية

هذه نقطة أساسية: قبل البدء في البرمجة النهائية، يجب تقديم Prototype / Demo تفاعلي حقيقي للمحاكي لاعتماده.

ويجب أن أستطيع تجربة الوظائف فعليًا داخل النموذج، ومنها:

* اختيار القالب.

* اختيار شكل اللوحة.

* اختيار الشعار.

* تغيير اللوحة.

* تعديل الحروف والأرقام.

* تغيير السعر.

* تشغيل المؤقت.

* بدء المزاد.

* إيقافه.

* استئنافه.

* إضافة دقيقة.

* إضافة دقيقتين.

* تجربة السومات.

* تجربة التعليقات.

* تغيير حالة المزاد.

* فتح شاشة العرض.

* تجربة حفظ الصورة.

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

21. النموذج المرجعي المرفق

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

النتيجة المطلوبة: صفحة «محاكي المزاد» تكون عبارة عن نظام تفاعلي احترافي متكامل داخل المنصة، مرتبط بالأنظمة الحالية، يدعم العضو والمشرف والمدير حسب الصلاحيات، ويتيح التحكم والمعاينة والبث والعرض المباشر وحفظ الصور وإعادة استخدام التصاميم، مع اعتماد Prototype تفاعلي فعلي أولًا ثم الانتقال إلى التطوير النهائي بعد الموافقة

تم ارفاق عده صور بالنماذج القريبه من المطلوب

وسيتم ارفاق صوره للموقع المحاكي الحالي علما بان المطلوب صفحه

المقطع الفيديو قريبا من النموذج المطلوب ويكون اهم حاجه متوافق مع الابتوب والاجهزه الاخرى بحيث الهدف الاستخدام البث والمحاكي لعرض اللوحات المميزه والارقام الجوالات للبدء المزادات سوا الاعضاء او المشرفين بامكانهم استخدامه مستقله عن الحاليه