wetter

Aggrégation des prévisions météorologiques plus humides.

Lorsque nous déménageons dans une nouvelle ville, que ce soit pour une courte ou une longue durée, une préoccupation majeure dans notre esprit est l'état météorologique de cet endroit par rapport à notre ville natale. Les conditions météorologiques immédiatement disponibles sur divers sites Web et applications ne sont pas suffisantes pour avoir une bonne comparaison entre les villes par rapport à leur climat.

Nous avons l'intention de développer une application Web qui fournira des informations concernant les différents attributs environnementaux d'une ville particulière. Nous essayons de montrer ces informations de manière graphique avec laquelle l'utilisateur peut interagir.

Configuration et exécution du projet

1. Importation du projet dans Eclipse
   • Ouvrez Eclipse -> Cliquez sur Fichier -> Cliquez sur Importer -> Cliquez sur Général -> Cliquez sur les projets existants dans l'espace de travail. Suivez les instructions à l'écran.
   • Assurez-vous que tous les pots et dossiers de classe sur le chemin de construction sont présents pour le projet.
2. Définir les touches API
   • S'inscrire à
     • Google Maps JavaScript API Key ici
     • Météo API- openweathermap Key ici
     • Clé API Dark Sky ici
   • Définissez les touches ci-dessus dans wetterWebContentresourcesincludesapi.jsp fichier; lignes 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. Définir éventuellement Proxy IE. http.proxyHost && http.proxyPort dans les fichiers:
   • wetterWebContentresourcesincludesapi.jsp ; ligne 24
4. Exécutez le projet sur Apache Tomcat Server.

Écrans

Page d'accueil

Page d'accueil, affichant les calques de carte disponibles dans la liste déroulante

Page de carte, montrant diverses superpositions de calques météorologiques (temporaire, nuage, vent)

Page d'accueil, affichant les places Smart AutoClet Fonction pour la recherche

Page de statistiques (pour la représentation uniquement)

La page de l'emplacement GEO, montre des prévisions météorologiques détaillées en fonction de la géolocalisation de l'utilisateur (Besoin de navigateur pris en charge) avec des unités automatiques (Celsius / Fahrenheit, etc.)

Page de recherche, affiche des prévisions météorologiques détaillées pour le terme de recherche avec des unités automatiques (Celsius / Fahrenheit, etc.)

Ressources de tiers utilisées

Apis

1. API Google Maps JavaScript
2. API-OpenWEATHAP
3. API Sky Sky

Bibliothèques Java:

• JSON en java [package org.json]
  Une bibliothèque Java pour analyser JSON. Utilisé à plusieurs endroits du projet.
• Prévision-lib-java
  Une bibliothèque Java pour l'API Darksky.net (précédemment prévisionnelle.IO). Utilise Minimal-JSON pour analyser la réponse de l'API JSON.

Autre:

• Flat-UI
  Framework de conception (HTML / CSS3 / Moins / JS). L'interface utilisateur plate est basée sur Bootstrap, un cadre confortable, réactif et fonctionnel qui simplifie le développement de sites Web.

• Font génial
  La police emblématique et le cadre CSS. Font Awesome est une suite complète de 634 icônes pictographiques pour des graphiques vectoriels évolutifs faciles sur des sites Web, créés et entretenus par Dave Gandy. Restez à jour avec la dernière version et les annonces sur Twitter: @Fontawesome.

• Icônes météorologiques
  222 Icônes sur le thème de la météo et CSS. Les icônes météorologiques sont la seule police d'icône et CSS avec 222 icônes sur le thème de la météo, prête à être déposée directement dans Bootstrap, ou tout projet qui a besoin d'icônes météorologiques de haute qualité, maritimes et météorologiques!

• Skycons
  SkyCons est un ensemble de dix glyphes météorologiques animés, générés par procédure par JavaScript à l'aide de la balise de canevas HTML5. Ils sont faciles à utiliser et assez légers, ils ne devraient donc pas pleuvoir sur votre défilé.

• jquery
  Une bibliothèque JavaScript multiplateforme conçue pour simplifier le script côté client de HTML.

• JQUERY Geocoding and Place Plugin Assomple
  Un plugin jQuery avancé qui enveloppe le géocodage de l'API Google Maps et place les services de saisie semi-automatique. Vous fournissez simplement une entrée qui vous permet de rechercher des emplacements avec une belle liste déroulante de la saisie semi-automatique. Ajouter éventuellement un conteneur pour afficher une carte interactive et un formulaire qui sera rempli avec les détails de l'adresse.

• Hauts-pards
  HighCharts JS est une bibliothèque de cartographie JavaScript basée sur SVG, avec des bases de VML et de toile pour les anciens navigateurs.

• Brand Logo Gnome-Weher.png de "Paper Icons" de Sam Hewitt est licencié sous CC-SA-4.0

FAIRE

• Améliorer les flux d'information UI
• Ajoutez des comparaisons à travers différentes API de prévision météorologique (par exemple, Openweathermap vs Sket Sky)
• Ajouter une page d'inscription pour un réglage facile des clés API
• Ajouter des pages d'erreur détaillées
• Débarrassez-vous de l'utilisation flagrante des scripts
• Utilisez Maven pour la construction d'automatisation
• Couverture de test de configuration
• Migrez loin de Cloud9 aux plates-formes toujours sur

---

NOTE:

1. La page map.jsp fait des demandes de services aux services API sur le port 8099. Assurez-vous qu'il n'est pas bloqué, sinon vous ne verrez aucun résultat.
2. Certains éléments peuvent ne pas fonctionner en raison de la base de données manquante.