Виджет IQAir
Разработка виджета погоды и качества воздуха для вывода на телевизоре
О проекте
Целевая аудитория
Целевая аудитория
- Аэропорты: Управление аэропортами может использовать этот виджет для предоставления пассажирам актуальной информации о погоде и качестве воздуха в аэропортовской зоне;
- Гостиничные комплексы: Отельные комплексы могут использовать этот виджет для предоставления гостям информации о погоде и качестве воздуха в окрестностях отеля;
- Городские информационные системы: Муниципалитеты могут внедрять этот виджет на стойках информации в городе для обеспечения общественности актуальной информацией;
- Велосипедные сообщества: Велосипедисты могут быть заинтересованы в информации о качестве воздуха вдоль велосипедных трасс;
- Бизнес-центры: Компании, находящиеся в бизнес-центрах, могут использовать виджет для отображения информации о погоде и качестве воздуха в районе, где расположен их офис.
Задачи проекта
1. Настроить интеграцию с сервисом IQAir для получения актуальной информации о погоде и качестве воздуха в местоположении датчиков вокруг аэропорта Суварнабхуми в Бангкоке.
2. Создание эффективного и привлекательного пользовательского интерфейса для отображения информации на телевизионных экранах и других устройствах.
3. Обеспечение возможности отображения виджета на разных типах устройств, включая как крупные телевизоры, так и меньшие экраны, такие как мониторы ноутбуков и мобильные телефоны.
4. Работа с геолокационной информацией для точного определения местоположения датчиков и предоставления релевантных данных о качестве воздуха для конкретного района.
5. Разработка способов наглядного представления информации о погоде и качестве воздуха с использованием различных визуальных элементов.
6. Предоставление возможности встраивания виджета на веб-страницы, чтобы пользователи могли просматривать информацию не только на телевизорах, но и на различных устройствах.
Информация о проекте
Команда
1 PM, 1 FullStack
Основной стек
WordPress
Время разработки
15 часов
Статус проекта
Проект успешно реализован
Экран виджета IQAir
Отображение в реальном времени
Виджет предоставляет информацию о качестве воздуха и погоде в режиме реального времени, обновляя данные непрерывно. Это позволяет пользователям получать актуальную информацию.
Информация с уровнем загрязнения воздуха
Уровни загрязнения воздуха
Реализовано предоставление подробных данных о различных видах загрязнений воздуха, таких как PM2.5, PM10 и другие, с возможностью отображения уровней в разных временных промежутках.
Веб-версия виджета IQAir
Многоплатформенность
Возможность встраивания виджета на различные платформы, такие как веб-страницы, мобильные приложения и соответствующие системы отображения в общественных местах.
Этапы разработки
Разработка виджета для главной страницы сайта
На этом этапе основной фокус был сосредоточен на создании самого виджета и его интеграции с главной страницей сайта.
В рамках этого этапа был разработан пользовательский интерфейс (UI) для виджета, включая компоненты для отображения данных о погоде и качестве воздуха.
Также была проведена интеграция с API сервиса IQAir для получения актуальных данных.
Внедрение AJAX
На этом этапе фокус был направлен на улучшение производительности и обновление данных в режиме реального времени. Использование технологии AJAX (асинхронных запросов к серверу) позволяет получать обновленные данные без необходимости полной перезагрузки страницы.
Адаптация под большие экраны
На данном этапе акцент был сделан на улучшение визуального восприятия виджета на больших экранах с низкой плотностью пикселей (PPI), что могло включать в себя телевизоры и другие устройства с крупными экранами.
Тестирование
Результаты
1. Проект успешно интегрировался с сервисом IQAir. Благодаря этому на экранах телевизоров отображается надежная и актуальная информация о качестве воздуха и погоде в окрестностях аэропорта Суварнабхуми;
2. Разработана эффективный и привлекательный пользовательский интерфейс, который способствовал удобству использования виджета для целевой аудитории;
3. Реализована возможность использования виджета на разных устройствах и экранах, включая телевизоры, мониторы компьютеров и мобильные устройства;
4. Система точно определяет местоположение датчиков, благодаря чему происходит точное предоставление информации о качестве воздуха для конкретного района.