← العودة إلى المشاريع تطبيق هاتف · السيارات

تطبيق V. Parrot Garage للهاتف

تطبيق هاتف مبني باستخدام Flutter ومتصل بواجهة API الخاصة بـ V. Parrot Garage لتصفح المركبات المتاحة وتصفيتها واستكشافها.

تطبيق V. Parrot Garage للهاتف
المشروع

المشروع

تطبيق Dart وFlutter يستهلك واجهة API الخاصة بمرآب Symfony، مع البحث عن المركبات والفلاتر المتقدمة وصفحات تفاصيل المركبات ومعارض الصور ونموذج اتصال للاستفسارات.

البنية البرمجية للجوال ومنظومة Flutter

تطبيق جوال متعدد المنصات تم تطويره باستخدام Flutter وDart لنظامي iOS وAndroid. يتصل مباشرة بواجهة REST API لمنصة Symfony الخاصة بكراج V. Parrot لتزويد المستخدمين بتجربة بحث سيارات مستعملة سريعة وسلسة تعمل باللمس.

┌─────────────────────────────────────────────────────────────────────────────┐
│              V. Parrot Garage Mobile App — Flutter & Dart                   │
└──────────────────────────────────────┬──────────────────────────────────────┘
                                       │
           ┌───────────────────────────┼───────────────────────────┐
           ▼                           ▼                           ▼
  📱 UI & State Management      📡 API Client & HTTP         💾 Local Cache & Offline
  • Flutter Material 3 Widgets • Symfony REST Connector    • CachedNetworkImage
  • Multi-criteria range slider • JSON Model Deserializer   • SQLite / SharedPreferences
  • Touch carousel gestures     • Async HTTP Error recovery • Offline catalog inspection
  • 1-Tap native dialer (tel:)  • Post lead contact payload • Network connectivity guard
            

شفرة برمجية موحدة لـ iOS وAndroid

تطوير متعدد المنصات عالي الأداء مع عناصر Material 3 الأصلية ورسوم متحركة بمعدل 60 إطارًا في الثانية.

موصل واجهة REST API لـ Symfony

مزامنة لحظية غير متزامنة مع مخزون السيارات المعروضة وتصنيفات الماركات والموديلات.

توليد طلبات الشراء عبر الجوال

تشغيل مباشر لبرنامج الاتصال الهاتفي (tel:) ونماذج استفسار مسبقة التعبئة مرتبطة بمعرف المركبة.

1. المكونات الوظيفية وتجربة المستخدم

مصمم لتحويل جلسات التصفح عبر الهواتف إلى طلبات اتصال وزيارات فعلية لمعرض السيارات:

أشرطة تمرير نطاق محسنة للمس

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

تفاصيل السيارة ومعرض صور تفاعلي

معرض صور بملء الشاشة يدعم إيماءات التمرير والتكبير، مع جدول كامل لخيارات ومواصفات المركبة.

طلب عروض الأسعار وحجز تجارب القيادة

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

مواعيد العمل والموقع الجغرافي

استعراض ساعات العمل المحدثة في الوقت الفعلي مع تشغيل نظام الملاحة GPS نحو موقع الكراج.

2. البنية البرمجية وهندسة التطبيق

  • إطار العمل ولغة التطوير: Flutter 3.x مع لغة Dart مع ترجمة أصلية لبيئات معالجات ARM في iOS وAndroid.
  • طبقة الاتصال الشبكي HTTP: عميل HTTP غير متزامن مع معالجة فترات الانتظار، وتحويل JSON، والتعافي من أخطاء الاتصال.
  • إدارة الحالة (State Management): بنية برمجية تفاعلية تفصل منطق الأعمال عن مكونات وتخطيطات واجهة المستخدم.
  • إدارة التخزين المؤقت للصور: تخزين ذكي للصور المصغرة لضمان سرعة التصفح حتى عند ضعف تغطية شبكة الهاتف.

3. نقاط اتصال REST API المدمجة

يتواصل تطبيق الجوال مع نقاط اتصال JSON التي توفرها البنية الخلفية لسيمفوني:

Method Endpoint URL الاستخدام في تطبيق الهاتف معالجة البيانات
GET /api/vehicules تحميل مخزون السيارات المستعملة مع الفلاتر النشطة JSON Array (Desérialisation Dart Model)
GET /api/marques-modeles ملء قوائم الماركات والموديلات المتتالية Arborescence hiérarchique Marques & Modèles
POST /api/contact إرسال طلب التواصل المرتبط بالسيارة المعروضة { nom, email, tel, message, vehiculeId }

4. مصفوفة الأداء التقني للجوال

مكون الجوال التطبيق التقني الفائدة للمستخدم
محرك متعدد المنصات Flutter 3.x + Dart Cross-Platform Engine تجربة أصلية أعلى مستويات السلاسة وتطابق المظهر عبر أجهزة iPhone وAndroid
تدفق بيانات غير متزامن HTTP Client + Asynchronous Stream Listeners انعدام التوقف بقاء واجهة المستخدم تفاعلية بالكامل أثناء الاتصال بالشبكة
تخزين الصور المؤقت CachedNetworkImage + Lazy Disk Storage توفير استهلاك البيانات عرض فوري دون اتصال للمركبات التي تم استعراضها مسبقًا
تكامل مباشر مع الهاتف url_launcher (tel:, mailto:) تحويل مباشر إمكانية الاتصال بالورشة بنقرة واحدة دون كتابة الرقم يدويًا

استعراض الشفرة المصدرية للتطبيق

اطلع على الشيفرة المصدرية الكاملة لتطبيق Flutter وDart على GitHub.

عرض كود Flutter على GitHub ↗