Ausbildungs- und Lernprojekt

Wetter-App

.NET MAUI

Die Wetter-App ist eine mobile Lernanwendung zur übersichtlichen Darstellung aktueller Wetter- und Umweltdaten.

Die Anwendung lädt Wetterdaten über eine externe Schnittstelle, verarbeitet die JSON-Antworten und stellt die wichtigsten Werte in mehreren mobilen Ansichten dar. Dazu gehören klassische Wetterwerte ebenso wie ergänzende Informationen zur Luftqualität.

Als spätere Erweiterung ist vorgesehen, zusätzlich Messwerte meiner eigenen Smart-Home-Wetterstation einzubinden. Dadurch kann die App künftig externe Wetterdaten und lokale Sensordaten miteinander verbinden.

.NET MAUI C# XAML OpenWeatherMap API JSON Mobile UI

Projektart

Mobile Lernanwendung

Schwerpunkt

API-Anbindung und mobile Datenanzeige

Ziel

Wetter- und Umweltdaten verständlich darstellen

Kurz erklärt: Die App verbindet mobile Entwicklung mit API-Anbindung und verständlicher Datenvisualisierung. Eine spätere Einbindung eigener Sensordaten ist bereits als Erweiterung vorgesehen.
Projektziel

Ziel des Projekts

Mobil

Ziel war die Entwicklung einer mobilen Wetter-App, mit der aktuelle Wetter- und Umweltdaten verständlich dargestellt werden können.

Die App sollte nicht nur einzelne Zahlen anzeigen, sondern die wichtigsten Informationen in mehreren übersichtlichen Ansichten bündeln. Dadurch lassen sich Wetterdaten schnell erfassen und unterschiedliche Werte klar voneinander trennen.

Zusätzlich sollte das Projekt zeigen, wie externe Schnittstellen, Datenverarbeitung und mobile Benutzeroberflächen in einer praxisnahen Anwendung zusammenspielen.

Übersichtlichkeit

Wichtige Wetterwerte werden kompakt und verständlich angezeigt.

Mobile Nutzung

Die Oberfläche ist auf die Darstellung auf Smartphones ausgelegt.

Erweiterbarkeit

Weitere Messwerte und lokale Datenquellen können später ergänzt werden.

Funktionen

Umgesetzte Funktionen

Realisiert

Die Wetter-App besitzt mehrere Ansichten für aktuelle Wetterwerte, detaillierte OpenWeather-Daten und ergänzende Umweltinformationen.

Über den Button „Lade Wetter“ können die Werte aktualisiert werden. Die geladenen Daten werden anschließend verarbeitet und den passenden Bereichen der App zugeordnet.

Aktuelles Wetter

Anzeige von Temperatur, Luftfeuchtigkeit, Windgeschwindigkeit und Regenmenge.

Standortanzeige

Darstellung des ausgewählten Standorts, zum Beispiel Gräfenhainichen.

OpenWeather-Daten

Anzeige von Temperatur, Wetterbeschreibung, Luftfeuchtigkeit, Luftdruck, Wind und PM10.

Umweltdaten

Separate Ansicht für AQI, CO, NO, NO₂, Ozon, SO₂, Feinstaub, Grobpartikel und Ammoniak.

Startansicht der Wetter-App mit kompaktem Überblick über Wetterdaten
Startansicht mit kompaktem Überblick über die wichtigsten Wetterdaten.
Detailansicht der Wetter-App mit Daten aus der OpenWeatherMap-API
Detailansicht mit Wetterwerten aus der OpenWeatherMap-API.
Umweltansicht der Wetter-App mit Luftqualitäts- und Schadstoffwerten
Separate Umweltansicht mit Luftqualitäts- und Schadstoffwerten.
Technik

Technischer Aufbau

API-Anbindung

Die App wurde als mobile Anwendung mit .NET MAUI umgesetzt und verarbeitet Wetterdaten aus einer externen Schnittstelle.

Die API-Antworten werden als strukturierte Daten geladen, ausgewertet und den einzelnen Ansichten der App zugeordnet. Dadurch können unterschiedliche Wetter- und Umweltwerte übersichtlich dargestellt werden.

Die spätere Einbindung meiner eigenen Smart-Home-Wetterstation ist als Erweiterung vorgesehen. Diese kann zusätzliche lokale Messwerte liefern, unter anderem Wind-, Regen-, Bodenfeuchtigkeits- und UV-Daten.

App-Technologie .NET MAUI
Programmiersprache C#
Oberfläche XAML und mobile UI-Elemente
Externe Datenquelle OpenWeatherMap API
Datenformat JSON / API-Daten
Geplante Erweiterung Einbindung der eigenen Smart-Home-Wetterstation
Eigene Umsetzung

Mein Beitrag

Selbst umgesetzt

Die Wetter-App wurde von mir als mobile Lernanwendung geplant und umgesetzt. Mein Schwerpunkt lag auf der Verarbeitung externer API-Daten und einer verständlichen Darstellung auf dem Smartphone.

  • Aufbau der mobilen Oberfläche mit .NET MAUI und XAML.
  • Einbindung und Auswertung von Wetterdaten über eine externe API.
  • Verarbeitung strukturierter JSON-Antworten.
  • Zuordnung der Messwerte zu mehreren App-Ansichten.
  • Darstellung von Wetter-, Luftqualitäts- und Umweltwerten.
  • Vorbereitung der Anwendung für spätere Sensor-Erweiterungen.
Mein Fokus: Nicht nur Daten laden, sondern sie so aufbereiten, dass die wichtigsten Werte auf dem Smartphone schnell verständlich bleiben.
Ausblick

Mögliche Erweiterungen

Geplant

Die Wetter-App kann künftig um zusätzliche Datenquellen und weitere Darstellungsformen ergänzt werden.

Eigene Wetterstation

Einbindung der Messwerte meiner Smart-Home-Wetterstation.

UV-Messwerte

Ergänzung der UV-A-, UV-B- und UV-C-Werte des AS7331-Sensors.

Verlaufsdaten

Darstellung historischer Messwerte in Diagrammen.

Lokale Sensorwerte

Zusätzliche Anzeige von Wind, Regenmenge und Bodenfeuchtigkeit.

Zusammenhang: Die separate Smart-Home-Wetterstation bildet die technische Grundlage für eine spätere Erweiterung der mobilen App um eigene Messwerte.
Abschluss

Ergebnis

Lernprojekt abgeschlossen

Entstanden ist eine mobile Wetter-App mit mehreren Ansichten für aktuelle Wetterdaten, OpenWeather-Daten und ergänzende Umweltinformationen.

Die App zeigt, wie externe API-Daten verarbeitet und in einer mobilen Benutzeroberfläche übersichtlich dargestellt werden können. Gleichzeitig bleibt die Anwendung offen für spätere Erweiterungen durch eigene Sensordaten.

Praxisbezug Verbindung aus App-Entwicklung, API-Anbindung und mobiler Datenanzeige.
Lerneffekt Vertiefung von Datenverarbeitung, UI-Gestaltung und Schnittstellen-Nutzung.
Erweiterbarkeit Die App kann später um lokale Sensorwerte und zusätzliche Ansichten ergänzt werden.
Zusammenfassung Ein kompaktes Lernprojekt zur verständlichen Darstellung von Wetter- und Umweltwerten.