Catermat Cars

Rozvozová aplikace pro catering. Dodací listy bez papíru, s podpisem prstem.

Obor: Gastronomie a catering
Rozsah: Design, aplikace iOS + Android, backend
Doba realizace: 2024 až 2025
Stack: Capacitor, Vue 3, Symfony

Zadání

Office catering znamená každé dopoledne desítky rozvozů po Praze a u každého papírový dodací list. Papír se tiskne, ztrácí a přepisuje, expedice volá řidičům, kde zrovna jsou, a potvrzené převzetí se do systému vrací s odstupem dnů.

Pro Catermat jsme už dřív postavili web ; teď přišel na řadu rozvoz. Zadání znělo: propojit auta s podnikovým systémem Ordermat, aby objednávky doletěly řidičům do telefonu, prošly jasnými stavy a převzetí se potvrdilo hned na místě.

Postavili jsme hybridní aplikaci pro iOS i Android. Objednávky se z podnikového systému propisují do telefonu, procházejí stavy Nové, K expedici, Expedováno a Dodáno, role výroby a rozvozu vidí každá své kroky. Při předání zákazník podepíše převzetí prstem na displeji a podpis se uloží k dodacímu listu i s polohou.

Rozvoz: od expedice k podpisu

Celý den řidiče v jedné smyčce: přihlášení, dodací listy podle stavů, expedice objednávky a nakonec podpis příjemce prstem na displeji. Papír na trase nikde.

Flow rozvozu: dodací listy, expedice, podpis příjemce prstem a hotovo.

Rozbalený dodací list: adresa s místností a podlažím, kontakt na příjemce s tlačítky pro zprávu a volání a časová osa expedice, okna doručení a plánu

Dodací list, který ví všechno

Adresa i s místností a podlažím, kontakt na příjemce a časová osa od expedice přes okno doručení až po plán. Volat jde jedním ťuknutím a SMS odchází s předvyplněnou zprávou, že objednávka je na cestě.

Dodací list se skupinami položek, cenou a střediskem, přes něj vysunutý panel Podpis s plochou pro podpis prstem a tlačítky Vymazat a Potvrdit

Podpis prstem místo papíru

Při předání zákazník podepíše převzetí přímo na displeji. Podpis se uloží k dodacímu listu spolu s GPS polohou předání, takže je doložitelné, co, kde a kdy se předalo.

Mapa centra města se špendlíkem místa dodání ve značce Catermat a tlačítkem pro spuštění navigace

Navigace na místo předání

Každý dodací list nese parkovací GPS souřadnice: ne adresu sídla, ale místo, kde se dá skutečně zastavit. Odtud se jedním ťuknutím otevírá navigace v Google Maps nebo Waze.

Expedice vidí celou flotilu

Druhá polovina aplikace patří expedici: živá mapa aut s GPS lokátory, telemetrie každého vozu a kniha jízd s trasou na mapě. Kdo je kde, co veze a co ho čeká, bez jediného telefonátu.

Flow expedice: mapa flotily, telemetrie vozu a kniha jízd s trasou.

Živá mapa Prahy se špendlíky vozidel a kartou vozu s rychlostí a aktuální adresou

Flotila živě na mapě

Auta s GPS lokátory se kreslí na mapu v reálném čase. Karta vozu ukáže rychlost a aktuální adresu; poloha do aplikace přitéká průběžně přes Mercure, žádné obnovování.

Detail vozidla s fotografií dodávky a online údaji: rychlost, palivo, motor, stav vozidla, nájezd kilometrů a napětí baterie, pod nimi aktuální a naplánované objednávky vozu

Telemetrie každého vozu

Rychlost, palivo, motor, baterie i nájezd kilometrů z GPS jednotek REX. A hned pod tím, co vůz právě veze a jaké objednávky ho čekají, takže expedice plánuje nad skutečným stavem, ne nad odhadem.

Kniha jízd: trasa jízdy vykreslená na mapě centra města a karta s SPZ, řidičem, dobou jízdy a průměrnou rychlostí

Kniha jízd, která se píše sama

Každá jízda se zaznamená sama: trasa na mapě, doba jízdy i průměrná rychlost, s filtrem podle vozidla a střediska. Kniha jízd tak vzniká jízdou samotnou, ne přepisováním na konci měsíce.

Co aplikace ještě umí

Rozvoz a expedice v jedné aplikaci vydají na delší seznam. Aspoň v rychlosti to nejzajímavější.

Stavy jako na výrobní lince

Objednávka prochází stavy Nové, K expedici, Expedováno a Dodáno. Role výroby a rozvozu vidí každá své kroky, takže kuchyně chystá, řidič veze a nikdo nikomu nesahá do práce.
Napojení na podnikový systém

Objednávky se do telefonu propisují z podnikového systému Ordermat, ve kterém firma žije. Nic se nezadává dvakrát: co platí v systému, platí v autě, a potvrzené dodání se vrací zpátky.
Položky po skupinách

Obědy, rauty, nápoje: položky dodávky se řadí do skupin s počty kusů, takže se velká rautová objednávka kontroluje po přehledných blocích, ne po řádcích nekonečného seznamu.
Kontakt na příjemce jedním ťuknutím

U každého dodacího listu je jméno a telefon příjemce. Volání se spouští rovnou z aplikace a SMS odchází s předvyplněnou zprávou, že se objednávka blíží.
Hledání a filtry

Fulltext přes zákazníky, čísla objednávek i dodacích listů, k tomu filtry podle vozidla a střediska. I v den se spoustou rozvozů se konkrétní objednávka najde za pár vteřin.
Jeden kód, dva obchody

Aplikace je postavená na Capacitoru s Vue 3 a Framework7, takže jeden kód obsluhuje iOS i Android. Vzadu běží Symfony a API Platform na FrankenPHP v Dockeru, přihlašování jistí JWT a mapy i geokódování obstarává Mapbox.

Aplikace na jednom místě

Dvanáct obrazovek ve dvojicích, jak jdou po sobě: od přihlášení přes dodací listy a předání až po mapu flotily. Zákazníci, jména i částky na záběrech jsou ukázková data z demo prostředí.