Веб‑система Гисметео

Все знают Гисметео как сайт с прогнозом погоды. Но главный продукт компании — настольная профессиональная система для визуализации и обработки метеорологических данных. Системе больше 30 лет, она используется метеорологическими учреждениями, аэропортами, МЧС, армией и в сельском хозяйстве. Чтобы привлечь новых клиентов, упростить обновление и понизить стоимость поддержки, Гисметео переводит клиент‑серверную настольную программу в модульную облачную веб‑систему с обработкой данных в реальном времени. В бюро спроектировали и выпустили новую веб‑систему.
gis.mapmakers.ru
· 17 декабря 2020

Это один из самых амбициозных проектов, в которых участвовало бюро, не только с точки зрения проектирования сложного интерфейса, но и организации и планирования работы. В больших проектах существует риск скатиться в фичеризм, затянуть сроки и в результате выпустить (или вовсе не выпустить!) тяжеловесный продукт, который работает хуже, чем раньше. Часто крупные компании, которые поддерживают свои давно работающие и успешные продукты, оказываются неспособны вести проекты и выпускать революционные обновления, — c Гисметео оказался совсем другой случай.

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

Напишите нам о своей задаче

Было: клиент‑серверная настольная программа

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

Стало: браузер и облако

Гисметео обрабатывает погодные данные в облаке и передаёт их синоптику прямо в браузер. Синоптик работает когда и где угодно: для работы нужен лишь компьютер с интернетом. Обновление системы происходит централизованно для всех пользователей, без выезда сотрудника Гисметео. Система доступна небольшим компаниям, погодным бюро и фермерским хозяйствам.

Как синоптик готовит прогноз

Погодные станции по всему земному шару измеряют давление, температуру, ветер, влажность, облачность и осадки.

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

Синоптик наносит данные фактических измерений и расчётов на карту в системе Гисметео и готовит свой прогноз.

Представление данных

Синоптик наносит на карту необходимые для построения прогноза данные: температуру, ветер, давление, осадки, влажность и другие. Затем он настраивает форму представления этих данных:

Интерфейс системы устроен так, чтобы как можно меньше закрывать карту. Синоптик переключается между слайдами и работает со слоями, не теряя данные из виду.

Во время работы синоптик свободно перемещается по карте. Чтобы быстро вернуться к нужной области и масштабу, он использует историю просмотров и закладки.

Приземная наноска

Измерения погодных станций отображаются в виде пуансонов. Каждый пуансон соответствует реальной станции. Форма и конструкция пуансонов существуют со времен, когда синоптики строили прогнозы на бумаге.

Бюросанс Метео

На картах системы используется шрифт «Бюросанс». А ещё специально для отображения пуансонов в бюро разработали расширенную версию «Бюросанса» с иконками из синоптического кода. Особое внимание в шрифте уделено читаемости в мелком кегле.

Ясно
Облачность 1 балл
Облачность 2⁠—3 балла
Облачность 4 балла
Облачность 5 баллов
Облачность 6 баллов
Облачность 7⁠—8 баллов
Облачность 9 баллов
Облачность 10 баллов
Небо не видно
Слабая гроза со снегом
Ясно. Безветренно
Облачность 1 балл. Безветренно
Облачность 2⁠—3 балла. Безветренно
Облачность 4 балла. Безветренно
Облачность 5 баллов. Безветренно
Облачность 6 баллов. Безветренно
Облачность 7⁠—8 баллов. Безветренно
Облачность 9 баллов. Безветренно
Облачность 10 баллов. Безветренно
Небо не видно. Безветренно
Сильная гроза со снегом
Плоские кучевые облака
Средние или мощные кучевые облака
Кучево‑дождевые облака
Слоисто‑кучевые облака
Слоисто‑кучевые облака из кучевых или кучево‑дож­девых
Слоистые облака
Разор­ван­ные слоистые облака
Слоисто‑куче­вые и кучевые облака
Кучево‑дож­девые облака
Просвечи­вающие высоко­слоистые облака
Непросвечи­вающие высоко­слоистые или слоисто‑дож­девые облака
Высоко­кучевые облака не изменяются
Высоко­кучевые облака изменяются
Распрос­тра­няющиеся высоко­кучевые облака
Высоко­кучевые облака из кучевых
Высоко­слоистые плотные облака
Высоко­кучевые башенко­образные облака
Высоко­кучевые облака. Хаотичный вид неба
Перистые, ните­видные облака не распрос­траняются
Перистые плотные или хлопье­видные облака
Перистые плот­ные облака
Перистые, нитевид­ные облака распрос­траняются
Перисто‑сло­истые облака
Перисто‑сло­истые облака покрывают всё небо
Перисто‑сло­истые облака не распрос­траняются
Перисто‑куче­вые облака
Перисто‑сло­истые облака выше 45°
Высоко­кучевые облака
Слоисто‑дожде­вые облака
Слоисто‑куче­вые облака
Слоистые облака
Кучевые облака
Перисто‑слоис­тые облака ниже 45°
Мгла
Пыль, принесённая издалека
Водяная пыль
Пыльные вихри
Пыльная или песчаная буря
Дымка
Поземный туман клочками
Зарница
Осадки не достигают земли
Осадки достигают земли дальше 5 км от станции
Осадки достигают земли до 5 км от станции
Шквал на станции
Смерч на станции
Морось, снежные зёрна
Дождь
Снег
Дождь со снегом
Поземный туман сплошной
Дым
Ливневый дождь
Ливневый снег
Град, крупа
Туман
Слабая буря ослабевает
Сильная буря ослабевает
Слабый или умеренный поземок
Сильный поземок
Слабая низовая метель
Туман на расстоянии
Туман местами ослабевает
Туман ослабевает, небо видно
Туман ослабевает, небо не видно
Туман без изменения, небо видно
Туман без изменения, небо не видно
Туман усиливается, небо видно
Туман усиливается, небо не видно
Просвечи­вающий туман с изморозью
Сплошной туман с изморозью
Слабая морось с перерывами
Слабая морось непрерывная
Замерзающая морось или дождь
Умеренная морось с перерывами
Умеренная морось непрерывная
Сильная морось с перерывами
Сильная морось неперерывная
Слабая морось замерзающая
Сильная морось замерзающа
Слабая морось с дождём
Сильная морось с дождём
Слабый дождь с перерывами
Слабый дождь непрерывный
Умеренный дождь с перерывами
Умеренный дождь непрерывный
Сильный дождь непрерывный
Сильный дождь непрерывный
Слабый дождь замерзающий
Сильный дождь замерзающи
Слабые дождь или морось со снегом
Сильные дождь или морось со снегом
Слабый снег с перерывами
Слабый снег непрерывный
Умеренный снег с перерывами
Умеренный снег непрерывный
Сильный снег с перерывами
Сильный снег непрерывный
Ледяные иглы
Снежные зёрна
Снежные кристаллы
Ледяной дождь
Слабый ливневый дождь
Сильный ливневый дождь
Очень сильный ливневый дождь
Слабый ливневый дождь со снегом
Сильный ливневый дождь со снегом
Слабый ливневый снег
Сильный ливневый снег
Слабая снежная крупа
Сильная снежная крупа
Слабый град
Сильный град
Слабая гроза
Сильная гроза
Слабая гроза с градом, крупой
Сильная гроза с градом, крупой
Слабая гроза с дождём
Слабая гроза с градом или крупо
Сильная гроза с дождём
Гроза с песчаной или пыльной бурей
Барическая тенденция. Падение, затем ровно
Барическая тенденция. Устойчивое падение
Барическая тенденция. Подъём, затем падение
Горные волны
Видимое облако пепла
Обложной дождь
Умеренная турбулент­ность
Сильная турбулент­ность
Горы закрыты
Радиация в атмосфере
Извержение вулкана
Умеренное обледенение
Сильное обледенение
Тропический циклон
Линия сильного шквала
Роса
Крупа
Град
Снежная мгла
Кристал­лическая изморозь
Зернистая изморозь
Иней

Диаграммы

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

Метеограмма позволяет проследить изменение погоды в выбранной точке с течением времени:

А чтобы увидеть, как изменяются температура, давление и ветер с увеличением высоты, синоптик использует аэрологическую диаграмму:

Машина времени

В процессе работы синоптик сравнивает фактические измерения погодных станций в прошлом и прогностические расчёты метеоцентра: куда будут двигаться зоны осадков, как изменятся давление, температура и другие показатели в течение трёх часов, суток и так далее. Для этого он использует машину времени:

Время, на основе которого строится прогноз
Время прогноза
Шкала выбора времени, на основе которого строится прогноз
Шкала выбора времени прогноза
Промежуток между временем прогноза и временем, на основе которого строится прогноз

Подъём карты

После изучения погодных данных синоптик отмечает на карте, где будут проходить атмосферные фронты и куда будут смещаться воздушные массы, размечает зоны туманов, осадков и опасных погодных явлений.

Совместная работа

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

Модульная система

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

Модульное устройство открывает новые возможности продвижения системы и упрощает поддержку.

Гисметео будет выпускать различные версии системы со своими названиями, оформлением и функциональностью: например, узконаправленную аэрологическую версию специально для аэропортов или «полную» версию для крупных метеорологических учреждений вроде Росгидрометцентра. Для выхода на рынок и получения первых контрактов, необязательно повторять в новой системе все возможности старой — новые модули будут добавляться по мере необходимости. Кроме того, добавление новых функций в работающий продукт поможет привлечь новых клиентов.

Развивать и поддерживать разные версии системы одновременно проще, потому что они отличаются только внешним видом и набором модулей.

О проекте

Старт
11 февраля —
Пуск
1 апреля 2019
7 недель · География, приземная наноска
Дизайн
Разработка
Старт
26 июня —
Пуск
31 июля 2019
5 недель · Слои температуры, геопотенциала, давления, ветра, осадков и влажности
Дизайн
Разработка
Старт
5 ноября —
Пуск
23 декабря 2019
7 недель · Регистрация и вход, подъём карты
Дизайн
Разработка
Старт
12 марта —
Пуск
22 мая 2020
9 недель · Диаграммы, радиолокация
Дизайн
Разработка
Арт‑директор

Артём Горбунов

Ведущий дизайнер

Миша Нозик

Дизайнер

Маша Булина

Иконист

Сергей Чикин

Шрифтовик

Аня Данилова

Разработчики Гисметео

Алексей Баранов

Дмитрий Паевский

Николай Палка

Андрей Хамидулин

Разработчики компании «Цифрономика»

Александр Борисов

Евгений Борисов

Илья Осадчий

Сергей Панеш

Благодарим Алексея Соломахова, Ольгу Волынцеву и Ирину Волкову за активное участие в проекте и готовность принимать новое, а также за интереснейшие рассказы об устройстве прогнозов погоды.

Отправить
Поделиться
Запинить

Когда выйдет новый проект

Оставьте почту, чтобы узнавать о выходе новых проектов и обновлениях других продуктов бюро.

Расскажите о своём продукте команде бюро