Диаграммы Ганта и инструменты для работы с ними

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

Содержание:
1. Что такое диаграмма Ганта
2. Задачи, решаемые с помощью диаграмм Ганта
3. Программы для создания диаграмм
4. Библиотеки для разработчиков
5. Диаграммы Ганта онлайн
Заключение

1. Что такое диаграмма Ганта

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

Адамецкий публиковался на польском и русском языках, однако на Западе его работы были малоизвестны. Поэтому, когда спустя несколько лет Генри Лоуренс Гант (иногда пишут Гантт) выдвинул доработанную версию гармонограмм, ленточные диаграммы Ганта быстро завоевали популярность и были взяты на вооружение управленцами. Одним из первых проектов, на котором Генри протестировал свои диаграммы, была постройка кораблей во время Первой мировой войны.

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

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

2. Задачи, решаемые с помощью диаграмм Ганта

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

1. Конфигурирование комплексной задачи и мониторинг ее выполнения.
Онлайн-курс "Бренд-менеджмент" від Laba.
Розберіться в комплексному управлінні брендом: від його структури до комунікації з аудиторією.Дізнайтесь принципи побудови бренд-стратегії, проведення досліджень і пошуку свого споживача.
Детальніше про курс
2. Контроль над вынужденными задержками в реализации заданий.
3. Планирование сроков выполнения задач и контроль за поддержанием производственного порядка.
4. Делегирование и настройка связей между отдельными этапами проекта.

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

3. Программы для создания диаграмм

Рассмотрим программные инструменты, предназначенные для создания диаграмм Ганта. Начнем с приложений.

Microsoft Project

Наиболее очевидное решение для управления проектами от Microsoft. Это программа для управления проектами, предназначенная для составления расписания пути. Расписание составляется с учетом используемых ресурсов, а на выходе мы получаем ту самую диаграмму Ганта. С помощью Microsoft Project можно отслеживать ход выполнения текущего проекта, создавать бизнес-планы, строить красивые отчеты и самое главное — распараллеливать задачи.

Благодаря оптимизации цепочки взаимосвязанных задач, длительность конечного проекта с помощью Microsoft Project может быть сокращена на 20%. Также в программе решается проблема рационального использования ресурсов — техники, трудовых ресурсов и прочего.

Пакет Microsoft Project включает в себя одновременно несколько продуктов и решений:

1. Microsoft Project Standard — версия, предназначенная для маленьких задач, рассчитана на одного пользователя.
2. Microsoft Project Professional — корпоративная версия пакета. В ней есть возможность командной работы, совместное управление ресурсами и задачами, а также предоставление доступа к кейсам с помощью Microsoft Project Server.
3. Microsoft Project Web Application — веб-интерфейс для простого редактирования проектов, отчетности о выполнении задач, а также просмотра портфелей проектов и отчетов.
4. Microsoft Project Portfolio Server — продукт для отбора проектов для запуска на основе сбалансированных показателей, вошел в состав Microsoft Project Server начиная с версии MS Project 2010.

LibreOffice Calc

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

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

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

Выберите формат оси Y, перейдите на вкладку с указанием форматов и выберите формат даты.

Затем на вкладке масштабирования отключите автоматическое минимальное и максимальное масштабирование, указав в качестве значения этих параметров исходную дату начала первого задания и дату окончания последнего этапа работы. Главный интервал установите равным 1. Теперь можно отключить отображение на диаграмме ненужных цветов. Для этого щелкните на диаграмме и выберите «Формат рядов данных», а затем на вкладке «Области» нажмите на кнопку «Нет». Должна получиться диаграмма, как на скриншоте.

GanttProject

Данное бесплатное приложение написано на Java, благодаря чему оно может быть запущено на любой операционной системе — Windows, macOS, Linux. Программа имеет лаконичный интерфейс, не перегруженный элементами, поэтому составлять диаграммы можно буквально сразу, не вникая в настройки. Ресурсы, задания и оценочное время выполнения проекта вынесены в отдельные вкладки.

В клиенте присутствует возможность поиска по этапам работы, опция указания выходных дней на календаре, а также режим быстрого просмотра критических связей проекта. Несмотря на то, что приложение является клиентом для одноименного сервиса GanttProject Cloud, GanttProject поддерживает сохранение текущего проекта в формат Microsoft Project. Также можно сохранять диаграммы в виде HTML и PDF-отчетов. Если необходимо подготовить слайды для презентации, в приложении можно сохранить скриншот в формате PNG или JPG. Данные можно также экспортировать в CSV или таблицу XLS. В программе есть опция быстрой загрузки построенных диаграмм на FTP.

4. Библиотеки для разработчиков

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

AnyChart

Если нужна легкая и функциональная библиотека, стоит присмотреться к AnyChart. Многофункциональная библиотека JavaScript (HTML5) поддерживает рендеринг данных в SVG/VML. Разработчики отдельно делают акцент на скорости визуализации данных — даже при построении среза из тысяч точек на базе Big Data здесь тратятся миллисекунды.

Библиотека AnyChart не ограничивается одними диаграммами Ганта и поддерживает свыше 80 различных вариантов графиков и диаграмм, а также графики PERT (Project Evaluation and Review Technique). В качестве импорта данных можно загружать данные инфографики в форматах XML, JSON, CSV, JS API, табличные значения Google Sheets, а также HTML-таблицы. Поддерживается интеграция с Angular, Oracle APEX, React, Elasticsearch, Vue.js, Android, iOS и т.д. Отдельный модуль Qlik Sense предусмотрен для разработчиков приложений и дашбордов в Qlik. Созданные диаграммы можно экспортировать в форматы PDF, JPG, PNG, SVG, Excel (XLSX) или CSV. Бесплатная версия AnyChart содержит вотермарки. В библиотеке есть своя собственная онлайн-«песочница» с автозаполнением кода.

DHTMLX Gantt

DHTMLX Gantt — это полнофункциональная библиотека с возможностью drag and drop отдельных элементов. DHTMLX Gantt имеет достаточно мощный API, с помощью которого создаются настраиваемые диаграммы с графическим представлением ресурсов.

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

Библиотеку отличает высокая производительность — с «умным» рендерингом вы можете генерировать диаграммы очень сложных проектов с десятками тысяч заданий. Поддерживаются браузеры IE 11+, FF, Chrome, Safari, Opera. Данный компонент JavaScript позволяет пользователям импортировать диаграммы Ганта из MS Project, а также экспортировать их обратно в виде файлов MPP. Кроме того, DHTMLX Gantt поддерживает форматы Primavera, Excel, iCal и PDF / PNG.

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

Или, скажем, когда вам нужно провести расчеты и проанализировать расписание с вашим серверным кодом. Для таких целей разработчики библиотеки предлагают серверный модуль Node.js. Если требуется внешняя интеграция со сложными системами, CRM, ERP, PM, данный модуль можно использовать как дополнительный пакет к клиентской версии Gantt.

Frappe Gantt

Frappe Gantt — это бесплатное решение, созданное индийскими разработчиками. Диаграмма, которую можно сгенерировать с помощью данной библиотеки, содержит весь необходимый минимум для визуализации исполняемых задач в виде ленточной диаграммы. Отдельные этапы проекта можно двигать на временной шкале, переключаясь между несколькими режимами просмотра: четверть суток, полдня, день, неделя и месяц. Для любого этапа можно указать процент его реализации, а также добавлять некоторые текстовые пояснения, которые будут появляться в виде всплывающего меню при нажатии на эту задачу. Также можно управлять зависимостями и масштабировать отдельные фрагменты диаграммы. Библиотека имеет открытый код, распространяется по лицензии MIT.

JSCharting

Библиотека JSCharting включает в себя более 150 уже готовых элементов для визуализации интерактивной инфографики. Инструмент для создания диаграмм Ганта называется JSGantt, он поддерживает SVG и HTML5. JSCharting интегрируется с рядом популярных фреймворков, среди которых React, AMD, Angular, Vue.js и webpack.

Среди вариантов отображения графиков Ганта есть как статические, так и анимированные ленточные диаграммы.

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

5. Диаграммы Ганта онлайн

Monday.com

Monday.com — это облачное решение, ориентированное на совместную работу над проектом. Это большая веб-платформа, которую можно использовать для оперативного контроля за работой. Она разработана, чтобы помочь командам и организациям повысить операционную эффективность за счет отслеживания проектов и рабочих процессов, визуализации данных и совместной работы в группах. Сервис просто огромен, а в числе клиентов, использующих инструментарий для управления задачами, много громких имен — fiverr, Philips, McDonald’s, Carlsberg и другие. Бесплатный план для использования сервиса подразумевает до 1000 задач на двух человек и дисковое пространство до 500 МБ.

Monday.com предлагает просто огромное количество шаблонов для организации любого бизнес-плана, а также виджеты, панели мониторинга и автоматизацию процессов. Сервис имеет открытый API, построенный на структуре GraphQL (альтернатива API на основе REST).

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

Сanva

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

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

Notion

Это платформа для совместной работы с поддержкой разметки Markdown. Notion интегрирует канбан-доски, задачи, вики и базы данных. Сервис имеет клиенты под macOS и Windows, а также работает на мобильных платформах Android и iOS.

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

Заключение

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

Рекомендуем также посмотреть видео как самостоятельно сделать динамическую сравнительную диаграмму Ганта в Excel: