Rozvoj dopravy Trnava · Dopravné dáta

Keď sa pohyb mesta dá konečne čítať.

Pre Trnavu sme vytvorili súkromnú analytickú aplikáciu, ktorá spojila dáta mestskej autobusovej dopravy a cyklotrás do jedného pracovného obrazu mesta.

Rok: 2022
Trvanie: 6 mesiacov

Analytická aplikácia pre dopravu v Trnave — Mapa, tabuľky a grafy v hlavnom pracovnom pohľade.

Informácie

Rok: 2022
Trvanie: 6 mesiacov
Typ projektu: Súkromná webová aplikácia
Naša úloha: Aplikáciu sme navrhli a postavili od nuly vrátane spracovania dopravných dát.

Technológie

Vue 3
Python
Leaflet
Chart.js
Quasar

Čo sa dozviete

01Ako spojiť autobusové a cyklistické dáta bez straty kontextu.
02Ako zmeniť mapu na analytický pracovný priestor.
03Ako oddeliť spracovanie dát od rýchleho používateľského rozhrania.

Jedno mesto, dva druhy pohybu

V roku 2022 prichádzali údaje o autobusoch, zastávkach, cestovných lístkoch aj cyklosčítačoch v rôznych súboroch. Cieľom šesťmesačného projektu bolo premeniť ich na jeden súvislý pracovný pohľad.

Import dopravných dát a mapový kontext zobrazené na MacBooku a iPhone — Jeden vstup pre zastávky, linky, cyklosčítače, GPS dáta a cestovné lístky.

01 / Systém pod povrchom

Architektúra, ktorá chránila kontext aj súkromie

Systém sme rozdelili na vstupy, validáciu, lokálnu dátovú vrstvu, spoločné výpočty a pracovné pohľady. Menšie referenčné dáta zostávali v prehliadači. Objemné GPS a lístkové záznamy sa načítavali len pre danú reláciu. Python patril do upstream prípravy dát mimo publikovaného Vue klienta.

Architektúra aplikácie od dopravných súborov cez validáciu a Pinia dátovú vrstvu po mapu, tabuľky, grafy a editor liniek — Vstupy sa najskôr validovali a konvertovali. Pinia potom držala spoločný stav pre GPS, lístky, cyklodáta, mapu aj analytické pohľady.

Autobusová doprava bez dohadov

Mapa spájala linky a zastávky s GPS časmi, čakaním, nástupmi, tržbami a pomerom platieb kartou a hotovosťou. Filtre umožnili prejsť od celého mesta ku konkrétnej linke alebo zastávke.

Editor autobusovej linky na MacBooku vedľa červeného modelu autobusu — Rozhranie umožňovalo skladať trasu a kontrolovať zastávky pre každý smer.

Cyklotrasy ako živá vrstva mesta

Cyklotrasy a sčítače sme zobrazili v rovnakej mapovej logike ako autobusovú sieť. Analytik mohol prepínať vrstvy, skúmať vyťaženosť trás a porovnať dva spôsoby pohybu v spoločnom kontexte.

Editoriálna prezentácia cyklistickej mapy Trnavy na iPhone vedľa zlatého bicykla — Autobusové a cyklistické vrstvy zdieľali jeden mapový kontext mesta.

02 / Cesta analytika

Jedna cesta od súboru po upravenú linku

Analytik najprv skontroloval vstupy, potom otvoril spoločný mapový kontext, vybral zastávku alebo cyklosčítač, zúžil otázku filtrami a napokon pracoval s linkou alebo exportom. Každý krok používal rovnaké údaje, nie samostatne skladané reporty.

Päťkrokový tok od nahrania dopravných dát cez mapu, detail a štatistiky po návrh autobusovej linky — Reálne obrazovky ukazujú celý pracovný tok od importu cez mestský kontext a analýzu až po úpravu linky.

Od súboru k rozhodnutiu

Opakované importy CSV a JSON sme oddelili od prezentačnej vrstvy. Python pripravoval dáta a Vue 3 ich sprístupnil cez mapy, tabuľky a grafy, ktoré sa dali filtrovať bez ručného skladania podkladov.

Dopravné štatistiky a mapa zobrazené spolu na MacBooku a iPhone — Filtrované tabuľky a grafy sprístupnili dopravné dáta v čitateľnej podobe.

03 / Návrhový princíp

Výpočet raz, dôkaz na viacerých miestach

Konverzné utility zjednotili rôzne formáty do spoločných objektov. Rodičovská analytická vrstva potom filtrovala, triedila a agregovala údaje raz a rovnaký výsledok posúvala do tabuľky aj grafu. Rozhranie tak zostalo konzistentné aj bez vymyslenej serverovej vrstvy.

Päťstupňový dátový tok od načítania a normalizácie cez uloženie a spoločný výpočet po mapu, tabuľku, graf a editor — Odvodili sme jeden filtrovaný výsledok a použili ho v tabuľke aj vizualizácii. Dáta sa tak nemuseli spracúvať dvakrát.

Od zdrojových súborov k rozhodnutiu

Súbory a otázky
Zmapovali sme zdrojové súbory a otázky, ktoré mal analytik zodpovedať.
Spoločný dopravný model
Definovali sme spoločný dopravný model a jasnú hranicu validácie každého vstupu.
Mapa drží kontext
Prototypovali sme cestu od mapy cez detail po štatistiky, aby sa pri filtrovaní nestratil kontext.
Jeden výpočet pre viac pohľadov
Zjednotili sme výpočty, zdokumentovali workflow a overili finálne odovzdanie.

Dve siete. Jedno mesto.

Výsledkom bola súkromná aplikácia, v ktorej sa autobusová doprava a cyklistická infraštruktúra dali skúmať vedľa seba. Mesto tak získalo jeden konzistentný priestor pre prácu s dopravnými dátami.