wetter

Влажный - агрегация прогноза погоды.

Когда мы переходим в новый город на короткую или длительную продолжительность, одной из главных забот на нашем уме является погодное состояние этого места по сравнению с нашим родным городом. Сразу же доступные погодные условия на различных веб -сайтах и ​​приложениях недостаточно, чтобы иметь хорошее сравнение между городами по отношению к их климату.

Мы намерены разработать веб -приложение, которое предоставит информацию о различных экологических атрибутах конкретного города. Мы стараемся показать эту информацию графическим образом, с которым пользователь может взаимодействовать.

Настройка проекта и запуск

1. Импорт проекта в Eclipse
   • Откройте Eclipse -> Нажмите File -> Нажмите «Импорт» -> Нажмите General -> Нажмите существующие проекты в рабочее пространство. Следуйте на инструкциях по экрану.
   • Убедитесь, что для проекта присутствуют все банки и классные папки на пути сборки.
2. Установите клавиши API
   • Зарегистрируйтесь
     • Google Maps JavaScript API -ключа здесь
     • Погода Api- OpenWeatherMap ключа здесь
     • Ключ Dark Sky API здесь
   • Установите вышеуказанные ключи в wetterWebContentresourcesincludesapi.jsp File; Линии 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. При желании установить прокси, т.е. http.proxyHost && http.proxyPort в файлах:
   • wetterWebContentresourcesincludesapi.jsp ; строка 24
4. Запустите проект на сервере Apache Tomcat.

Экраны

Домашняя страница

Домашняя страница, показывающая доступные слои карты в раскрывающемся списке

Страница карты, показывающая различные наложения слоя погоды (Temprature, Cloud, Wind)

Домашняя страница, отображаемая с интеллектуальной функцией автозаполнения для поиска

Статистическая страница (только для представления)

На странице местоположения GEO показывается подробный прогноз погоды на основе геолокации пользователя (нуждается в поддерживаемом браузере) с автоматическими единицами (Цельсия/Фаренгейт и т. Д.)

Страница поиска показывает подробный прогноз погоды для поиска с автоматическими единицами (Цельсия/Фаренгейт и т. Д.)

Используются сторонние ресурсы

Апис

1. Google Maps JavaScript API
2. Погода Api- Openweathermap
3. Dark Sky API

Библиотеки Java:

• Json в Java [Package org.json]
  Библиотека Java для анализа JSON. Используется в нескольких местах в рамках проекта.
• Прогноз-либ-ява
  Библиотека Java для API Darksky.net (ранее прогнозирование .IO). Использует минимальный JSON для анализа ответа JSON API.

Другой:

• Flat-Ui
  Проектная структура (HTML/CSS3/Less/JS). Flat UI основан на начальной загрузке, удобной, отзывчивой и функциональной структуре, которая упрощает разработку веб -сайтов.

• Шрифт потрясающий
  Знаменитый шрифт и CSS -структура. Font Awesome - это полный набор из 634 пиктографических значков для легкой масштабируемой векторной графики на веб -сайтах, созданной и поддерживаемой Дейвом Ганди. Будьте в курсе последних выпуска и объявлений в Twitter: @fontawesome.

• Значки погоды
  222 Значок погоды и CSS. Погодные значки - единственный шрифт и значки и CSS с 222 тематическими иконами погоды, готовые к тому, чтобы быть сброшенным в начальную загрузку, или любой проект, который нуждается в высококачественной погоде, морской и метеорологической основе!

• Skycons
  Skycons представляет собой набор из десяти анимированных глифов погоды, обрабатываемых JavaScript с использованием тега HTML5 Canvas. Они просты в использовании и довольно легкие, поэтому они не должны дождь на вашем параде.

• jQuery
  Кроссплатформенная библиотека JavaScript, предназначенную для упрощения сценария HTML на стороне клиента.

• jQuery Geoocoding и помещает автозаполненный плагин
  Усовершенствованный плагин jQuery, который завершает геокодирование Google Maps API и помещает службы автозаполнения. Вы просто предоставляете вход, который позволяет искать местоположения с хорошим выпадающим списком автозаполнения. При желании добавьте контейнер, чтобы показать интерактивную карту и форму, которая будет заполнена деталями адреса.

• Highcharts
  Hightcharts JS - это библиотека диаграммы JavaScript, основанную на SVG, с запасными, на VML и холстом для старых браузеров.

• Логотип бренда gnome-weather.png из «бумаги» Сэма Хьюитта лицензируется в рамках CC-SA-4.0

Дел

• Улучшить пользовательский интерфейс новостей.
• Добавить сравнения по различным API -формам прогноза погоды (например, OpenWeathermap против Dark Sky)
• Добавить страницу регистрации для легкой настройки клавиш API
• Добавить подробные страницы ошибок
• Избавиться от вопиющего использования сценариев
• Используйте Maven для автоматизации сборки
• Настройка тестового покрытия
• Мигрировать от Cloud9 на всегда на платформах

---

ПРИМЕЧАНИЕ:

1. Page map.jsp делает запросы GET в API Services на порту 8099. Убедитесь, что она не заблокирована, иначе вы не увидите никаких результатов.
2. Некоторые элементы могут не работать из -за отсутствующей базы данных.