Добавление гаджета «Диаграммы с накоплением» (Crucible Charts) на панель управления

Добавление гаджета «Диаграммы с накоплением» (Crucible Charts) на панель управления Гаджет

На что это похоже?

Существует два типа графиков с гаджетом «Диаграммы резюме плана Bamboo»  (Bamboo Plan Summary Chart):

  1. Группа по временному периоду (Group By Time Period)

Этот график отображает процент успешных сборок с течением времени и среднюю продолжительность сборок в каждом периоде времени:

Описание статуса проекта – только структура без диаграммы гантта

Использую, когда нужна конкретная информация в срезе всех Jira-тикетов. Например, необходимо быстро проверить, что даты начала и конца всех проектов совпадают с цифрами в отчёте. В таком случае я сворачиваю Гантт и в столбиках структуры быстро вижу необходимые цифры. Собирать информацию по временной ленте было бы неудобно.

Для того чтобы добавить гаджет «диаграммы с накоплением» (crucible charts) на рабочий стол проекта:

  1. Перейдите на панель управления JIRA и нажмите «Добавить гаджет» (Add Gadget).
  2. Появится «Каталог гаджетов» (Gadget Directory). Найдите гаджет«Диаграммы с накоплением» (Crucible Charts) и нажмите кнопку «Добавить сейчас» (Add it Now). Затем нажмите кнопку «Готово» (Finished) в нижней части каталога гаджетов.
  3. Готовый для настройки гаджет «Диаграммы с накоплением» (Crucible Charts) появится на вашей панели управления в следующем виде :
  •  «Crucible URL» — Введите URL адрес вашего сервера Crucible .
  •   «Введите проектный ключ» (Crucible Project Key) —  проекта , в котором вы заинтересованы.
  • «Тип диаграммы» (Chart Type) — выберите один из следующих вариантов:
    • «Открыть возраст обзора» (Open Review Age) — возраст открытых отзывов, разбитых по статусу.
    • «Классификация дефектов» (Defect Classification) — количество поднятых дефектов, разбитых по классификации.
    • «Объем открытых просмотров» (Open Review Volume) — объем открытых обзоров за указанный период времени.
    • «Объем комментирования»(Comment Volume) — объем комментариев, созданных в течение указанного периода времени.
    • «Ранг дефектов»(Defect Rank) — количество поднятых дефектов, разбитое по рангу.
  • «Количество дней» (Number of Days)— введите количество данных дня (назад от сегодняшнего дня), которое вы хотите что бы отображал гаджет.
  • «Интервал обновления»(Refresh Interval)— выберите, как часто вы хотите, чтобы гаджет обновлял отображаемую активность: (никогда / каждые 15 минут / каждые 30 минут / каждый час / каждые два часа).
  1. Нажмите кнопку «Сохранить» (Save).

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

Flourish

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

Кому стоит присмотреться к Flourish? Любому, кого интересует составление историй на основе данных (data storytelling). В этом ему поможет множество возможностей системы, касающихся визуализации данных и анимации.

Datawrapper

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

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

WordPress Charts

Цена: Бесплатно

WordPress Charts — ещё один плагин, который создает чистые, адаптивные HTML5 графики. В отличии от Visualizer, WordPress Charts предоставляет только 6 параметров для диаграмм, хотя у него есть всё самое главное. Плагин также имеет встроенный виджет, чтобы легко вставлять диаграммы в вашу боковую панель.

Гаджет:  Есть ли у вас зависимость от гаджетов? / на сайте

WordPress Charts — это легкий плагин с красивыми графиками. Если вам не нужны дополнительные параметры от Visualizer или других плагинов, и вас не испугает немного недружелюбный интерфейс WordPress Charts, то это прекрасный вариант. Это подтверждает рейтинг 4,7 и 10,000 установок.

Data Tables Generator by Supsystic

Цена: Бесплатная базовая версия, Pro-версия от $29 для одного сайта

Data Tables Generator дает вам возможность создавать интерактивные таблицы, которые можно превратить в диаграммы или графики. Это чудесный плагин с более 10,000 скачиваний и рейтингом 4,9.

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

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

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

Infogram

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

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

RJ Quickcharts

Цена: Бесплатно

RJ Quickcharts — бесплатный плагин, который создает красивые HTML5 диаграммы и графики. Процесс их создания отнимает совсем мало времени, а дизайн очень привлекательный. Вы можете подстроить стиль диаграмм под ваш сайт.

RJ Quickcharts имеет некоторые недостатки. Редкие обновления (последнее было около года назад) не позволяют угнаться за некоторыми другими плагинами, а ваш выбор ограничен только 2 параметрами диаграмм.

Но всё равно это бесплатный и быстрый способ создать красивый график.

Chart Studio

— это проект Plotly, представляющий собой онлайн-инструмент для создания диаграмм. Фактически это — редактор для создания диаграмм, основанных на D3.js и WebGL.

Кому подойдёт Chart Studio? На сайте проекта сказано, что Chart Studio — это инструмент, предназначенный для всех, кто работает с диаграммами. Это, например, дата-сайентисты, Dash-разработчики, люди, создающие отчёты и презентации, журналисты.

WpDataTables

Цена: $35

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

Вы можете импортировать данные из Google Spreadsheet, Excel, .CSV, JSON и т.д. Это определенно наиболее полная система импорта данных по сравнению с другими плагинами в этом списке. После импорта данных вы можете легко настроить дизайн таблиц и диаграмм, никакого CSS.

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

wpDataTables определенно имеет наибольшее количество функций среди плагинов в этом списке, но и цена соответствующая. Лицензионная версия обойдётся вам в $35, потому этот плагин подойдёт только тем, кто не против заплатить за все его функции.

Подробнее про него вы можете почитать в нашем обзоре.

Knight Lab

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

Кому стоит взглянуть на Knight Lab? Проект нацелен, преимущественно, на журналистов, но он будет интересен всем, кто занимается созданием интерактивных историй на основе данных.

M Chart

Цена: Бесплатно

M Chart был создан для журналистов, которые хотели найти простой способ отображения данных в своих записях. Это не самый популярный плагин в этом списке, но он регулярно обновляется и отлично справляется с созданием базовых диаграмм. Его рейтинг составляет 4,8 и это значит, что пользователи им очень довольны.

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

Responsive Charts

Цена: $15

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

Гаджет:  Консультация «Влияние гаджетов на здоровье и развитие детей». Воспитателям детских садов, школьным учителям и педагогам - Маам.ру

Импорт из .CSV упрощает процесс добавления данных, но к сожалению, плагин не поддерживает Google Spreadsheet.

Responsive Charts является хорошим вариантом, но мы не уверенны, лучше ли он бесплатных плагинов, и стоит ли платить $15.

RAWGraphs

Платформа

находится последней в нашем списке, но это не значит, что она хуже других. С её помощью, правда, нельзя создавать интерактивные визуализации, но это не значит, что она недостойна внимания. Цель RAWGraphs заключается в том, чтобы организовать связь между приложениями для работы с электронными таблицами, вроде Microsoft Excel, и векторными графическими редакторами наподобие Adobe Illustrator, Inkscape и Sketch.

WP Business Intelligence Lite

Цена: Бесплатно для Lite версии, Pro-версия от $199

WP Business Intelligence Lite позволит вам демонстрировать свои данные в графиках и диаграммах в режиме реального времени на вашем WordPress сайте.

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

WP Business Intelligence Lite прекрасно подойдет тем, кто создает передачу данных в режиме реального времени. Премиум версия довольно дорогая, но если вы хотите иметь доступ ко всем достоинствам плагина, придется заплатить.

Javascript chart ui виджет — webix js charts

Jira roadmap

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

Jira Roadmap 
Jira Roadmap 

О приложении Structure в Ozon было известно давно. Однако оно не бросалось в глаза, пока не обратили внимание на его возможность строить диаграмму Гантта. Рекламное видео отправило всех в менеджерский рай: информация из Jira-тикетов отражается, можно группировать задачи по статусу, связи подсвечиваются, не мешает командным Kanban-доскам. Минимум монотонной механической работы.

Structure — список всех задач с данными из Jira-тикетов, распределённых по столбикам. Список можно группировать, фильтровать, выводить ту информацию, которая требуется.  

Structure Gantt — к функционалу Structure добавляется возможность видеть Jira-тикеты и связи между задачами на временной ленте.  

Structure Gantt
Structure Gantt

В конце 2020 года руководители Ozon приобрели Structure Gantt для удобного и наглядного ведения проектов. Однако в менеджерском раю оказаться сразу не получилась. Причины: сложная функциональность и отсутствие наглядного обучающего материала.  

Перестать страдать от Structure и начать использовать его для работы я смогла где-то через месяц. Разобраться удалось благодаря тому, что мы обсуждали проблемы функциональности совместно и подсказывали друг другу решения в кругу менеджеров: 

Выбор за вами

Нам с коллегами Structure Gantt позволяет собирать всю нужную информацию из Jira в одном месте. Получается больше порядка и контроля над проектами.

При этом у Structure Gantt есть свои слабые стороны. Буду рада, если продакты ALM Works (создатели Structure) обратят внимание на них и сделают программу более простой и понятной в освоении.

Во время подготовки статьи я обнаружила, что функциональность Jira Roadmap заметно изменилась c лета прошлого года. Набор возможностей стал похож на то, что предлагает Structure Gantt.

Если выбираете приложение к Jira для ведения проектов и создания диаграмм Гантта, попробуйте оба варианта. Главное – старайтесь оптимизировать затяжную механическую работу. У нас менеджеров есть много других важных задач, помимо рутины!:)

Гантт для (ленивых) экономящих свое время

Для построения диаграммы Гантта существует множество программ: Ganttpro, Monday, Teamgantt, старый добрый Excel и другие.  

Нам с коллегами в Ozon они не подходили, потому что ежедневная работа завязана на Jira-тикеты. Чтобы пользоваться сторонними сервисами, приходилось переписывать всю информацию из Jira ещё раз (название задачи, исполнитель, связи, статус). Это требовало много времени и терпения на монотонную механическую работу.

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

  1. Jira Roadmap 

  2. Structure Gantt  

Конфигурирование настроек кеша internet explorer

Если вы используете Internet Explorer, вам нужно настроить свой браузер, чтобы иметь возможность печатать страницы с диаграммами правильно:

  1. Выберите «Свойства обозревателя»(Internet Options) в меню «Инструменты» (Tools):
  1. Откроется окно «Интернет опции» (Internet Options). Нажмите кнопку «Настройки»(Settings) в разделе «Временные файлы Интернета» (Temporary Internet files) (например, кеш):
  1. Откроется окно «Настройки» (Settings) . Убедитесь, что у вас нет опции «Каждое посещение страницы» (Every visit to the page) (т. е. без кеширования). Если это так, выберите вариант «Автоматически» (Automatically).

Мои любимые фичи structure gantt

В этой части хочу рассказать вам подробнее о пункте “богатая функциональность” из списка сильных сторон Structure Gantt. 

Переход между режимами

В примерах использования Structure Gantt я говорила, что переключаюсь между режимами в зависимости от занятия. Помогает мне в этом кнопка, удобно расположенная в центре экрана. Переключение не занимает много времени, поэтому я часто им пользуюсь.

Планирование и мониторинг проектов

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

На ранних стадиях проекта разработчики не всегда сразу могут сказать, сколько в точности нужно времени на ту или иную задачу. Поэтому я стараюсь завести больше тикетов и растащить один за другим на временной ленте: на одну задачу – месяц, на другую – две недели, на третью – неделю. Так прогноз на протяжённость проекта становится яснее.

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

Планирование спринта

Группирую тикеты по исполнителю, чтобы видеть занятость конкретного разработчика в следующий спринт и прогноз, когда разработчик должен освободиться. Подобное представление задач на диаграмме я не рекомендую показывать разработчикам, если вы используете Kanban: я считаю, что инженерам следует фокусироваться на задачах в работе и не отвлекаться на другие. Диаграмма Гантта — всё- таки инструмент для специфических менеджерских задач.

Пример

странице можно найти интерактивную Bar Race-диаграмму, демонстрирующую изменение численности населения в различных странах между 1960 и 2021 годами.

Сведения о численности населения разных стран

Примеры использования structure gantt

Два слова о специфике работы. Я менеджер команды разработки, отвечающей за загрузку товаров на сайт Ozon Marketplace. Менеджер проекта, Product Owner и культорг в одном лице. Мне нужно координировать проекты внутри команды и между отделами, планировать спринты и распределять задачи между разработчиками, следить за поддержкой и контролировать выполнение задач к сроку.

У нас в команде семь бэкенд-разработчиков, два фронта, один аналитик, один QA и техлид. Держать информацию по всем задачам в голове нереально, поэтому важно уметь её быстро находить. 

Есть несколько режимов Structure Gantt, которые я меняю в зависимости от контекста, чтобы минимизировать объём работы. 

Связи между задачами

История декомпозирована, Jira-тикеты на задачи заведены. На следующем этапе при растягивании “колбасок” по временной ленте я расставляю связи между тикетами. Делаю так, чтобы чётко выделить, какая задача заблокирована или какие задачи должны быть закончены одновременно (классические зависимости в управлении проектами: finish to start, finish to finish).

Сильные стороны бесплатной версии

  • Диаграммы в RAWGraphs очень просто создавать, для работы с системой не нужно даже регистрировать учётную запись.
  • Система поддерживает различные форматы входных данных — TSV, CSV, DSV, JSON и Excel-файлы(.xls, .xlsx).
  • По сведениям RAWGraphs обработка данных производится исключительно средствами браузера. Платформа не занимается серверной обработкой или хранением данных. Никто из тех, кто не имеет отношения к данным, не сможет их просматривать, модифицировать или копировать.
  • RAWGraphs — это система, поддающаяся расширению. Например, добавлять в неё новые диаграммы можно, обладая базовыми знаниями D3.js.

Ссылки

  1. Описание функционала на сайте Atlassian Jira Roadmap и Structure Gantt

  2. Рекламное видео «What is Structure.Gantt?»

Цвета

Цветовое разделение помогает легче ориентироваться между “колбасками”. Я делаю так: задача на бэкенд-разработку — синяя, фронт — желтая, баг — красная, поддержка — серая, история — зеленая, дизайн — фиолетовая. Это позволяет нагляднее увидеть, какого типа задач больше. Например, если багов в проекте больше, чем остальных задач, то скорее всего, это сигнал о проблеме в разработке.

Итоги

Не существует идеального инструмента для визуализации данных. Именно поэтому полезно освоить 2-3 таких инструмента, дополняющих друг друга, и пользоваться их наиболее удачными возможностями.

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

Если вы, например, пишете на Python — взгляните на этот материал. В нём речь идёт о работе с Plotly, Seaborn и Matplotlib.

Какими инструментами для визуализации данных вы пользуетесь?

Оцените статью
GadgetManiac
Добавить комментарий