wetter

ウェット - 天気予報集約。

私たちが短い期間であろうと長い間、新しい都市に移動するとき、私たちの心に関する大きな懸念の1つは、私たちの故郷と比較してその場所の気象条件です。さまざまなWebサイトやアプリですぐに利用可能な気象条件は、気候に関して都市間をよく比較するほど十分ではありません。

特定の都市のさまざまな環境属性に関する情報を提供するWebアプリケーションを開発する予定です。ユーザーが対話できるグラフィカルな方法でこの情報を表示しようとします。

プロジェクトのセットアップと実行

1. プロジェクトを日食にインポートします
   • Eclipse-を開きます- > [ファイル] - > [インポート]をクリックします- > [一般的な[一般] - > [既存のプロジェクト]を[ワークスペースにクリック]をクリックします。画面の指示に従ってください。
   • プロジェクトには、ビルドパス上のすべてのジャーとクラスフォルダーが存在することを確認してください。
2. APIキーを設定します
   • サインアップします
     • GoogleはJavaScript APIキーをここにマップします
     • Weather Api- OpenWeatherMapキーはこちら
     • ダークスカイAPIキーはこちら
   • 上記のキーをwetterWebContentresourcesincludesapi.jspファイルに設定します。 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. オプションでプロキシIEを設定します。 http.proxyHost && http.proxyPort inファイル：
   • wetterWebContentresourcesincludesapi.jsp ; 24行目
4. Apache Tomcat Serverでプロジェクトを実行します。

画面

ホームページ

ホームページ、ドロップダウンで利用可能なマップレイヤーを表示します

さまざまな気象層のオーバーレイ（温度、雲、風）を示すマップページ

ホームページ。検索用のスマートオートコンプリート機能を示しています

統計ページ（表現のみ）

GEOロケーションページは、自動ユニット（摂氏/華氏など）を備えたユーザーのジオロケーション（ニーズサポートブラウザ）に基づく詳細な天気予報を示しています

ルックアップページは、自動ユニット（摂氏/華氏などを使用した検索用語の詳細な天気予報を示しています

使用されるサードパーティのリソース

API

1. GoogleはJavaScript APIをマッピングします
2. Weather Api- OpenWeathermap
3. ダークスカイAPI

Javaライブラリ：

• json in java [パッケージorg.json]
  JSONを解析するためのJavaライブラリ。プロジェクト内の複数の場所で使用されます。
• Forecastio-lib-java
  Darksky.net APIのJavaライブラリ（以前はForecast.io）。 JSON API応答を解析するために最小JSONを使用します。

他の：

• フラットUI
  設計フレームワーク（HTML/CSS3/LESS/JS）。フラットUIは、Webサイトの開発を簡素化する快適で応答性の高い機能的なフレームワークであるBootstrapに基づいています。

• フォント素晴らしい
  象徴的なフォントとCSSフレームワーク。 Font Awesomeは、Dave Gandyによって作成および維持されたWebサイト上の簡単なスケーラブルなベクトルグラフィックスのための634の絵文字アイコンのフルスイートです。 Twitterでの最新リリースとアナウンスメントを最新の状態に保ちます：@fontawesome。

• 天気アイコン
  222天気をテーマにしたアイコンとCSS。天気アイコンは、222の天気をテーマにしたアイコンを備えた唯一のアイコンフォントとCSSであり、ブートストラップにすぐに落とす準備ができています。

• スカイコン
  Skyconsは、HTML5 Canvasタグを使用してJavaScriptによって手続き的に生成される10個のアニメーション天気グリフのセットです。使いやすく、かなり軽量なので、パレードで雨が降ってはいけません。

• jquery
  HTMLのクライアント側のスクリプティングを簡素化するために設計されたクロスプラットフォームJavaScriptライブラリ。

• jQuery GeocodingとAutocompleteプラグインを配置します
  Google Maps APIのジオコーディングをラップし、オートコンプリートサービスを配置する高度なjQueryプラグイン。素敵なオートコンプリートドロップダウンでロケーションを検索できる入力を提供するだけです。オプションで、コンテナを追加して、インタラクティブなマップとアドレスの詳細が入力されるフォームを表示します。

• ハイチャート
  HighCharts JSは、SVGに基づくJavaScriptチャートライブラリであり、古いブラウザ用のVMLとCanvasへのフォールバックを備えています。

• Sam Hewittの「Paper Icons」からのブランドロゴgnome-weather.pngは、CC-SA-4.0の下でライセンスされています

やる

• ニュースフィードUIを改善します
• さまざまな天気予報APIに比べて比較を追加します（例：OpenWeathermap vs. Dark Sky）
• サインアップページを追加して、APIキーを簡単に設定します
• 詳細なエラーページを追加します
• スクリプトレットの露骨な使用を取り除きます
• Mavenを使用して自動化をビルドします
• セットアップテストカバレッジ
• Cloud9から常にオンのプラットフォームに移行します

---

注記：

1. Page map.jsp 、ポート8099でAPIサービスにGetリクエストを行います。ブロックされていないことを確認してください。そうでなければ、結果が表示されません。
2. データベースが欠落しているため、一部の要素は機能しない場合があります。