تصميم وبرمجة خريطة تفاعلية لقطع مشروع سكني

أبحث عن تنفيذ MVP لخريطة تفاعلية لعدد 709 قطعة، مع قاعدة بيانات بسيطة وحساب واحد لمنسق المبيعات لتغيير حالة القطعة، وباقي المستخدمين للمشاهدة فقط."

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

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

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

الغرض الأساسي:

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

1. الخريطة

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

يجب وضع الخريطة داخل الصفحة وجعلها تفاعلية بحيث يستطيع المستخدم:

• التكبير Zoom.

• التصغير.

• تحريك الخريطة.

• الضغط على أي قطعة.

• البحث عن رقم قطعة.

وعند الضغط على القطعة تظهر نافذة صغيرة تحتوي على:

رقم البلك

رقم القطعة

نوعها: سكني / تجاري

حالتها الحالية

مثلاً:

بلك رقم 9

قطعة رقم 125

سكنية

🟢 متاحة

2. ألوان حالة القطع

أريد الحفاظ على الفكرة الموجودة في الخريطة الحالية.

يكون لون القطعة حسب حالتها:

🔴 مباع / تم الإفراغ

🔵 محجوز

⚪ متاح

وعند تغيير الحالة يتغير لون القطعة على الخريطة تلقائياً.

3. تمييز السكني والتجاري

يجب أن يكون هناك فرق واضح بين:

🏠 القطع السكنية

و

🏢 القطع التجارية

ويظهر نوع القطعة عند الضغط عليها.

كما أريد فلتر بسيط أعلى الخريطة:

الكل | سكني | تجاري

4. قاعدة البيانات – بشكل بسيط

لا أريد قاعدة بيانات أو نظاماً معقداً.

يكفي إنشاء قاعدة بيانات بسيطة تحتوي على بيانات القطع الأساسية:

رقم البلك رقم القطعة النوع الحالة ملاحظات

1 101 سكني متاح

13 102 سكني محجوز

45 103 تجاري مباع

88 104 سكني محجوز

ويمكن استخدام قاعدة بيانات خفيفة مثل:

Firebase / Supabase / MySQL / SQLite مع Backend بسيط

ويختار المستقل الحل الأقل تكلفة والأسهل في الصيانة.

5. المستخدمون

لا أريد نظام صلاحيات معقد.

يكفي وجود نوعين:

المستخدم العادي

يدخل إلى الصفحة ويستطيع:

• مشاهدة الخريطة.

• الضغط على القطع.

• معرفة الحالة.

• البحث.

• استخدام الفلاتر.

ولا يستطيع تعديل أي شيء.

منسق المبيعات

له صفحة دخول بسيطة:

اسم المستخدم + كلمة المرور

وبعد الدخول يستطيع فقط:

• اختيار القطعة.

• تغيير حالتها.

• كتابة ملاحظة عند الحاجة.

• حفظ التغيير.

ولا نحتاج في المرحلة الأولى إلى إدارة مستخدمين متعددة.

6. التحديث المركزي

هذه أهم نقطة في المشروع.

إذا قام منسق المبيعات بتغيير:

قطعة 125

من:

⚪ متاح

إلى:

🔵 محجوز

يتم حفظ التغيير في قاعدة البيانات.

وعندما يدخل موظف المبيعات في الرياض أو جدة إلى الصفحة، يرى الحالة الجديدة.

المطلوب قدر الإمكان أن يتم التحديث تلقائياً دون الحاجة إلى تحديث الصفحة.

ولكن إذا كان تنفيذ Real-Time الكامل سيرفع التكلفة بشكل كبير، يمكن في المرحلة الأولى استخدام تحديث تلقائي للصفحة كل فترة قصيرة أو عند إعادة فتح الصفحة.

المهم أن تكون البيانات مركزية وليست محفوظة داخل جهاز المستخدم.

7. الإحصائيات

أريد في أعلى الصفحة عدادات بسيطة فقط:

إجمالي القطع: 709

🔴 مباع: XX

🔵 محجوز: XX

⚪ متاح: XX

🏠 سكني: XX

🏢 تجاري: XX

وتتغير الأرقام تلقائياً عند تغيير حالة أي قطعة.

8. البحث

مربع بحث بسيط:

🔍 اكتب رقم القطعة / البلك

مثلاً:

125

يقوم النظام بتحديد القطعة على الخريطة وإظهار معلوماتها.

لا نحتاج في المرحلة الأولى إلى بحث متقدم بالعملاء أو الأسعار أو العقود.

9. بيانات القطعة

أريد أن تكون بيانات القطعة محدودة في المرحلة الأولى.

البيانات المطلوبة:

• رقم البلك

• رقم القطعة.

• النوع: سكني / تجاري.

• الحالة.

• ملاحظة اختيارية.

• تاريخ آخر تحديث.

ولا نحتاج حالياً إلى تسجيل بيانات العملاء أو أرقام الجوالات أو العقود داخل النظام.

وهذا مهم لتقليل تكلفة التنفيذ.

10. شكل الصفحة

أريد التصميم بسيطاً واحترافياً.

مثلاً:

أعلى الصفحة

مشروع أجدال – جدة

ثم الإحصائيات.

ثم:

🔍 البحث عن قطعة

الكل | سكني | تجاري

ثم الخريطة الكبيرة.

ويكون التركيز البصري الأكبر على الخريطة.

11. الدخول لمنسق المبيعات

يمكن أن يكون هناك زر صغير:

دخول منسق المبيعات

وعند الضغط عليه تظهر صفحة دخول بسيطة.

بعد تسجيل الدخول تظهر له إمكانية تعديل الحالة.

أما المستخدم العادي فلا يرى أدوات التعديل.

12. الخريطة أهم جزء في المشروع

هذه نقطة أرجو الانتباه لها عند التنفيذ:

لا أريد إعادة تصميم الخريطة كواجهة جديدة بالكامل.

الخريطة المرفقة هي الأساس.

المطلوب هو تحويل القطع الموجودة فيها إلى مناطق قابلة للنقر والتفاعل.

أي:

القطعة على الخريطة ← رقم القطعة ← بياناتها ← حالتها من قاعدة البيانات.

ولا يشترط في المرحلة الأولى بناء نظام خرائط GIS متقدم.

يمكن استخدام صورة الخريطة الأصلية مع طبقة تفاعلية فوقها إذا كان ذلك هو الحل الأقل تكلفة والأكثر عملياً.

13. الاستضافة

المطلوب أن تكون الصفحة متاحة عبر رابط على الإنترنت.

ولا يشترط شراء استضافة باهظة.

على المستقل اقتراح أقل حل استضافة تكلفة مناسب للمشروع.

14. المطلوب تسليمه

أريد في النهاية:

1. صفحة الخريطة التفاعلية.

2. قاعدة بيانات بسيطة.

3. صفحة دخول منسق المبيعات.

4. إمكانية تغيير حالة القطعة.

5. ظهور الحالة الجديدة على الخريطة.

6. البحث عن القطعة.

7. فلتر سكني / تجاري.

8. الإحصائيات.

9. رفع الصفحة وتشغيلها Online.

10. تسليم ملفات المشروع والكود المصدر.

15. ما لا أحتاجه في المرحلة الأولى

لتقليل التكلفة، لا أحتاج حالياً إلى:

❌ CRM

❌ إدارة عملاء متقدمة

❌ إدارة عقود

❌ نظام فواتير

❌ نظام صلاحيات متعدد المستويات

❌ تطبيق جوال

❌ تقارير متقدمة

❌ لوحة Dashboard ضخمة

❌ نظام ERP

❌ إشعارات WhatsApp

❌ إرسال رسائل للعملاء

❌ ربط مع أنظمة خارجية

❌ إدارة عدة مشاريع

❌ نظام محاسبي

هذه الأمور يمكن تطويرها مستقبلاً إذا احتجناها.

16. المطلوب من المستقل

أريد منك تقديم عرض لتنفيذ نسخة أولى اقتصادية MVP من المشروع.

الأولوية هي:

1️⃣ الخريطة التفاعلية

2️⃣ قاعدة بيانات بسيطة

3️⃣ تغيير حالة القطعة

4️⃣ دخول منسق المبيعات

5️⃣ مشاهدة التحديث من الرياض وجدة

6️⃣ البحث والفلاتر

7️⃣ الإحصائيات

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

🔴 نقطة مهمة جداً أضعها في نهاية الطلب للمستقل

أنا لا أبحث عن بناء نظام إدارة عقاري متكامل.

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

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