wetter

Feuchter - Wettervorhersageaggregation.

Wenn wir in eine neue Stadt ziehen, sei es für eine kurze oder lange Dauer, ist ein wichtiges Anliegen in unserem Kopf die Wetterbedingung dieses Ortes im Vergleich zu unserer Heimatstadt. Sofort verfügbare Wetterbedingungen auf verschiedenen Websites und Apps reichen nicht aus, um einen guten Vergleich zwischen den Städten in Bezug auf ihr Klima zu haben.

Wir beabsichtigen, eine Webanwendung zu entwickeln, die Informationen zu den verschiedenen Umweltattributen einer bestimmten Stadt liefert. Wir versuchen, diese Informationen grafisch anzuzeigen, mit denen der Benutzer interagieren kann.

Projekt -Setup und Ausführen

1. Importieren des Projekts in die Sonnenfinsternis importieren
   • Öffnen Sie Eclipse -> Klicken Sie auf Datei -> Klicken Sie auf Importieren -> Allgemein klicken -> Klicken Sie in den Arbeitsbereich vorhandene Projekte. Befolgen Sie die Bildschirmanweisungen.
   • Stellen Sie sicher, dass alle Gläser und Klassenordner auf dem Build -Pfad für das Projekt vorhanden sind.
2. Stellen Sie API -Schlüssel ein
   • Melden Sie sich an
     • Google Maps JavaScript API -Schlüssel hier
     • Wetterapi-OpenWeathermap-Schlüssel hier
     • Dark Sky API -Schlüssel hier
   • Stellen Sie die obigen Schlüssel in wetterWebContentresourcesincludesapi.jsp -Datei ein; Zeilen 4,5,6.

      String api_key_GoogleMapsJavaScript   = "INSERT_YOUR_KEY" ;
     String api_key_OpenWeatherMap         = "INSERT_YOUR_KEY" ;
     String api_key_DarkSky                = "INSERT_YOUR_KEY" ;

3. Optional stellen Sie den Proxy fest, dh. http.proxyHost && http.proxyPort in Dateien:
   • wetterWebContentresourcesincludesapi.jsp ; Zeile 24
4. Führen Sie das Projekt auf Apache Tomcat Server aus.

Bildschirme

Startseite

Homepage, die verfügbare Kartenschichten in Dropdown angezeigt

Kartenseite, angezeigt verschiedene Wetterschichtüberlagerungen (Tempature, Wolke, Wind)

Homepage, angezeigt Plätze intelligente Autokaponete -Funktionen für die Suche

Statistikseite (nur zur Darstellung)

Die GEO -Standortseite zeigt eine detaillierte Wettervorhersage auf der Grundlage der Geolokalisierung des Benutzers (benötigt unterstützten Browser) mit automatischen Einheiten (Celsius/Fahrenheit usw.).

Suchseite zeigt eine detaillierte Wettervorhersage für den Suchbegriff mit automatischen Einheiten an (Celsius/Fahrenheit usw.)

Ressourcen von Drittanbietern verwendet

Apis

1. Google Maps JavaScript API
2. Wetterapi-OpenWeathermap
3. Dark Sky API

Java -Bibliotheken:

• JSON in Java [Paket org.json]
  Eine Java -Bibliothek zum Parsen von JSON. An mehreren Stellen innerhalb des Projekts verwendet.
• Vorhersage-Lib-Java
  Eine Java -Bibliothek für die Darksky.net -API (zuvor prognostiziert.io). Verwendet minimal-json zum Parsen der JSON-API-Antwort.

Andere:

• Flach-ui
  Design Framework (HTML/CSS3/LEWN/JS). Flat UI basiert auf Bootstrap, einem komfortablen, reaktionsschnellen und funktionalen Framework, der die Entwicklung von Websites vereinfacht.

• Schriftart großartig
  Das ikonische Schriftart und das CSS -Framework. Font Awesome ist eine vollständige Suite von 634 piktografischen Ikonen für einfach skalierbare Vektorgrafiken auf Websites, die von Dave Gandy erstellt und gepflegt werden. Bleiben Sie mit der neuesten Veröffentlichung und Ankündigungen auf Twitter auf dem Laufenden: @FontAwesome.

• Wettersymbole
  222 Ikonen und CSS. Weather Icons sind die einzige Ikone -Schriftart und CSS mit 222 Weathered -Ikonen, die direkt in Bootstrap fallen gelassen werden können, oder jedes Projekt, das hochwertige Wetter-, See- und meteorologische Ikonen benötigt!

• Skycons
  Skycons ist ein Satz von zehn animierten Wetterglyphen, die von JavaScript mit dem HTML5 -Canvas -Tag prozedural generiert werden. Sie sind einfach zu bedienen und ziemlich leicht, sodass sie nicht auf Ihrer Parade regnen sollten.

• JQuery
  Eine plattformübergreifende JavaScript-Bibliothek, mit der das clientseitige Skript von HTML vereinfacht wird.

• JQuery Geocoding und platziert automatisch abgeschlossenes Plugin
  Ein fortgeschrittenes JQuery -Plugin, das die Geokodierung der Google Maps -API einbringt und automatische Dienste bereitstellt. Sie geben einfach eine Eingabe an, mit der Sie nach Standorten mit einer schönen Autocomplete Dropdown suchen können. Fügen Sie optional einen Container hinzu, um eine interaktive Karte und ein Formular anzuzeigen, das mit den Adressdetails gefüllt ist.

• Highcharts
  HighCharts JS ist eine JavaScript -Charting -Bibliothek, die auf SVG basiert, mit Fallbacks an VML und Leinwand für alte Browser.

• Brand Logo Gnome-weather.png von "Paper Icons" von Sam Hewitt ist unter CC-SA-4.0 lizenziert

Aufgabe

• Verbesserung der Newsfeeds UI
• Fügen Sie Vergleiche über verschiedene APIs der Wettervorhersage hinzu (z. B. OpenWeathermap gegen Dark Sky)
• Fügen Sie die Anmeldeseite hinzu, um die Einstellung der API-Schlüssel einfach einzustellen
• Fügen Sie detaillierte Fehlerseiten hinzu
• Befreien Sie sich von der offensichtlichen Verwendung von Skriptlets
• Verwenden Sie Maven für die Build -Automatisierung
• Setup -Testabdeckung
• Migrieren Sie von Cloud9 auf immer auf Plattformen weg

---

NOTIZ:

1. Die Page map.jsp stellt GET -Anfragen an API -Dienste auf Port 8099 ab. Stellen Sie sicher, dass sie nicht blockiert ist. Andernfalls werden Sie keine Ergebnisse sehen.
2. Einige Elemente funktionieren möglicherweise nicht aufgrund fehlender Datenbank.