Der schnellste Weg ist nicht immer der angenehmste.
CityFlow ist eine Web-App für Fußgänger und Radfahrer in Wien. Sie vergleicht Routen nicht nur nach Tempo, sondern nach Wetter, Grünflächen, Trinkbrunnen und Radwegen. Und du bestimmst, was dir wichtig ist.
Diplomarbeit der HTL Wien West, Schuljahr 2026/27
Jetzt am Handy ausprobieren
QR-Code mit der Handykamera scannen, die App öffnet sich im Browser. Über „Zum Startbildschirm hinzufügen“ landet sie wie eine normale App auf deinem Handy, ganz ohne App-Store.
Der Prototyp wächst mit dem Projekt: Karte, Adresssuche und Wetter laufen schon, die Routenberechnung folgt.
Worum es geht
Google Maps und WienMobil finden die schnellste Verbindung. Zu Fuß oder mit dem Rad fragt man sich aber oft etwas anderes: Ist der Weg sonnig und heiß? Regnet es gleich? Gibt es unterwegs Grün, einen Trinkbrunnen, einen Radweg?
CityFlow beantwortet diese Fragen für Wien. Die App berechnet Routen zwischen Start und Ziel und bewertet sie mit zwei Werten: einem Wetter-Score und einem Komfortscore. Den Komfortscore gewichtest du nach deinen eigenen Vorlieben.
Wetter, aktuell
- Temperatur
- Von angenehm bis Hitze.
- Niederschlag
- Wie viel Regen gerade fällt.
- Wind
- Wie stark es weht, vor allem beim Radfahren wichtig.
Komfort entlang der Route
- Grünflächen und Bäume
- Ein angenehmeres Klima an heißen Tagen.
- Trinkbrunnen
- Wasser unterwegs, wenn es warm ist.
- Radwege
- Eigene Radinfrastruktur statt Mischverkehr.
Wem Trinkbrunnen wichtiger sind als Radwege, stellt das einfach ein. Der Score zeigt immer, woraus er sich zusammensetzt.
So funktioniert es
Von der Eingabe bis zum Score arbeiten fünf Schritte zusammen. Zu jedem steht zuerst, was du siehst, und darunter in Grau, was technisch passiert.
-
Start und Ziel festlegen
Du tippst einen Ort oder eine Adresse ein und wählst einen Vorschlag aus. Oder du setzt den Punkt direkt auf der Karte.
Die Adresssuche (Geocoding, nur für Wien) wandelt die Eingabe in Koordinaten um, also Breiten- und Längengrad.
-
Routen berechnen
CityFlow zeigt mehrere Routen für Fußgänger oder Radfahrer gleichzeitig auf der Karte, mit Distanz, Dauer und einzelnen Wegschritten.
Ein Routing-Service (GraphHopper) liefert Alternativen mit Fuß- oder Radprofil. Die Streckenpunkte werden als Linie in die Karte gezeichnet.
-
Wetter bewerten
Das aktuelle Wetter in Wien wird zu einem Wetter-Score von 0 bis 100 zusammengefasst, von „sehr geeignet“ bis „nicht geeignet“.
Open-Meteo liefert Temperatur, Niederschlag und Wind. Jeder Wert wird auf 0 bis 100 umgerechnet und unterschiedlich stark gewichtet.
-
Komfort entlang der Route messen
Für jede Route wird geprüft, was in der Nähe liegt: Radwege, Trinkbrunnen, Bäume und Grünflächen.
Offene Geodaten der Stadt Wien werden aufbereitet und der Strecke räumlich zugeordnet, in einem festen Abstand rund um die Route.
-
Komfortscore berechnen
Aus den Einzelwerten entsteht ein Score von 0 bis 100. Du legst fest, wie wichtig dir jeder Faktor ist, und siehst, was den Score hebt oder senkt.
Der Score ist das gewichtete Mittel der Teilwerte. Alle Teilwerte und Gewichte bleiben sichtbar, damit die Bewertung nachvollziehbar ist.
Technik im Überblick
- Progressive Web App
- Läuft im Browser, lässt sich auf dem Startbildschirm installieren und ist für Smartphones entworfen (Mobile First).
- Karte
- Leaflet mit Kartendaten von OpenStreetMap.
- Routing
- GraphHopper, mit Profilen für Fußgänger und Radfahrer.
- Wetter
- Open-Meteo mit aktuellen Daten für Wien.
- Geodaten
- Offene Daten der Stadt Wien: Radfahranlagen, Trinkbrunnen, Grünflächen und Bäume.
- Hosting
- Firebase Hosting.
Das Team
Wir sind vier Schüler der 5BHITM an der HTL Wien West und arbeiten nach Scrum. Jeder baut einen eigenen Teil, am Ende fügen wir alles zusammen. Betreut werden wir von DI Lukas Pezenka MSc.
-
Mohamad Fayad
Product Owner und Developer
Grundstruktur, Karte und Standort
Baut das Fundament: die interaktive Wien-Karte, die mobile Oberfläche als installierbare Web-App, den Standort mit Bewegungsrichtung und die Darstellung der Routen mit ihren Wegschritten. Er richtet auch das Hosting über Firebase ein.
-
Tristan Csaplár
Scrum Master und Developer
Routenberechnung und Routenanzeige
Bindet den Routing-Service an und berechnet mehrere Routen für Fußgänger und Radfahrer. Zu jeder Route liefert er Verlauf, Distanz und geschätzte Dauer und fängt Fehler der Schnittstelle ab.
-
Thomas Buchmann
Developer
Adresssuche, Wetterdaten und Wetter-Score
Wandelt Adressen in Koordinaten um, holt aktuelle Wetterdaten und berechnet daraus den Wetter-Score. Der Score wird zusammen mit den einzelnen Wetterfaktoren angezeigt.
-
Hamid Zeraki
Developer
Offene Wien-Daten und Komfortscore
Bereitet Geodaten der Stadt Wien zu Radwegen, Trinkbrunnen und Grünflächen auf und entwickelt den nachvollziehbaren Komfortscore samt Gewichtung der Faktoren.