ZingoShop

تطبيق متكامل للتجارة الإلكترونية من بائع واحد مصمم باستخدام Flutter، يتميز بواجهة مستخدم حديثة مع

رسوم متحركة سلسة وتجربة تسوق سهلة الاستخدام.

1. مصادقة المستخدم (User Authentication)

البرمجيات والأدوات المستخدمة: Flutter ، Android Studio ، PHP ، MySQL ، Postman

تفاصيل التنفيذ:

التصميم وواجهة المستخدم (Flutter): تم تصميم شاشات سهلة الاستخدام لتسجيل الدخول والتسجيل واستعادة كلمة المرور والتحقق من البريد الإلكتروني باستخدام Flutter. تم دمج لغة تصميم متسقة عبر هذه الشاشات ، مما يضمن تجربة مستخدم سلسة.

الوظائف والمنطق (PHP / MySQL):

التسجيل: تم تنفيذ منطق تسجيل المستخدم في PHP ، مع تخزين بيانات المستخدم بشكل آمن (الاسم ، البريد الإلكتروني ، كلمة المرور التي تم تجزئتها ، رقم الهاتف) في قاعدة بيانات MySQL. تم استخدام عبارات معدة لمنع ثغرات حقن SQL.

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

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

إعادة تعيين كلمة المرور: تم بناء نظام إعادة تعيين كلمة المرور يسمح للمستخدمين بإعادة تعيين كلمات المرور الخاصة بهم بشكل آمن. يقوم النظام بإنشاء رمز إعادة تعيين فريد وإرساله إلى عنوان البريد الإلكتروني للمستخدم. تم تنفيذ وظيفة للتحقق من الرمز وتحديث كلمة مرور المستخدم في قاعدة البيانات.

اختبار API (Postman): تم اختبار جميع نقاط نهاية API (التسجيل ، تسجيل الدخول ، التحقق ، إعادة تعيين كلمة المرور) بدقة باستخدام Postman لضمان التعامل الصحيح مع البيانات ، واستجابات الأخطاء ، والتكامل الناجح مع الواجهة الأمامية Flutter.

النتيجة: تم إنشاء نظام مصادقة مستخدم قوي وآمن بنجاح ، بما في ذلك وظائف التسجيل وتسجيل الدخول والتحقق من البريد الإلكتروني وإعادة تعيين كلمة المرور.

2. تصفح المنتجات والبحث (Product Browsing and Search)

البرمجيات والأدوات المستخدمة: Flutter ، Android Studio ، PHP ، MySQL

تفاصيل التنفيذ:

التصميم وواجهة المستخدم (Flutter):

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

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

شريط البحث: تم دمج شريط بحث بارز يمكّن المستخدمين من البحث بسهولة عن المنتجات حسب الاسم أو الكلمات الرئيسية.

الوظائف والمنطق (PHP / MySQL):

استرجاع المنتج: تم تطوير استعلامات SQL فعالة لاسترداد بيانات المنتج من قاعدة بيانات MySQL ، بما في ذلك تفاصيل المنتج والفئات والصور ومعلومات التسعير.

الفلترة والفرز: تم تنفيذ خيارات التصفية والفرز للسماح للمستخدمين بتحسين عمليات بحثهم عن المنتجات بناءً على معايير مختلفة (السعر ، الفئة ، الشعبية ، إلخ).

خوارزمية البحث: تم تصميم خوارزمية بحث (على سبيل المثال ، باستخدام استعلامات LIKE أو بحث النص الكامل) لاسترداد المنتجات ذات الصلة بناءً على مصطلحات بحث المستخدم.

تحسين البيانات: تم تحسين استعلامات قاعدة البيانات وعمليات استرجاع البيانات لضمان أوقات تحميل سريعة وتجربة مستخدم سريعة الاستجابة ، حتى مع كتالوج منتجات كبير.

النتيجة: تم إنشاء تجربة تصفح منتجات سهلة الاستخدام وفعالة مع تنقل سهل للفئات ، ووظيفة بحث قوية ، ومعالجة بيانات محسّنة لواجهة مستخدم سلسة وسريعة الاستجابة.

3. صفحة تفاصيل المنتج (Product Details Page)

البرمجيات والأدوات المستخدمة: Flutter ، Android Studio ، PHP ، MySQL ، cached_network_image (مكتبة Flutter)

تفاصيل التنفيذ:

التصميم وواجهة المستخدم (Flutter): تم تطوير صفحة تفاصيل المنتج التفصيلية في Flutter ، لعرض معلومات المنتج بطريقة جذابة ومنظمة.

معرض الصور: تم تنفيذ دائري للصور باستخدام cached_network_image لعرض صور متعددة للمنتج بكفاءة ، مع انتقالات سلسة وتخزين مؤقت للصور.

وصف المنتج: تم عرض أوصاف المنتج والمواصفات والتسعير والتفاصيل الأخرى ذات الصلة بتنسيق واضح وقابل للقراءة.

زر "إضافة إلى السلة": تم تضمين زر "إضافة إلى السلة" بارز ، مما يسهل على المستخدمين إضافة المنتج إلى سلة التسوق الخاصة بهم.

زر "المفضلة": تم دمج زر "المفضلة" ، مما يسمح للمستخدمين بوضع علامة على المنتجات كمفضلة للوصول السريع لاحقًا.

الوظائف والمنطق (PHP / MySQL):

استرجاع بيانات المنتج: تم جلب معلومات المنتج التفصيلية من قاعدة بيانات MySQL باستخدام نقطة نهاية API. استردت نقطة النهاية البيانات بناءً على معرف المنتج ، مما يضمن عرض المعلومات الصحيحة.

إدارة المفضلة: تم تنفيذ المنطق للتعامل مع إضافة وإزالة المنتجات من قائمة المفضلة للمستخدم. تضمن ذلك التفاعل مع جدول "المفضلة" في قاعدة البيانات.

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

4. سلة التسوق والدفع (Shopping Cart and Checkout)

البرمجيات والأدوات المستخدمة: Flutter ، Android Studio ، PHP ، MySQL

تفاصيل التنفيذ:

التصميم وواجهة المستخدم (Flutter):

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

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

الوظائف والمنطق (PHP / MySQL):

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

اختيار العنوان: تم الدمج مع خرائط Google في تطبيق Flutter للسماح للمستخدمين بتحديد عنوان الشحن الخاص بهم من الخريطة أو إدخاله يدويًا.

خيارات الدفع: تم توفير الدعم للدفع عند الاستلام و [حدد خيارات بطاقة الدفع التي قمت بتنفيذها] طرق الدفع.

التحقق من رمز القسيمة: تم تنفيذ نظام للتحقق من رموز القسيمة التي أدخلها المستخدمون أثناء عملية الدفع. تم التحقق من صحة القسيمة (تاريخ انتهاء الصلاحية ، حدود الاستخدام) وحساب السعر المخفض.

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

النتيجة: تم تنفيذ نظام قوي لسلة التسوق والدفع بنجاح ، مما يوفر للمستخدمين طريقة سلسة وآمنة لشراء المنتجات.

5. إدارة الطلبات (جانب المستخدم)

البرمجيات والأدوات المستخدمة: Flutter ، Android Studio ، PHP ، MySQL ، flutter_map (مكتبة Flutter)

تفاصيل التنفيذ:

التصميم وواجهة المستخدم (Flutter):

شاشة الطلبات: تم تصميم شاشة سهلة الاستخدام لعرض الطلبات الحالية والسابقة للمستخدم، مع تصنيفها بوضوح إلى "طلبات قيد الانتظار" و "الطلبات المؤرشفة" (أو "سجل الطلبات").

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

تتبع الطلب: تم دمج خرائط Google (باستخدام flutter_map) لعرض موقع الطلب في الوقت الحقيقي على الخريطة، مما يسمح للمستخدمين بتتبع عملية التوصيل.

الوظائف والمنطق (PHP / MySQL):

استرجاع بيانات الطلب: تم إنشاء نقاط نهاية API لاسترجاع بيانات الطلب من قاعدة بيانات MySQL، مع تصفية الطلبات حسب المستخدم وحالتها (قيد الانتظار أو مؤرشفة).

تحديث حالة الطلب: تم تنفيذ منطق لتحديث حالة الطلب عند حدوث تغييرات في عملية التوصيل (مثل "تم الاستلام" ، "قيد التوصيل" ، "تم التسليم").

تكامل خرائط Google: تم دمج خرائط Google في تطبيق Flutter لعرض موقع سائق التوصيل في الوقت الحقيقي على الخريطة، مما يسمح للمستخدم بتتبع الطلب.

إلغاء الطلب: تم تطوير وظيفة لإلغاء الطلبات قيد الانتظار، مع مراعاة سياسة البائع بشأن الإلغاء.

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

6. إدارة العناوين (Address Management)

البرمجيات والأدوات المستخدمة: Flutter ، Android Studio ، PHP ، MySQL ، flutter_map (مكتبة Flutter)

تفاصيل التنفيذ:

التصميم وواجهة المستخدم (Flutter):

شاشة العناوين: تم تصميم شاشة لعرض عناوين الشحن المخزنة للمستخدم، مع إمكانية إضافة عناوين جديدة وتعديل أو حذف العناوين الحالية.

اختيار العنوان: تم دمج خرائط Google (باستخدام flutter_map) لتسهيل عملية اختيار عنوان الشحن، مما يسمح للمستخدمين بتحديد موقعهم على الخريطة أو إدخال عنوان يدويًا.

الوظائف والمنطق (PHP / MySQL):

إدارة العناوين: تم تطوير نقاط نهاية API لإضافة عناوين جديدة، وتحديث العناوين الحالية، وحذف العناوين من قاعدة بيانات MySQL.

التحقق من صحة العنوان: تم دمج خرائط Google لضمان صحة العناوين المدخلة وتحسين دقة عملية التوصيل.

النتيجة: تم إنشاء نظام فعال لإدارة العناوين يسمح للمستخدمين بإضافة عناوين شحن جديدة، وتعديل عناوينهم الحالية، وحذفها بسهولة.

7. المنتجات المفضلة (Favorite Products)

البرمجيات والأدوات المستخدمة: Flutter ، Android Studio ، PHP ، MySQL

تفاصيل التنفيذ:

التصميم وواجهة المستخدم (Flutter):

زر "المفضلة": تم دمج زر "المفضلة" في صفحة تفاصيل المنتج، مما يسمح للمستخدمين بوضع علامة على المنتجات التي يحبونها.

شاشة المنتجات المفضلة: تم تصميم شاشة مخصصة لعرض قائمة بالمنتجات المفضلة للمستخدم.

الوظائف والمنطق (PHP / MySQL):

إدارة المفضلة: تم تنفيذ منطق لإضافة المنتجات إلى قائمة المفضلة للمستخدم وإزالتها، مع تخزين بيانات المفضلة في قاعدة بيانات MySQL.

استرجاع المفضلة: تم إنشاء نقاط نهاية API لاسترجاع قائمة المنتجات المفضلة للمستخدم من قاعدة البيانات.

النتيجة: تم تنفيذ وظيفة "المنتجات المفضلة" بنجاح، مما يسمح للمستخدمين بحفظ المنتجات التي يهتمون بها والوصول إليها بسهولة في وقت لاحق.

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

البرمجيات والأدوات المستخدمة: Flutter ، Android Studio ، PHP ، MySQL ، Firebase Cloud Messaging (FCM)

تفاصيل التنفيذ:

تكامل Firebase Cloud Messaging: تم دمج خدمة Firebase Cloud Messaging (FCM) في كل من تطبيقات Flutter (المستخدم ، المسؤول ، والتوصيل) وفي الواجهة الخلفية (PHP).

إرسال الإشعارات (PHP): تم تطوير وظيفة في PHP لإرسال إشعارات دفع إلى المستخدمين. تضمنت الوظيفة منطقًا لتحديد المستخدمين المستهدفين (بناءً على معرف المستخدم أو موضوعات FCM) ، وتكوين رسالة الإشعار (بما في ذلك العنوان والنص)، وإرسال الطلب إلى خوادم FCM.

استقبال الإشعارات (Flutter): تم تنفيذ معالجات في تطبيقات Flutter لاستقبال و عرض الإشعارات الواردة من FCM. تم تكوين سلوك التطبيق عند تلقي الإشعارات (على سبيل المثال، فتح شاشة معينة أو تحديث البيانات).

أنواع الإشعارات: تم تنفيذ إشعارات لمجموعة من الأحداث، بما في ذلك:

تأكيد الطلب.

تحديثات حالة الطلب (مثل "تم الشحن" ، "قيد التوصيل" ، "تم التسليم").

العروض الترويجية والخصومات الجديدة.

رسائل من المسؤول (للمستخدمين أو موظفي التوصيل).

النتيجة: تم تنفيذ نظام إشعارات فعال في الوقت الحقيقي، مما يسمح للمستخدمين بالبقاء على اطلاع بآخر التحديثات المتعلقة بطلباتهم، والعروض، والتفاعلات مع ZingoShop.

9. العروض (Offers)

البرمجيات والأدوات المستخدمة: Flutter ، Android Studio ، PHP ، MySQL

تفاصيل التنفيذ:

التصميم وواجهة المستخدم (Flutter):

عرض العروض: تم تصميم قسم أو شاشة لعرض العروض الترويجية الحالية في تطبيق المستخدم. يمكن عرض العروض في شكل بطاقات أو بانرات أو قوائم.

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

الوظائف والمنطق (PHP / MySQL):

إدارة العروض: تم تطوير وظائف في الواجهة الخلفية (PHP) لإضافة عروض جديدة، وتعديل العروض الحالية، وإلغاء تنشيط العروض المنتهية.

ربط العروض بالمنتجات: تم إنشاء آلية لربط العروض بمنتجات محددة في قاعدة البيانات، مما يسمح بعرض العروض ذات الصلة على صفحات المنتجات.

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

النتيجة: تم إنشاء نظام فعال لعرض وإدارة العروض الترويجية، مما يساعد على جذب انتباه المستخدمين وتشجيعهم على الشراء.

10. ميزات المسؤول (Admin Features)

البرمجيات والأدوات المستخدمة: Flutter ، Android Studio ، PHP ، MySQL

تفاصيل التنفيذ:

التصميم وواجهة المستخدم (Flutter):

لوحة تحكم المسؤول: تم تصميم لوحة تحكم شاملة وسهلة الاستخدام للمسؤول، مع توفير وصول سهل إلى وظائف الإدارة المختلفة.

شاشات إدارة المنتجات: تم إنشاء شاشات لإضافة منتجات جديدة، وتعديل المنتجات الحالية، وحذف المنتجات، وإدارة فئات المنتجات.

شاشات إدارة الطلبات: تم تطوير شاشات لعرض الطلبات الجديدة، وقبول أو رفض الطلبات، وتحديث حالة الطلب، وإدارة سجل الطلبات.

شاشات إعدادات التطبيق: تم إنشاء شاشات لإدارة إعدادات التطبيق، مثل وقت التوصيل ومحتوى الشاشة الرئيسية، واللغات المدعومة.

الوظائف والمنطق (PHP / MySQL):

مصادقة المسؤول: تم تنفيذ مصادقة آمنة للمسؤولين، باستخدام كلمات مرور مخزنة بشكل آمن في قاعدة البيانات.

إدارة المنتجات: تم تطوير نقاط نهاية API لإدارة المنتجات، بما في ذلك إنشاء المنتجات وتعديلها وحذفها وإدارتها.

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

إدارة إعدادات التطبيق: تم تطوير وظائف لتحديث إعدادات التطبيق وتخزينها في قاعدة البيانات.

النتيجة: تم تطوير واجهة مسؤول متكاملة تسهل على البائع إدارة متجره الإلكتروني، بما في ذلك المنتجات والطلبات والإعدادات.

11. ميزات موظفي التوصيل (Delivery Features)

البرمجيات والأدوات المستخدمة: Flutter ، Android Studio ، PHP ، MySQL ، flutter_map (مكتبة Flutter)

تفاصيل التنفيذ:

التصميم وواجهة المستخدم (Flutter):

شاشة الطلبات: تم تصميم شاشة تعرض قائمة بالطلبات المعينة لموظف التوصيل، مع تفاصيل عن كل طلب مثل عنوان العميل والمنتجات المطلوبة.

تتبع الطلبات: تم دمج خرائط Google (باستخدام flutter_map) لعرض موقع العميل على الخريطة، مما يسمح لموظف التوصيل بتتبع مسار التوصيل.

تحديث حالة الطلب: تم توفير واجهة سهلة الاستخدام للسماح لموظف التوصيل بتحديث حالة الطلب (على سبيل المثال، "تم الاستلام" ، "قيد التوصيل" ، "تم التسليم").

الوظائف والمنطق (PHP / MySQL):

مصادقة موظف التوصيل: تم تنفيذ مصادقة آمنة لموظفي التوصيل، باستخدام بيانات اعتماد مخزنة في قاعدة بيانات MySQL.

تعيين الطلبات: تم تطوير منطق لتعيين الطلبات لموظفي التوصيل بناءً على الموقع والتوافر.

تتبع الموقع في الوقت الحقيقي: تم دمج خرائط Google لتوفير تتبع مباشر لموقع موظف التوصيل، مما يسمح للمستخدمين بتتبع عملية التوصيل في الوقت الحقيقي.

تحديث حالة الطلب: تم إنشاء نقاط نهاية API للسماح لموظفي التوصيل بتحديث حالة الطلب، مع تحديث قاعدة بيانات MySQL تلقائيًا.

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