← プロジェクトに戻る モバイルアプリケーション・自動車

V. Parrot Garage Mobile App

V. Parrot Garage APIに接続されたFlutterモバイルアプリケーションで、利用可能な車両の閲覧、フィルタリング、探索が可能です。

V. Parrot Garage Mobile App
プロジェクト

プロジェクト

SymfonyガレージAPIを利用したDartおよびFlutterアプリケーションで、車両検索、高度なフィルター、詳細な車両ページ、画像ギャラリー、問い合わせ用のコンタクトフォームを備えています。

モバイルアーキテクチャ & Flutterエコシステム

FlutterとDartで開発されたiOSおよびAndroid対応のクロスプラットフォームアプリ。Garage V. ParrotのSymfonyバックエンドREST APIと直接通信し、モバイルユーザーに高速かつ直感的な中古車検索体験を提供します。

┌─────────────────────────────────────────────────────────────────────────────┐
│              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 FPSのスムーズなアニメーションによる高性能開発。

Symfony REST API連携

中古車在庫データおよびメーカーカテゴリーとのリアルタイム非同期同期。

モバイルリード獲得

OS標準の電話発信機能（tel:）へのダイレクト起動と、車両IDが自動入力された問い合わせ機能。

1. 機能モジュール & ユーザー体験

スマートフォンからの閲覧を、工場への直接的な問い合わせや試乗予約へと導く設計：

タッチ操作に最適化されたレンジスライダー

価格、走行距離、年式を指先で直感的に調整できるデュアルスライダー。

車両詳細 & 画像カルーセル

スワイプジェスチャー、写真拡大、装備スペック一覧を備えたフルスクリーン画像ビューワー。

見積もり依頼 & 試乗予約

閲覧中の車両IDを自動付与して瞬時に送信できる問い合わせフォーム。

営業時間 & GPSルート案内

最新の営業時間の確認と、整備工場までのナビゲーションアプリ起動。

2. 技術スタック & ソフトウェア設計

  • フレームワーク & 開発言語: iOSとAndroid向けにネイティブARMコンパイルされるFlutter 3.x & Dart。
  • HTTPネットワーク層: タイムアウト制御、JSONデシリアライズ、接続エラー復帰を備えた非同期HTTPクライアント。
  • 状態管理: ビジネスロジックとUIレイアウトを完全に分離したリアクティブアーキテクチャ。
  • 画像キャッシュ管理: 低速なモバイル回線下でも快適に一覧表示できるスマートなサムネイルキャッシュ機構。

3. 連携しているREST APIエンドポイント

Symfonyバックエンドが提供する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 フリーズ防止 通信中もUIの操作性を完全に維持
画像キャッシュ CachedNetworkImage + Lazy Disk Storage 通信量削減 過去に閲覧した車両の即時オフライン表示
OS標準通話連携 url_launcher (tel:, mailto:) 迅速なアプローチ 番号を手入力することなくワンタップで工場へ電話発信

モバイルアプリのコードを見る

FlutterおよびDartで開発されたアプリの全ソースコードをGitHubでご覧いただけます。

GitHubでFlutterコードを見る ↗