متطلبات الموقع

Website requirements

صفحة 1 · Page 1

مقدمة خدمة غسيل السيارات، أهداف المنصة وفئات المستخدمين وصفحات الواجهة… Mobile car-wash service introduction, product goals, user groups and…

مقدمة خدمة غسيل السيارات، أهداف المنصة وفئات المستخدمين وصفحات الواجهة الأمامية.

Mobile car-wash service introduction, product goals, user groups and website screens.

النص القابل للاستخراج من الملف · Text extracted from the source.

‫‬‮ملف‬‮متطلبات‬‮مشروع‬‮موقع‬‮إلكتروني‬‮لمغسلة‬‮سيارات‬‮متنقلة‬‮(‬‪‭‬OnWay‬‮)‬ ‫‬‮مقدمة المشروع‪:‬‬ ‫‬‪‬‭OnWay‬‮هي‬‮خدمة‬‮مغسلة‬‮سيارات‬‮متنقلة‬‮تهدف‬‮إلى‬‮تقديم‬‮خدمات‬‮غسيل‬‮سيارات‬‮بجودة‬‮عالية‬‮وسهولة‬‮فائقة‬‮للعمالء‬‮في‬‮أماكنهم‪.‬‬ ‫‬‮يهدف المشروع إلى تطوير موقع إلكتروني شامل لتسهيل تجربة العميل من الحجز إلى الدفع وإدارة العمليات الداخلية بشكل سلس‬ ‫‬‮وفعال‪.‬‬ ‫‬‮أهداف المشروع‪:‬‬ ‫‬‪‭‬1‬‮‪‬ .‬‮تحسين تجربة العميل وتبسيط عملية الحجز‪.‬‬ ‫‬‪‭‬2‬‮‪‬ .‬‮تقليل الحاجة للتواصل اليدوي عبر واتساب‪.‬‬ ‫‬‪‭‬3‬‮‪‬ .‬‮إدارة الموارد (السيارات المتنقلة والموظفين) بكفاءة‪.‬‬ ‫‬‪‭‬4‬‮‪‬ .‬‮تمكين الدفع اإللكتروني وتأكيده تلقائًيا‪.‬‬ ‫‬‪‭‬5‬‮‪‬ .‬‮توفير لوحة تحكم لإلدارة لمتابعة األداء‪.‬‬ ‫‬‮الفئات المستهدفة‪:‬‬ ‫‬‪‭‬1‬‮‪‬ .‬‮العمالء الذين يحتاجون إلى خدمات غسيل متنقلة‪.‬‬ ‫‬‪‭‬2‬‮‪‬ .‬‮إدارة‬‪‬‭OnWay‬‮وفريق‬‮العمليات‪.‬‬ ‫‬‮المتطلبات األساسية‪:‬‬ ‫‬‪‭‬1‬‮‪‬.‬‮واجهة‬‮المستخدم‬‮(‬‪‭‬Frontend‬‮)‪:‬‬ ‫‬‮أ‪ .‬صفحات الموقع الرئيسية‪:‬‬ ‫‬‪‭‬1‬‮‪‬ .‬‮الصفحة الرئيسية‪:‬‬ ‫‬‮○ ‬‮عرض الخدمات المقدمة‪.‬‬ ‫‬‮○ ‬‮معلومات‬‮عن‬‪‬‭OnWay‬‮‪.‬‬ ‫‬‮○ ‬‮زر “احجز اآلن”‪.‬‬ ‫‬‪‭‬2‬‮‪‬ .‬‮صفحة تسجيل الدخول‪/‬إنشاء حساب‪:‬‬ ‫‬‮○ ‬‮خيار تسجيل الدخول للمستخدمين الحاليين باستخدام البريد اإللكتروني وكلمة المرور‪.‬‬ ‫‬‮○ ‬‮خيار إنشاء حساب جديد يتضمن الحقول التالية‪:‬‬ ‫‬‮■ ‬‮االسم األول (إجباري)‪.‬‬ ‫‬‮■ ‬‮االسم األخير (اختياري)‪.‬‬ ‫‬‮■ ‬‮رقم الجوال (إجباري)‪.‬‬ ‫‬‮■ ‬‮البريد اإللكتروني (إجباري)‪.‬‬ ‫‬‮■ ‬‮كلمة المرور (إجباري)‪.‬‬ ‫‬‮■ ‬‮ماركة السيارة (اختياري)‪.‬‬ ‫‬‮■ ‬‮طراز السيارة (اختياري)‪.‬‬ ‫‬‮■ ‬‮عام تصنيع السيارة (اختياري)‪.‬‬

افتح صفحة الأصل · Open original page

صفحة 2 · Page 2

خطوات الحجز والدفع وتتبع الطلب والدعم، ثم مواصفات الواجهة ووظائف إدارة… Booking, payment, order tracking and support, followed by interface and…

خطوات الحجز والدفع وتتبع الطلب والدعم، ثم مواصفات الواجهة ووظائف إدارة الطلبات والخدمات.

Booking, payment, order tracking and support, followed by interface and back-office requirements.

النص القابل للاستخراج من الملف · Text extracted from the source.

‫‬‮لون السيارة (اختياري)‪.‬‬ ‫‬‮■‬ ‫‬‮لوحة السيارة (إجباري)‪.‬‬ ‫‬‮■‬ ‫‬‮محفظة المواقع الجغرافية (إجباري‪ :‬مثل البيت‪ ،‬العمل‪.)... ،‬‬ ‫‬‮■‬ ‫‬‮نظام النقاط (اختياري)‪.‬‬ ‫‬‮■‬ ‫‬‪‭‬3‬‮‪‬ .‬‮صفحة الحجز‪:‬‬ ‫‬‮○ ‬‮اختيار نوع الخدمة (غسيل خارجي‪ ،‬داخلي‪ ،‬شامل)‪.‬‬ ‫‬‮○ ‬‮عرض جدول المواعيد المتاحة‪.‬‬ ‫‬‪‭‬4‬‮‪‬ .‬‮صفحة الدفع‪:‬‬ ‫‬‮○ ‬‮خيارات‬‮دفع‬‮متعددة‬‮(بطاقات‬‮ائتمانية‪‭‬Apple‬‭Pay،‬‭STC‬‭Pay‬،‬‮)‪.‬‬ ‫‬‮○ ‬‮ملخص الحجز قبل الدفع‪.‬‬ ‫‬‪‭‬5‬‮‪‬ .‬‮صفحة تتبع الطلب‪:‬‬ ‫‬‮○ ‬‮إمكانية تتبع حالة الطلب (قيد التنفيذ‪ ،‬مكتمل‪.)... ،‬‬ ‫‬‪‭‬6‬‮‪‬ .‬‮صفحة األسئلة الشائعة والدعم‪:‬‬ ‫‬‮○ ‬‮عرض إجابات على األسئلة الشائعة‪.‬‬ ‫‬‮○ ‬‮نموذج تواصل مباشر للدعم‪.‬‬ ‫‬‮ب‪ .‬تصميم الواجهة‪:‬‬ ‫‬‮● ‬‮تصميم حديث وبسيط‪.‬‬ ‫‬‮● ‬‮متجاوب مع مختلف األجهزة (الهواتف‪ ،‬التابلت‪ ،‬الحواسيب)‪.‬‬ ‫‬‮● ‬‮استخدام ألوان متناسقة تعكس هوية العالمة التجارية‪.‬‬ ‫‬‪‭‬2‬‮‪‬.‬‮الخادم‬‮(‬‪‭‬Backend‬‮)‪:‬‬ ‫‬‮أ‪ .‬نظام تسجيل الحسابات‪:‬‬ ‫‬‪‭‬1‬‮‪‬ .‬‮دعم تسجيل حسابات جديدة مع التحقق من الحقول المطلوبة‪.‬‬ ‫‬‪‭‬2‬‮‪‬ .‬‮تسجيل الدخول باستخدام البريد اإللكتروني وكلمة المرور‪.‬‬ ‫‬‪‭‬3‬‮‪‬ .‬‮استرداد كلمة المرور عند الطلب‪.‬‬ ‫‬‪‭‬4‬‮‪‬ .‬‮إدارة حسابات المستخدمين (تعديل البيانات‪ ،‬تحديث كلمة المرور)‪.‬‬ ‫‬‮ب‪ .‬نظام الحجز‪:‬‬ ‫‬‪‭‬1‬‮‪‬ .‬‮استالم طلب الحجز ومعالجته‪.‬‬ ‫‬‪‭‬2‬‮‪‬ .‬‮التحقق من توفر المواعيد‪.‬‬ ‫‬‪‭‬3‬‮‪‬ .‬‮تسجيل البيانات في قاعدة البيانات‪.‬‬ ‫‬‮ج‪ .‬نظام إدارة الدفع‪:‬‬ ‫‬‪‭‬1‬‮‪‬ .‬‮تكامل مع بوابات الدفع اإللكتروني‪.‬‬ ‫‬‪‭‬2‬‮‪‬ .‬‮تأكيد المدفوعات تلقائًيا‪.‬‬ ‫‬‪‭‬3‬‮‪‬ .‬‮إصدار إيصاالت إلكترونية‪.‬‬ ‫‬‮د‪ .‬إدارة السيارات والموارد‪:‬‬ ‫‬‪‭‬1‬‮‪‬ .‬‮تخصيص السيارات المتنقلة بناًء على موقع العميل‪.‬‬ ‫‬‪‭‬2‬‮‪‬ .‬‮تتبع حالة السيارات (مشغولة‪ ،‬متاحة)‪.‬‬ ‫‬‪‭‬3‬‮‪‬ .‬‮إدارة السيارات‪:‬‬ ‫‬‮○ ‬‮إضافة سيارات جديدة مع تحديد رقم اللوحة أو اسم السيارة‪.‬‬ ‫‬‮○ ‬‮تحديد الحدود الجغرافية لكل سيارة (نقطة بدء ونصف قطر)‪.‬‬

افتح صفحة الأصل · Open original page

صفحة 3 · Page 3

التقارير والدفع، جداول قاعدة البيانات، ضوابط الأمان وتقنيات التطوير… Reporting and payments, database tables, security safeguards and…

التقارير والدفع، جداول قاعدة البيانات، ضوابط الأمان وتقنيات التطوير المقترحة.

Reporting and payments, database tables, security safeguards and proposed development technologies.

النص القابل للاستخراج من الملف · Text extracted from the source.

‫‬‮○ ‬‮رفض الحجز تلقائًيا إذا كان خارج النطاق الجغرافي للسيارة المحددة‪.‬‬ ‫‬‮○ ‬‮حذف السيارات أو تعديل بياناتها‪.‬‬ ‫‬‮هـ‪ .‬لوحة التحكم لإلدارة‪:‬‬ ‫‬‪‭‬1‬‮‪‬ .‬‮عرض الطلبات الواردة‪.‬‬ ‫‬‪‭‬2‬‮‪‬ .‬‮إدارة جدول المواعيد‪.‬‬ ‫‬‪‭‬3‬‮‪‬ .‬‮تقارير دورية عن األداء واإليرادات‪.‬‬ ‫‬‪‭‬3‬‮‪‬.‬‮قاعدة‬‮البيانات‬‮(‬‪‭‬Database‬‮)‪:‬‬ ‫‬‮أ‪ .‬جداول البيانات المطلوبة‪:‬‬ ‫‬‪‭‬1‬‮‪‬ .‬‮جدول العمالء‪:‬‬ ‫‬‮○ ‬‮االسم األول‪ ،‬االسم األخير‪ ،‬رقم الجوال‪ ،‬البريد اإللكتروني‪ ،‬كلمة المرور‪ ،‬ماركة السيارة‪ ،‬طراز السيارة‪ ،‬عام‬ ‫‬‮تصنيع السيارة‪ ،‬لون السيارة‪ ،‬لوحة السيارة‪ ،‬المواقع الجغرافية المخزنة‪ ،‬نظام النقاط‪.‬‬ ‫‬‪‭‬2‬‮‪‬ .‬‮جدول الطلبات‪:‬‬ ‫‬‮○ ‬‮رقم الطلب‪ ،‬العميل‪ ،‬نوع الخدمة‪ ،‬الموعد‪ ،‬حالة الطلب‪.‬‬ ‫‬‪‭‬3‬‮‪‬ .‬‮جدول السيارات‪:‬‬ ‫‬‮○ ‬‮رقم السيارة أو اسمها‪ ،‬الحالة (مشغولة‪/‬متاحة)‪ ،‬نقطة البداية‪ ،‬نصف القطر الجغرافي‪.‬‬ ‫‬‪‭‬4‬‮‪‬ .‬‮جدول المدفوعات‪:‬‬ ‫‬‮○ ‬‮رقم الطلب‪ ،‬طريقة الدفع‪ ،‬الحالة (مدفوعة‪/‬غير مدفوعة)‪.‬‬ ‫‬‮ب‪ .‬متطلبات قاعدة البيانات‪:‬‬ ‫‬‮● ‬‮نظام‬‮إدارة‬‮قاعدة‬‮بيانات‬‮موثوق‬‮(‬‪‭‬MySQL،‬‭PostgreSQL‬‮)‪.‬‬ ‫‬‮● ‬‮تصميم يضمن السرعة والكفاءة في االستعالمات‪.‬‬ ‫‬‪‭‬4‬‮‪‬.‬‮الخصائص‬‮األمنية‪:‬‬ ‫‬‪‭‬1‬‮‪‬ .‬‮تشفير‬‮البيانات‬‮الحساسة‬‮(‬‪‭‬SSL/TLS‬‮)‪.‬‬ ‫‬‪‭‬2‬‮‪‬ .‬‮حماية‬‮ضد‬‮هجمات‬‪‬‭SQL‬‭Injection‬‮و‬‪‬‭CSRF‬‮‪.‬‬ ‫‬‪‭‬3‬‮‪‬ .‬‮تأمين بوابة الدفع‪.‬‬ ‫‬‪‭‬4‬‮‪‬ .‬‮إعداد نسخ احتياطية يومية‪.‬‬ ‫‬‮التقنيات المقترحة‪:‬‬ ‫‬‪‭‬Frontend‬‮‪:‬‬ ‫‬‮● ‬‪‭‬HTML5،‬‭CSS3،‬‭JavaScript‬‮‪.‬‬ ‫‬‮● ‬‮مكتبات‬‮وإطارات‬‮عمل‪‬‭React.js‬:‬‮أو‬‪‭‬Vue.js‬‮‪.‬‬ ‫‬‪‭‬Backend‬‮‪:‬‬ ‫‬‮● ‬‮لغة‬‮البرمجة‪‭‬Node.js‬‭(Express.js‬:‬‮)‬‮أو‬‪‭‬Python‬‭(Django/Flask‬‮)‪.‬‬ ‫‬‮● ‬‮إدارة المستخدمين والجلسات‪.‬‬ ‫‬‮قاعدة البيانات‪:‬‬

افتح صفحة الأصل · Open original page

صفحة 4 · Page 4

خيارات قواعد البيانات والاستضافة والدفع والخرائط، ثم جدول التنفيذ… Database, hosting, payment and map options, then the implementation…

خيارات قواعد البيانات والاستضافة والدفع والخرائط، ثم جدول التنفيذ والتسليمات المتوقعة.

Database, hosting, payment and map options, then the implementation timeline and expected deliverables.

النص القابل للاستخراج من الملف · Text extracted from the source.

‫‬‮● ‬‪‬‭MySQL‬‮أو‬‪‭‬PostgreSQL‬‮‪.‬‬ ‫‬‮● ‬‪‬‭Firebase‬‭Realtime‬‭Database‬‮(اختياري)‪.‬‬ ‫‬‮بوابة الدفع‪:‬‬ ‫‬‮● ‬‪‭Tap‬‬ ‫‬‮االستضافة والبنية التحتية‪:‬‬ ‫‬‮● ‬‮استضافة‬‮سحابية‪‬‭AWS‬:‬‮أو‬‪‬‭Google‬‭Cloud‬‮أو‬‪‭‬Azure‬‮‪.‬‬ ‫‬‮● ‬‪‬‭CDN‬‮لتسريع‬‮تحميل‬‮الصفحات‪.‬‬ ‫‬‮● ‬‮تكامل‬‮مع‬‮خدمات‬‮تحديد‬‮المواقع‬‮الجغرافية‬‮(‬‪‭‬Google‬‭Maps‬‭API‬‮)‪.‬‬ ‫‬‮خطة‬‮العمل‬‮(‬‪‭‬Timeline‬‮)‪:‬‬ ‫‬‮المرحلة‬‮األولى‪‬:‬‮التخطيط‬‮(‬‪‭‬1‬‮‪‬‭2‬-‬‮أسبوعين)‪:‬‬ ‫‬‮● ‬‮فهم المتطلبات‪.‬‬ ‫‬‮● ‬‮إنشاء‬‮تصميمات‬‮الواجهة‬‮(‬‪‭‬Wireframes‬‮)‪.‬‬ ‫‬‮المرحلة‬‮الثانية‪‬:‬‮التطوير‬‮(‬‪‭‬4‬‮‪‬‭6‬-‬‮أسابيع)‪:‬‬ ‫‬‮● ‬‮بناء واجهة المستخدم‪.‬‬ ‫‬‮● ‬‮تطوير الخادم وقاعدة البيانات‪.‬‬ ‫‬‮● ‬‮تكامل بوابة الدفع‪.‬‬ ‫‬‮المرحلة‬‮الثالثة‪‬:‬‮االختبار‬‮(‬‪‬‭2‬‮أسبوع)‪:‬‬ ‫‬‮● ‬‮اختبار األداء والوظائف‪.‬‬ ‫‬‮● ‬‮إصالح األخطاء‪.‬‬ ‫‬‮المرحلة‬‮الرابعة‪‬:‬‮اإلطالق‬‮(‬‪‬‭1‬‮أسبوع)‪:‬‬ ‫‬‮● ‬‮نشر الموقع‪.‬‬ ‫‬‮● ‬‮مراقبة األداء‪.‬‬ ‫‬‮التسليمات المتوقعة‪:‬‬ ‫‬‪‭‬1‬‮‪‬ .‬‮موقع إلكتروني متكامل‪.‬‬ ‫‬‪‭‬2‬‮‪‬ .‬‮دليل استخدام لإلدارة‪.‬‬ ‫‬‪‭‬3‬‮‪‬ .‬‮تقارير األداء واالختبارات‪.‬‬ ‫‬‮يحق للعميل تعديل الموقع حسب المتطلبات التي يراها مناسبة‪.‬‬ ‫‬‮ال يعتبر المشروع قد تم تسليمه حتى يتم توقيع العميل على استالم المشروع بصورته النهائية‪.‬‬

افتح صفحة الأصل · Open original page

Project case in English