Мапа тривог — розробка офіційної карти повітряних тривог України

На початку повномасштабного вторгнення не було зручного методу перегляду активних тривог по всій країні.

Основна мета сайту Ukraine Alarm Map полягає у наданні інформації у реальному часі про повітряні тривоги в різних регіонах України. Сайт дозволяє користувачам швидко дізнаватися про минулі (останні 30) і поточні тривоги, що допомагають громадянам оперативно реагувати на небезпеки.

Було прийнято рішення розробити мапу, на котрій можна було б відслідковувати стан тривог по регіонах. На першій версії мапи ми відображали лише стан тривог з нашого API, але згодом функціонал мапи розширився. Додали перегляд інформації про останні 30 тривог в обраній області, статистику за день/місяць/увесь час.

Також з'явилась інформація про усі типи загроз: повітряна тривога, загроза арт. обстрілу, вуличні бої, хімічна та ядерна небезпека. Фінальним етапом стало відображення інформації, яка надходить з ЗМІ про вибухи в областях, взліт МіГ-31К, зліт стратегічної авіації та загрози з моря.

Мапа тривог написана на технології Asp.net core, на мові програмування C# та Javascript. Використовується Redis для кешування даних, Centrifugo для оновлення мапи у клієнтів та AWS SQS для обміну даними між API та мапою.

Мабуть, найскладнішим завданням було зібрати всі geojson файли для кожної області, району та ОТГ, а також зв’язати їх із нашими внутрішніми ідентифікаторами.

Інтерфейс Мапи Тривоги підтримує як світлі, так і темні теми: світла тема використовує яскравий, нейтральний фон з яскравими акцентними кольорами, тоді як темна тема використовує приглушений фон карти, щоб зменшити відблиски в умовах низької освітленості.

Завдяки послідовному використанню палітри (тривожні червоні, попереджувальні помаранчеві та вибрані зелені) в обох темах, а також чистій типографіці без зарубок та мінімалістичній іконографії, дизайн забезпечує швидке візуальне сприйняття та високу контрастність незалежно від навколишнього освітлення.