← Takaisin projekteihin Mobiilisovellus · Autot

V. Parrot Garage -mobiilisovellus

Flutter-mobiilisovellus, joka on yhdistetty V. Parrot Garagen APIin ajoneuvojen selaamista, suodatusta ja tarkastelua varten.

V. Parrot Garage -mobiilisovellus
PROJEKTI

Projekti

Dart- ja Flutter-sovellus, joka käyttää autotallin Symfony-APIa ja tarjoaa ajoneuvojen haun, edistyneet suodattimet, yksityiskohtaiset ajoneuvosivut, kuvagalleriat ja yhteydenottolomakkeen.

Mobiiliarkkitehtuuri & Flutter-ekosysteemi

Monialustainen mobiilisovellus toteutettuna Flutterilla ja Dartilla iOS:lle ja Androidille. Se yhdistyy suoraan Garage V. Parrot -verkkopalvelun Symfony REST API -taustajärjestelmään tarjoten mobiilikäyttäjille nopean, kosketusoptimoidun ja sulavan vaihtoautojen selauskokemuksen.

┌─────────────────────────────────────────────────────────────────────────────┐
│              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

Yhteinen koodipohja iOS:lle ja Androidille

Korkean suorituskyvyn monialustakehitys natiiveilla Material 3 -komponenteilla ja 60 FPS:n animaatioilla.

Symfony REST API -liitin

Reaaliaikainen asynkroninen synkronointi myytävien autojen varastotietoihin ja merkkiluokitukseen.

Mobiili liidien tuotanto

Suora laitteen puhelinsoiton käynnistys (tel:) ja esitäytetyt yhteydenottolomakkeet suoraan autokohtaisella tunnisteella.

1. Toiminnalliset moduulit & Käyttäjäkokemus

Suunniteltu muuntamaan mobiiliselailu suoriksi yhteydenotoiksi ja koeajovarauksiksi korjaamolle:

Kosketusoptimoidut liukusäätimet

Kahden pisteen liukusäätimet hinnan, kilometrien ja vuosimallin viiveettömään säätämiseen.

Auton tiedot & Kuvakaruselli

Koko näytön kuvagalleria pyyhkäisyeleillä, kuvan suurennuksella ja kattavalla varustelistauksella.

Tarjouspyynnöt & Koeajovaraukset

Yhteydenottojen välitön lähetys automaattisesti liitetyllä ajoneuvon viitetunnuksella.

Aukioloajat & GPS-navigointi

Reaaliaikaiset aukioloajat ja suora GPS-reittiohjaus korjaamon toimipisteeseen.

2. Teknologiapino & Ohjelmistosuunnittelu

  • Kehys & Ohjelmointikieli: Flutter 3.x & Dart natiivilla ARM-käännöksellä optimaaliseen toimintaan iOS:llä ja Androidilla.
  • HTTP-verkkokerros: Asynkroninen HTTP-asiakas aikakatkaisun hallinnalla, JSON-sarjoituksen purulla ja yhteysvirheiden palautumisella.
  • Tilan hallinta: Reaktiivinen arkkitehtuuri, joka erottaa liiketoimintalogiikan käyttöliittymän visuaalisista komponenteista.
  • Kuvien välimuistinhallinta: Esikatselukuvien älykäs välimuisti sulavaan selailuun myös hitaissa mobiiliverkoissa.

3. Käytetyt REST API -rajapinnat

Mobiilisovellus kommunikoi Symfony-taustajärjestelmän tarjoamien JSON-rajapintojen kanssa:

Method Endpoint URL Käyttötarkoitus sovelluksessa Tiedonkäsittely
GET /api/vehicules Vaihtoautovaraston lataaminen hakusuodattimilla JSON Array (Desérialisation Dart Model)
GET /api/marques-modeles Merkki- ja mallivalitsimien sisällön muodostaminen Arborescence hiérarchique Marques & Modèles
POST /api/contact Tarkasteltavaan ajoneuvoon liitetyn yhteydenottopyynnön lähetys { nom, email, tel, message, vehiculeId }

4. Tekninen suorituskykymatriisi

Mobiilikomponentti Tekninen toteutus Käyttäjähyöty
Monialustamoottori Flutter 3.x + Dart Cross-Platform Engine Natiivikokemus Huippuluokan sulavuus ja identtinen ilme sekä iPhonella että Android-laitteilla
Asynkroninen tietovirta HTTP Client + Asynchronous Stream Listeners Ei jumittumista Käyttöliittymä säilyttää täyden reaktiivisuutensa verkkokutsujen aikana
Kuvien välimuisti CachedNetworkImage + Lazy Disk Storage Datan säästö Aikaisemmin katsottujen autojen välitön offline-näyttö
Puhelinintegraatio url_launcher (tel:, mailto:) Nopea yhteydenotto Suora soitto korjaamolle yhdellä napautuksella ilman numeron näppäilyä

Tutustu mobiilisovelluksen koodiin

Tutustu Flutter- ja Dart-pohjaisen sovelluksen täyteen lähdekoodiin GitHubissa.

Katso Flutter-koodi GitHubissa ↗