2.1.0 Release note

Новые виджеты - Конструктор таблиц, Контейнер иерархии, Сводная таблица. Скриншот страницы в PDF. Прямые подключения. Совместная работа над проектом и другие фичи.
III кв 2023
В рамках произведенных улучшений и оптимизации работы Платформы, в версии Insight 2.1 введены 2 требования, обязательные для корректной работы приложений:
  • Для каждого проекта должна быть настроена авторизация. Подробнее об этом здесь.
  • Обеспечить наличие виджета авторизационный контейнер на каждой странице проекта. Как правило, виджет добавляется в Шаблон с последующим присваиванием данного Шаблона ко всем страницам проекта. Помимо этого способа, можно добавлять виджет на корневой слой каждой страницы. Подробнее о настройке виджета здесь.

Что нового?

1. Конструктор таблиц

Виджет, позволяющий настраивать нестандартные табличные представления.

Поддерживается:

  • Использование разметки для конструирования строк и столбцов таблицы;
  • Использование ui-компонентов из набора: список, изображение, бейдж, прогресс бар, чекбокс, пагинация, заголовок;
  • Упрощение работы с настройками стилей по сравнению с стандартным виджетом Таблица;
  • Автоматическая генерация Таблицы содержимым Источника;
  • Общая и индивидуальная настройка каждой колонки /строки/компонента для отправки событий, триггера переменных и перехода по ссылкам;
  • Чрезвычайно гибкая кастомизация каждого из представлений;
  • Фильтрация колонок из Заголовков таблицы без необходимости настройки переменных.

Подробнее - здесь.

2. Конструктор таблиц - режим "Карточки"

Новый режим позволяет отображать данные в формате карточек.

Поддерживается:

  1. Наполнение компонентами виджета "Конструктор таблиц" - значения, картинки, бейджи, прогресс-бары, чекбоксы, пагинация, заголовки.
  2. Возможность выбрать количество карточек в строке.
  3. Возможность устанавливать размеры карточек.
  4. Возможность регулировать вертикальные и горизонтальные отступы.

Подробнее о виджете - здесь.

3. Контейнер иерерахии

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

Поддерживается:

  • Добавление неограниченного количества слоев;
  • Наполнение слоев любым контентом из библиотеки виджетов (как отдельный виджет, так и разметку с набором виджетов);
  • Регуляция размера и позиционирования дополнительных слоев относительного корневого слоя.

Подробнее - здесь.

4. Сводная таблица

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

Таблица предполагает активные действия пользователя в Плеере и позволяет:

  • Управлять набором и порядком отображаемых Метрик и Измерений
  • Выводить Измерения в формате строк и столбцов
  • Изменять тип агрегации Метрик
  • Выводить общие итоги — по строкам и по столбцам
  • Управлять форматом отображаемых Метрик
  • Сортировать Измерения
  • Управлять иерархией измерений с помощью режима «Дриллдаун»
  • Выводить нумерацию строк
  • Закреплять заголовок при скролле
  • Работать в полноэкранном режиме

Подробнее - здесь.

5. Скриншот страницы

В Insight v.2.1 появилась возможность делать скриншот страницы проекта благодаря появлению виджета "Скриншот" и доработке виджета "Разметка".

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

Виджет "Скриншот" позволяет выбрать формат выгрузки.

Поддерживаются форматы:

  • pdf
  • jpeg
  • png
  • webp

Также, опционально доступно добавление текущей даты в название скачиваемого файла.

Подробнее о Скриншоте - здесь.

6. Новая версия WIKI

Во II квартале База знаний Insight была существенно обновлена:

  1. Произвели рефакторинг дизайна Базы знаний и примеров виджетов в соответствии с корпоративными стандартами.
  2. Добавили универсальный поиск по разделам/страницам.
  3. Каждый раздел содержит в себе превью - краткий обзор содержимого.
  4. В каждую страницу Каталога виджетов добавили демонстрацию отображения в тёмной теме, помимо светлой.
  5. На страницы виджетов и некоторые разделы работы в редакторе добавили кнопку для просмотра видеоинструкции.
  6. Актуализировали информацию во всех разделах - от регламента по работе с системой и данными до каталога виджетов.
  7. Добавили подробную информацию по работе с reflections в Dremio.
  8. Провели перекомпановку виджетов разделов "Навигация", "Компоненты" и "Расположение".
  9. Добавили новый раздел - Каталог видов визуализаций (см. п. 6)
  10. Добавили новый раздел - Библиотека CSS и HTML (см. п.7)
  11. Добавили возможность скопировать код настроенного виджета для последующего экспорта в Ваши проекты.

7. WIKI: Каталог видов визуализаций

Каталог видов визуализаций демонстрирует способы применения виджетов из библиотеки Inisght под различные бизнес-задачи (Часть целого, Динамика, План-Факт, События во времени, Иерархия, Карты и пр.).

Теперь не обязательно каждый раз настраивать виджеты с нуля - с помощью механизма импорта/экспорта кода виджета Вы можете переиспользовать готовые визуализации. Например, карту Москвы в формате SVG.

Для того, чтобы скопировать виджет, необходимо:

  • Внутри настроенного виджета перейти в Панель разработчика (находится в самом низу настроек виджета)
  • Нажать кнопку "Копировать свойства"
  • Внутри целевого виджета перейти в Панель разработчика
  • Нажать кнопку "Импортировать свойства из буфера"

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

8. WIKI: Библиотека CSS и HTML

Библиотека CSS и HTML содержит в себе наглядные примеры продвинутого использования css и html для разных целей:

  • Анимация
  • Наведение на элемент
  • Наведение на текст
  • Скроллы
  • Границы

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

9. Адаптеры для подключения данных

В новой версии Редактора появилась возможность создавать и настраивать подключения к различным источникам данных на основе адаптеров к PostgreSQL и Dremio.

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

10. Упрощение панели настройки стилей

В рамках упрощения стилизации проекта была проведена модернизация раздела настроек "Стиль".

В результате, основные настройки css были локализованы и сгруппированы по категориям настроек:

  • Фон - возможность применить цвет, градиент или изображение в качестве фона.
  • Стилизация - управление стилем границ, теней, отображением курсора, поворотом и прозрачностью.
  • Размерность - настройка минимальной/максимальной ширины и высоты.

Сохраняется возможность ручного ввода css стилей и классов.

Подробнее о CSS - здесь.

11. У приложений появились версии

В Insight v.2.1 появилась возможность создавать и хранить версии проектов со всеми внесенными изменениями.

Поддерживается:

  • Комментирование
  • Тегирование
  • История версий
  • Скачивание версий в формате zip-архива

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

История и создание версий доступны в настройках проекта.

Подробнее - здесь.

12. Совместная работа над проектом

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

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

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

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

Кнопка "Сохранить" и "Создать версию" для пользователей в очереди будут заблокированы.


Подробнее - здесь.

Рефакторинг

Календарь

  • Перекомпоновка и локализация настроек.
  • Добавление дополнительной кастомизации - тень, градиент, насыщенность, настройка границы, шрифт, размер шрифта.
  • "Настройки отображения" - "Не текущий месяц" - "Применять ко всему календарю" - позволяет применить данные настройки не только к датам заходящем из прошлого/предыдущего месяца на текущий, но и вообще ко всем датам календаря, которые не относятся к текущему месяцу.
  • В режиме строки, если выбрано значение из календаря, при отправке кастомной переменной date - null, выбранное значение сбрасывается.
  • Раздельный ввод дат для режима диапазона (дата начала и дата завершения) и переменные для раздельного ввода, позволяющие тригеррить виджеты по отдельности.

Подробнее о Календаре - здесь

Меню

  • Перекомпоновка и локализация настроек.
  • Отправка событий и переменных из разделов меню.
  • Возможность использования картинки вместо иконки.
  • Опциональное добавление поисковой строки по разделам и пунктам меню.

Подробнее о Меню - здесь

Простой таймлайн

  • Перекомпоновка и локализация настроек
  • Возможность выбора временных периодов с помощью Измерения
  • Дополнительные настройки стилизации типографики
  • Градиент и ширина баров
  • Отображение дат в соответствии с фактическим расположением относительно времени
  • Подсказки для настроек

Подробнее о Простом таймлайне - здесь

Галерея

  • Перекомпоновка и систематизация настроек в панелях
  • Возможность отправлять событие из Источника
  • Возможность вывода доп.подписей
  • Регуляция области вывода подписи - снизу/сверху/слева/справа
  • Настройки градиента, насыщенности шрифта, числового формата
  • Настройки границ и теней у карточек
  • Исправлена проблема открытия ссылки в попапе, когда url страницы заменялся на указанный для попапа
  • Исправлена невозможность перейти по коротким ссылкам в рамках проекта
  • Исправлен момент, когда триггер переменных был возможен только при выбранному переходу по ссылке.

Подробнее о Галерее - здесь



Другие изменения

Проведены точечные доработки в рамках виджетов:

  • Комбинированная диаграмма - триггер переменных при дриллдауне, динамический пересчет шкалы на осях.
  • Пузырьковая диаграмма - использование метрики для регуляции размера точки, управление масштабом отображения с помощью колесика мыши, триггер переменных, вывод подписей метрик у точек, настройка тени, анимация точек, Режим дриллдаун - режим, при котором Вы можете использовать несколько уровней иерархии измерений, Расширенный тултип; регуляция количества символов в подписи для переноса на следующую строку.
  • Регламентный отчет - увеличение допустимого объема загружаемого шаблона до 100 мегабайт, методы конвертации HTML => Excel/Pdf для оптимизации работы сервиса; убрана необходимость обязательной авторизации в рамках проекта для корректной работы сервиса; добавлен прелоадер для выгрузки.
  • Сегментная диаграмма - сброс переменной по повторному клику на "долю" диаграммы.
  • Радарная диаграмма - заголовок, новый тип точки - "пустая окружность".
  • Древовидная карта - Расширенный тултип, типографика по условию, режим "Другие" - позволяет отобразить некоторое количество значений измерения, а остальное суммировать как "Другое".
  • Диаграмма Ганта - использование метрики для регуляции размера точки, управление масштабом отображения с помощью колесика мыши, триггер переменных, вывод подписей метрик у точек, настройка тени.
  • Фильтр - вывод числовой метрики напротив измерений, исправлен сдвиг плейсхолдера при раскрытии виджета, добавлена раздельная кастомизация и иконки для кнопок режима "Включить сброс".
  • Аватар - выравнивание фото относительно ФИО, отступы фото от ФИО и должности, насыщенность шрифта для ФИО.
  • Иерархический список - добавлен расширенный тултип.
  • Список - обновление вида ряда настроек, позиционирование заголовка по центру, цвет шрифта по условию.
  • Дерево иерархии - локализация названий ряда настроек.
  • Выгрузка в Excel - возможность скрывать измерения/метрики из выгрузки, преобразование метрик в числа в выгруженном файле. 

Прочие изменения:

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

Устраненные баги

  1. SVG - не отображается виджет.
  2. Календарь - не сбрасывается выбранная дата.
  3. Круговая диаграмма - нельзя вернуться после дриллдауна.
  4. Ошибка при переходе на страницу/удалении страниц.
  5. Комбинированная диаграмма - корректная сортировка и фикс наслоения для стэкд бар, жирность точки, реанимация выбора изменений и метрик, наведение курсора на точку графика; ошибка с отображением Источника данных; применение стилей при отсутствии анимации; выравнивание дополнительной подписи оси. 
  6. Ключевой показатель - вывод подсказки.
  7. Матричная карта - вывод подсказки.
  8. Календарь - корректировка поведения границ при нажатии на дату.
  9. Кнопочный фильтр - отправка массива при одном значении.
  10. Список - отображение данных в виджете.
  11. Индикатор - отображение в Firefox.
  12. Таблица - при переходе на другую страницу переменная таблицы стиралась и становилась = null.
  13. Текст - компонент WYSIWIG удалял часть кода, не выравнивал картинку.
  14. Чекбокс/Радио-кнопки - сбрасывалось выбранное значение в другом чекбоксе.
  15. Простой таймлайн - Не всегда корректно отображаются отметки, если конечная дата меньше текущей (то есть имеется просрочка).
  16. Иерархический список - проблемы с отображением Расширенного тултипа.
  17. Каскадная диаграмма - постройка положительных баров.