Ich wollte ein Werkzeug haben, das m\u00f6glichst viele dieser Arbeitsschritte (automatisiert) \u00fcbernimmt und mir am Ende einen fertigen Baustein liefert, den ich direkt in meinen WordPress-Beitrag \u00fcbernehmen kann. Also habe ich mir dieses Werkzeug selbst gebaut.<\/p>\n
\n
Die Idee hinter dem Outdoor Tour Reporter<\/h2>\n
Mein Ziel war von Anfang an ziemlich klar: Aus den Daten, die w\u00e4hrend einer Wanderung ohnehin entstehen, soll mit m\u00f6glichst wenig manueller Arbeit eine ansprechende und interaktive Darstellung der Tour f\u00fcr meinen Blog werden. Dabei kommen bei mir haupts\u00e4chlich drei Quellen zusammen:<\/p>\n
- \n
- Mein Garmin GPS-Ger\u00e4t<\/strong> zeichnet w\u00e4hrend der Wanderung die Route auf. Der anschlie\u00dfend exportierte GPX-Track enth\u00e4lt die geografischen Koordinaten und H\u00f6hendaten der Tour.<\/li>\n
- Mein Smartphone <\/strong>ist unterwegs meine wichtigste Kamera. Es ist ohnehin dabei, schnell griffbereit und die aufgenommenen Fotos enthalten normalerweise GPS-Informationen in ihren EXIF-Daten.<\/li>\n
- Und wenn sich die Gelegenheit bietet, kommt noch meine DJI Mini 2<\/strong> dazu. Mit ihr entstehen Luftaufnahmen und Videos, die eine Wanderung noch einmal aus einer v\u00f6llig anderen Perspektive zeigen.<\/li>\n<\/ul>\n
Diese drei Welten wollte ich zusammenbringen. Nicht in einem weiteren Online-Dienst und auch nicht in einem komplizierten Workflow aus verschiedenen Programmen, sondern in einer eigenen Windows-Anwendung. Das Ergebnis ist der Outdoor Tour Reporter<\/strong>.<\/p>\n
\nWas macht der Outdoor Tour Reporter?<\/h2>\n
Der Outdoor Tour Reporter nimmt die verschiedenen Bestandteile einer Tour entgegen und f\u00fchrt sie zu einem gemeinsamen Tourenbericht zusammen.<\/p>\n
Die Grundlage bildet zun\u00e4chst der GPX-Track<\/strong>. Aus ihm kann die Anwendung unter anderem die zur\u00fcckgelegte Strecke und das H\u00f6henprofil ermitteln. Daraus entstehen Informationen wie:<\/p>\n
- \n
- Gesamtdistanz<\/li>\n
- Aufstieg<\/li>\n
- Abstieg<\/li>\n
- h\u00f6chster Punkt<\/li>\n
- tiefster Punkt<\/li>\n
- Streckenverlauf<\/li>\n
- H\u00f6henprofil<\/li>\n<\/ul>\n
Damit allein w\u00e4re es allerdings nur eine klassische GPX-Auswertung. Interessanter wird es durch die Verbindung mit Fotos (und optional mit Videos).<\/p>\n
![\"\"](\"https:\/\/www.marcelcuvelier.de\/wp-content\/uploads\/2026\/08\/Outdoor-Tour-Reporter-Main-Screenshot-1024x472.png\")
<\/a><\/p>\n
\nFotos automatisch auf der Wanderroute positionieren<\/h2>\n
Einer meiner wichtigsten W\u00fcnsche f\u00fcr das Programm war die automatische Zuordnung meiner Fotos zur Wanderroute. Fotos vom Smartphone enthalten in der Regel GPS-Koordinaten (wenn das entsprechend in der Kamera App eingestellt wurde\/ist) in den EXIF-Metadaten<\/strong>. Der Outdoor Tour Reporter kann diese Informationen auswerten und die Bilder dadurch geografisch der Tour zuordnen. Das bedeutet: Ich muss nicht nachtr\u00e4glich \u00fcberlegen, an welcher Stelle einer Wanderung ein bestimmtes Foto entstanden ist – die Information steckt bereits im Bild. Der Outdoor Tour Reporter nutzt diese Daten und kann die Fotos an den entsprechenden Positionen auf der interaktiven Karte darstellen. Ein Klick auf einen Marker \u00f6ffnet anschlie\u00dfend das zugeh\u00f6rige Bild mit weiteren Informationen. Gerade bei l\u00e4ngeren Wanderungen mit vielen Fotos finde ich diese Funktion enorm praktisch.<\/p>\n
\nDJI-Aufnahmen geh\u00f6ren f\u00fcr mich (manchmal) ebenfalls zur Tour<\/h2>\n
Neben klassischen Fotos wollte ich auch meine Drohnenaufnahmen ber\u00fccksichtigen. Bei geeigneten Touren nehme ich meine DJI Mini 2<\/strong> mit. Die Aufnahmen aus der Luft geh\u00f6ren f\u00fcr mich genauso zu einer Tour wie Fotos vom Weg oder der aufgezeichnete GPS-Track. Deshalb unterst\u00fctzt der Outdoor Tour Reporter auch die Verarbeitung entsprechender Videodaten. Dabei k\u00f6nnen Telemetrieinformationen aus DJI-Aufnahmen ber\u00fccksichtigt und Videos in die Darstellung der Tour integriert werden. (Randnotiz: Das war w\u00e4hrend der Implementierung nicht die kleinste H\u00fcrde.) So entsteht am Ende nicht einfach nur eine Linie auf einer Karte, sondern eine multimediale Dokumentation der Wanderung.<\/p>\n
\nInteraktive Karte statt nur statischem Screenshot<\/h2>\n
Ein besonders wichtiger Bestandteil ist f\u00fcr mich die Karte. F\u00fcr die Kartendarstellung setzt der Outdoor Tour Reporter auf Leaflet<\/strong>. Die Open-Source-JavaScript-Bibliothek eignet sich hervorragend f\u00fcr interaktive Karten im Browser. Der GPX-Track wird dabei als Route auf der Karte dargestellt. Hinzu kommen die Positionen der aufgenommenen Fotos und gegebenenfalls weitere Medien. Das hat gegen\u00fcber einem einfachen Karten-Screenshot einen entscheidenden Vorteil:<\/p>\n
Der Leser kann die Tour tats\u00e4chlich erkunden.<\/p>\n
Die Karte l\u00e4sst sich verschieben und zoomen und die einzelnen Fotopositionen k\u00f6nnen direkt aufgerufen werden. Als Kartenbasis k\u00f6nnen beispielsweise Kartendaten von OpenStreetMap<\/strong> (OSM) verwendet werden. Ich bevorzuge eh f\u00fcr die verschiedensten Anwendungen die OSM – da lag das also nahe.<\/p>\n
\nEin interaktives H\u00f6henprofil geh\u00f6rt nat\u00fcrlich dazu<\/h2>\n
Neben der Karte geh\u00f6rt f\u00fcr mich zu einem guten Wanderbericht immer ein H\u00f6henprofil. Daf\u00fcr verwendet der Outdoor Tour Reporter Chart.js<\/strong>.<\/p>\n
Aus den H\u00f6heninformationen des GPX-Tracks entsteht ein interaktives Diagramm, das den H\u00f6henverlauf \u00fcber die gesamte Strecke zeigt. Zus\u00e4tzlich werden die wichtigsten Werte \u00fcbersichtlich zusammengefasst, beispielsweise Anstieg, Abstieg sowie h\u00f6chster und tiefster Punkt der Tour.<\/p>\n
Besonders sch\u00f6n finde ich die Verbindung zwischen Karte und H\u00f6henprofil: Die Tour wird dadurch nicht nur geografisch, sondern auch hinsichtlich ihres Streckenverlaufs wesentlich anschaulicher. Das war (bisher) die h\u00e4rteste Nuss w\u00e4hrend der Implementierung und hat mich viele Stunden gekostet.<\/p>\n
\nVon den Rohdaten zum fertigen WordPress-Code<\/h2>\n
Das eigentliche Ziel des Projekts war aber nie nur die Darstellung innerhalb des Programms. Der entscheidende Punkt lautet: Ich m\u00f6chte das Ergebnis in WordPress verwenden.<\/strong><\/p>\n
Der Outdoor Tour Reporter erzeugt deshalb aus den Tourdaten den ben\u00f6tigten HTML-, CSS- und JavaScript-Code f\u00fcr den sp\u00e4teren Blogbeitrag. Der generierte WordPress-Code enth\u00e4lt unter anderem die Tourinformationen, die interaktive Leaflet-Karte, das H\u00f6henprofil, Statistikwerte sowie die Verkn\u00fcpfungen zu Fotos und Videos.<\/p>\n
Die einzelnen Bereiche des erzeugten Codes werden dabei klar voneinander getrennt und durch HTML-Kommentare gekennzeichnet. Dadurch bleibt der exportierte Code auch dann nachvollziehbar, wenn ich sp\u00e4ter direkt im WordPress-Editor noch etwas ver\u00e4ndern m\u00f6chte.<\/p>\n
Das ist f\u00fcr mich ein wichtiger Punkt: Die Anwendung soll Arbeit automatisieren, mir aber nicht die Kontrolle \u00fcber das Ergebnis nehmen.<\/p>\n
\nGPX-Download f\u00fcr die Leser<\/h2>\n
Wer eine interessante Wanderung auf meinem Blog findet, m\u00f6chte sie vielleicht selbst einmal gehen. Deshalb kann der Outdoor Tour Reporter zus\u00e4tzlich einen entsprechenden GPX-Download<\/strong> f\u00fcr den WordPress-Beitrag vorbereiten. Damit kann ich meinen Lesern nicht nur zeigen, wo ich unterwegs war. Sie k\u00f6nnen sich die Route auch herunterladen und auf einem eigenen GPS-Ger\u00e4t oder einer entsprechenden App verwenden. Aus einem normalen Wanderbericht wird dadurch gleichzeitig eine praktische Tourenvorlage.<\/p>\n
\nMein Workflow mit dem Outdoor Tour Reporter<\/h2>\n
Mein Ablauf sieht inzwischen ungef\u00e4hr so aus:<\/p>\n
W\u00e4hrend der Wanderung<\/strong> zeichnet mein Garmin die Route auf. Fotos entstehen mit dem Smartphone und besondere Szenen nehme ich gegebenenfalls zus\u00e4tzlich mit der DJI Mini 2 auf. Nach der Wanderung \u00fcbertrage ich die Daten auf meinen Windows-PC. Im Outdoor Tour Reporter lade ich anschlie\u00dfend den GPX-Track sowie die gew\u00fcnschten Fotos und Videos. Das Programm analysiert die verschiedenen Informationen und f\u00fchrt sie zusammen. Danach erg\u00e4nze ich die eigentlichen Informationen zur Tour \u2013 beispielsweise Titel, Datum, Schwierigkeitsgrad und Beschreibung. In der Vorschau kann ich kontrollieren, wie Karte, H\u00f6henprofil und Medien zusammenspielen. Anschlie\u00dfend lasse ich den ben\u00f6tigten Code f\u00fcr WordPress erzeugen. Diesen kann ich in meinen Blogbeitrag \u00fcbernehmen und dort noch den eigentlichen redaktionellen Teil meines Wanderberichts erg\u00e4nzen. Genau diese Trennung gef\u00e4llt mir inzwischen besonders gut:<\/p>\n
Der Outdoor Tour Reporter k\u00fcmmert sich um die technische Aufbereitung \u2013 ich kann mich auf den eigentlichen Bericht konzentrieren.<\/strong><\/p>\n
\nWas technisch hinter dem Outdoor Tour Reporter steckt<\/h2>\n
Der Outdoor Tour Reporter ist eine klassische Windows-Desktopanwendung und wurde von mir in C# auf Basis von .NET 8 und Windows Forms<\/strong> entwickelt. Dabei kommen unterschiedliche Technologien und Datenformate zusammen. GPX-Dateien bilden die Grundlage f\u00fcr Strecke und H\u00f6henprofil. EXIF-Metadaten liefern geografische Informationen zu Fotos. F\u00fcr interaktive Karten kommt Leaflet zum Einsatz, w\u00e4hrend Chart.js die grafische Darstellung des H\u00f6henprofils \u00fcbernimmt.<\/p>\n
Auch die Verarbeitung von Videos und deren Vorbereitung f\u00fcr die Verwendung im Web geh\u00f6rt zum Funktionsumfang. F\u00fcr entsprechende Aufgaben kann FFmpeg<\/strong> als externe Laufzeitkomponente eingesetzt werden.<\/p>\n
Das Spannende an diesem Projekt ist f\u00fcr mich gerade diese Mischung:<\/p>\n
Auf der einen Seite steht eine klassische Windows-Anwendung in C# und .NET. Auf der anderen Seite erzeugt das Programm Web-Technologien wie HTML, CSS und JavaScript<\/strong>, die anschlie\u00dfend innerhalb von WordPress ausgef\u00fchrt werden.<\/p>\n
Dazwischen liegen GPX-, GPS-, EXIF-, Foto- und Videodaten.<\/p>\n
Genau diese Kombination macht das Projekt f\u00fcr mich technisch besonders interessant.<\/p>\n
\nEntwicklung mit Git und GitLab CI\/CD<\/h2>\n
Auch die Entwicklung des Outdoor Tour Reporters selbst habe ich inzwischen st\u00e4rker automatisiert. Der Quellcode wird mit Git<\/strong> versioniert und \u00fcber GitLab<\/strong> verwaltet. F\u00fcr neue \u00c4nderungen l\u00e4uft eine CI\/CD-Pipeline, die unter anderem Regressionstests und den Windows-Build ausf\u00fchrt. Dadurch kann gepr\u00fcft werden, ob \u00c4nderungen unerwartet bestehende Funktionen beeintr\u00e4chtigen. F\u00fcr eine neue Version wird anschlie\u00dfend ein Windows-Build erzeugt und als Release bereitgestellt.<\/p>\n
Das ist f\u00fcr ein pers\u00f6nliches Projekt vielleicht etwas mehr Infrastruktur, als zwingend notwendig w\u00e4re \u2013 f\u00fcr mich geh\u00f6rt es aber inzwischen zum Projekt dazu. Gerade wenn eine Anwendung w\u00e4chst, ist es angenehm, Builds und grundlegende Pr\u00fcfungen nicht jedes Mal komplett von Hand durchf\u00fchren zu m\u00fcssen. Und so habe ich zusammen mit meinem KI-Kollegen ganz viel Neues erlernt.<\/p>\n
\nOutdoor Tour Reporter herunterladen<\/h2>\n
Wer den Outdoor Tour Reporter selbst ausprobieren m\u00f6chte, findet die aktuelle Windows-Version in meinem \u00f6ffentlichen GitLab-Projekt.<\/p>\n
GitLab-Projekt:<\/strong>
https:\/\/gitlab.com\/Wa77ace\/outdoor-tour-reporter<\/code><\/a><\/p>\n
- Mein Smartphone <\/strong>ist unterwegs meine wichtigste Kamera. Es ist ohnehin dabei, schnell griffbereit und die aufgenommenen Fotos enthalten normalerweise GPS-Informationen in ihren EXIF-Daten.<\/li>\n
![\"\"](\"https:\/\/www.marcelcuvelier.de\/wp-content\/uploads\/2026\/08\/Outdoor-Tour-Reporter-Main-Screenshot.png\")
<\/a><\/p>\n