sigma

1.

Sigma
П Л АТФ О Р М А H R А Н А Л И Т И К И
Екатерина Стрябкова
FRONTEND DEV

2.

Sigma
H R - П Л АТФ О Р М А Д Л Я
АНАЛИТИКИ И
У П РА В Л Е Н И Я
П Е Р СО Н А Л О М .
ОСНОВНЫЕ
П ОЛ Ь З О В АТ Е Л И —
HR И МЕНЕДЖЕРЫ.
З А Д АЧ А — Б Ы С Т Р О
П ОЛ У Ч АТ Ь И Н С А Й Т Ы
П О СОТ Р УД Н И К А М И
Ф О Р М И Р О В АТ Ь
ОТ Ч Ё Т Ы Д Л Я
ПРИНЯТИЯ РЕШЕНИЙ
ИЗНАЧАЛЬНО РАЗРАБОТАНО ПО ЗАКАЗУ ПРАВИТЕЛЬСТВА
НИЖЕГОРОДСКОЙ ОБЛАСТИ

3.

Я ДЕЛАЛА:
Моя роль
ДАШБОРДЫ
ТАБЛИЦЫ
ФИЛЬТРЫ
Я РАЗРАБАТЫВАЛА
FRONTEND-ЧАСТЬ НА
REACT* + TYPESCRIPT
СОВМЕСТНО С
ЭКСПОРТ
ОТЧЕТОВ
*+ REDUX TOOLKIT ДЛЯ ХРАНЕНИЯ СОСТОЯНИЯ
СОВМЕСТНО С
ДИЗАЙНЕРАМИ
ПРОЕКТИРОВАЛА UI
BACKEND
РАБОТАЛА НАД
СТРУКТУРОЙ
ДАННЫХ

4.

Демо-сценарий

5.

Демо-сценарий

6.

Демо-сценарий

7.

Технический вызов:
экспорт
индивидуального
отчёта сотрудника в
PDF.
ТРУДНОСТИ:
Данные для графика приходят асинхронно с backend
Char t. js рендерит график не мгновенно
Для PDF нужен актуальный визуальный результат

8.

СТРАНИЧКА ИЗ PDF ОТЧЕТА
Технический вызов:
экспорт
индивидуального
отчёта сотрудника в
PDF.
РЕШЕНИЕ:
Контроль асинхронной загрузки данных и
готовности графика к экспорту
Получение
актуального
изображения
графика после завершения рендера
Генерация PDF на основе статического
изображения для стабильного результата

9.

Спасибо за
внимание
Екатерина Стрябкова
FRONTEND DEV