Разработка интерфейса для системы мониторинга и телеметрии автономного мобильного робота

1.

Разработка интерфейса для системы мониторинга и
телеметрии автономного мобильного робота
Руководитель от УрФУ
Студент
Баранский В. А.
Торощина И.С.

2.

Проблема
2

3.

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

4.

Правила игры
4

5.

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

6.

Решение
6

7.

Задачи и инструменты
1. Проектирование интерфейса (Figma):
• зарисовка макетов;
• проработка UX.
7

8.

Задачи и инструменты
2.
Разработка серверной (NodeJS) части:
• написание контроллеров, роутинг (Express);
• написание WebSocket сервера (SocketIO);
• настройка сервера раздачи статики.
8

9.

Задачи и инструменты
3.
Разработка клиентской части (React):
• клиентский роутинг;
• верстка страниц;
• обработка событий с сервера.
9

10.

Задачи и инструменты
4.
Разработка Python клиента к API серверной части:
• написание форматтера для логов;
• методы для отправки данных в API;
• автоматизирование поиска сервера.
10

11.

Результат
/
/logs
/charts
/field
11

12.

Результат /logs
12

13.

Результат /charts
13

14.

Результат /field
14

15.

Итоги
Результат:
Создан инструмент, позволяющий отслеживать
различные метрики, приходящие с робота в режиме
реального времени в удобном представлении.
Осталось:
1. Фильтрация логов;
2. Устранить мелкие недочеты верстки;
3. Кэширование некоторых событий.
15

16.

Спасибо за внимание
Разработка интерфейса для системы мониторинга и
телеметрии автономного мобильного робота
Руководитель от УрФУ
Студент
Баранский В. А.
Торощина И.С.