Перезвоните мне

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

Отрасль

IT

Регион

Великобритания

Год

2024

Услуги
Бэкенд
Дизайн
Фронтенд
Технологии
Kotlin
Laravel
React Native
Vue.js
Сложность
Обложка Нетворк
Время разработки

10 месяцев

Команда

1 PM, 3 Frontend, 2 Backend, 1 QA

Статус проекта

Проект продолжает развиваться и масштабироваться

О клиенте

Клиент — компания Uctel из Великобритании. Компания занимается решениями для мобильной связи внутри зданий, а именно — усилением мобильного сигнала и улучшением его качества.

Клиенты компании — владельцы коммерческих и корпоративных зданий (офисы, склады, торговые центры, больницы и др.), которые заинтересованы в обеспечении высококачественной стабильной мобильной связи внутри своих зданий, чтобы удовлетворить потребности своих сотрудников, арендаторов и клиентов.

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

Ситуация, в которой обратился

Для обследования качества сигнала в помещениях клиент использовал различные сторонние программы и приложения. Эти решения были платные, а функционал не всегда был достаточным для осуществления корректного сбора данных. Кроме того, было сложно анализировать эти данные, так как они не собирались в одном месте, многое приходилось делать вручную.

Задача

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

Изображение проекта

Нетворк баннер

Решение

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

Саймон Катаев
Саймон Катаев
Менеджер проекта

Пожалуй, один из самых интересных и комплексных проектов, над которыми мы работали. На старте проекта клиент описал только в общих словах необходимый функционал и показал референс, который он хотел повторить и улучшить. Конечно, это была только вершина айсберга, и в процессе разработки у нас появилось много сложностей в самой реализации и дополнительных задачах от клиента. Хорошо, что клиент не сильно торопил нас со сроками, был готов работать с MVP-версией приложения и весь доп. функционал отложить на 2 и 3 стадии разработки.

По мобильной разработке мы еще никогда так глубоко не копались в данных телефона по нетворку и состоянию сети. Нам нужно было найти, собрать и вывести в интерфейс все возможные данные о сигнале, при этом регулярно обновляя их значения. Также необходимо было добавить вычисление спидтеста, и собирать все эти данные с клиентских устройств на серверном. Для всего этого списка задач нужно было проресерчить большое количество библиотек и методов, с которыми мы раньше не работали, а также написать кастомные обработчики на Java и Kotlin. Из ключевых сложностей на этапе разработки кода для нетворка можно выделить недостаток нативных методов для этого у самого андроида, а также неактуальность и несопоставимость готовых библиотек. Например, для спидтеста мы так и не смогли найти совместимую библиотеку, поэтому пришлось разработать самописное решение.

Так как основной кейс использования приложения клиентом — в зданиях с плохим покрытием сигнала, отдельным циклом сложностей стала поддержка работы со слабым интернетом, с 2G, с полным оффлайном и сохранение данных при закрытии приложения. А хранить нам нужно было довольно много данных. Например, клиент мог провести без интернета несколько интерактивных планов, каждый из которых содержал по сотне точек с данными, заметками и фотографиями. По итогу могло накопиться довольно много оффлайн-данных, которые нам нужно было синхронизировать с дашбордом при появлении интернета.

При разработке дашборда сами технологии были проще, но сложностей возникло не меньше. Оказалось, что клиенту нужно не только собирать данные с приложения и выводить их на сервере, но также и создавать и редактировать их на самом дашборде (можете себе представить головную боль разработчика приложения, который в моменте узнал, что кроме отправки данных на сервер, ему также нужно будет получать обратно их обновления). Соответственно на дашборде, как и на приложении, был разработан полный функционал для создания, редактирования и удаления данных. В том числе и для интерактивного плана.

Самыми сложными задачами на дашборде были создание интерактивного конструктора планов этажей (с соединительными кабелями, зонами покрытия и прочим), а также генерация полных отчетов по проведенным измерениям в формате PDF.

Читать полностью

Возможности мобильного приложения

Управление записями Нетворк

Экраны управления записями

Управление записями о клиентах

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

Сбор данных Нетворк

Экраны сбора данных

Удобный сбор данных

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

Разные виды точек Нетворк

Виды точек в приложении

Разные виды точек

Каждая точка может быть разной формы и цвета в зависимости от качества сигнала и типа соединения. Так, например, если у какого-либо из операторов в измеряемой точке был тип соединения 3G и очень хорошее качество сигнала, точка обозначалась зеленым треугольником. После того, как все данные собраны, обследование можно завершить. Данные отправятся на дашборд, где с ними можно подробно ознакомиться.

Параметры сигнала Нетворк

Виды отображаемых параметров

Отображение параметров сигнала в режиме реального времени

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

Speedtest функционал Нетворк

Функционал для SpeedTest

Самописный функционал для SpeedTest

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

Bluetooth интеграция Нетворк

Экран Bluetooth-интеграции

Bluetooth-интеграция для мультиконнекта нескольких телефонов

Интеграция позволяет одновременно подключать несколько мобильных устройств к основному. Дополнительные устройства служат приемниками сигнала и гибко управляются с главной панели основного устройства. Это ускоряет сбор данных и позволяет пользователю получить более обширное представление о качестве мобильной связи в здании.

Возможности дашборда

Личный кабинет Нетворк

Личный кабинет пользователя

Личный кабинет

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

Темная и светлая тема Нетворк

Светлая и темная темы интерфейса

Светлая и темная тема

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

Вложенные списки Нетворк

Структура вложенных списков

Удобная структура данных

Для обеспечения сложной иерархической системы данных используется структура вложенных списков: клиенты; список зданий клиента; список этажей; план этажа и данные о проведенных обследованиях.

Интерактивные планы Нетворк

Интерактивные планы с данными о сигнале

Полная картина о сигнале на интерактивных планах

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

Этапы работы

1

Дизайн

Дизайн приложения был разработан сначала на прототипах с алгоритмами действий, а затем скорректирован с цветовой гаммой, UI-китом и всеми необходимыми деталями. Дизайн дашборда был свободным и собирался уже в процессе разработки.

2

Разработка приложения

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

3

Создание дашборда

Дашборд был разработан с использованием фреймворка Laravel для бэкенда и Vue.js для фронтенда. Для ускорения процесса разработки, в проекте использовалась заготовка интерфейса и методов, которая была заимствована из другого проекта. Это позволило значительно сократить время, затрачиваемое на разработку дашборда.

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

4

Тестирование

Тестирование приложения было сложным и многогранным процессом. Для полного тестирования были задействованы несколько устройств на платформе Android и несколько сим-карт с интернетом. Далее были проведены тесты по Bluetooth-коннекту устройств, SpeedTest — замеры, тестирование сигнала на разных типах сети (2G, 3G, 4G, 5G). Для этого наши тестировщики перемещались по помещению и находили зоны с плохим сигналом. Также были протестированы все данные приложения в дашборде.

Результаты

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

2. Благодаря внедрению приложения и дашборда отпала необходимость в использовании платных сторонних приложений;

3. Функционал приложения и дашборда позволил значительно упростить процесс сбора и анализа информации о качестве сигнала на объекте;

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

Понравился кейс?

Обсудить мой проект

Ознакомьтесь с другими нашими проектами

Интернет-магазин БАДов и витаминов

Превью кейса Nature's Sunshine

Мобильное приложение спортивного издания «ПЛЕЙМЕЙКЕР»

Превью кейса Playmeyker

Сайт крупнейшей в Петербурге компании водного туризма

Превью кейса Нева Тревел

Каталог индийских фильмов с рейтингами и системой оценок

Превью кейса Somindram

Веб-конструктор для создания контейнеров

Превью Конструктор контейнеров

Платформа для организации свадеб «Wendor»

Превью Wendor

Этот сайт использует cookies.

Этот сайт использует файлы cookie для хранения информации на вашем компьютере