Примеры / Диаграмма Ганта разработки сайта
Диаграмма Ганта разработки сайта
Диаграмма Ганта показывает задачи проекта на шкале времени и связи между ними. В этом примере работы идут по рабочим дням: суббота и воскресенье отмечены как выходные.
Что показано
- Задачи сгруппированы в этапы: подготовка, разработка, запуск.
- Дизайн начинается после прототипа, вёрстка — после дизайна.
- Бэкенд идёт параллельно с дизайном и вёрсткой.
- Запуск сайта — веха (ромб) в конце тестирования.
Код диаграммы (PlantUML)
@startgantt language ru Project starts 2026-11-02 saturday are closed sunday are closed -- Подготовка -- [Сбор требований] requires 5 days [Прототип] requires 5 days [Прототип] starts at [Сбор требований]'s end -- Разработка -- [Дизайн] requires 10 days [Дизайн] starts at [Прототип]'s end [Вёрстка] requires 10 days [Вёрстка] starts at [Дизайн]'s end [Бэкенд] requires 15 days [Бэкенд] starts at [Прототип]'s end -- Запуск -- [Тестирование] requires 5 days [Тестирование] starts at [Вёрстка]'s end [Запуск сайта] happens at [Тестирование]'s end @endgantt
Как устроен синтаксис, описано в справочнике: Диаграмма Ганта.
Другие примеры
- Диаграмма классов интернет-магазинаПример UML-диаграммы классов для интернет-магазина
- Диаграмма классов библиотекиUML-диаграмма классов для информационной системы библиотеки
- Диаграмма прецедентов библиотекиПример диаграммы прецедентов (вариантов использования) для библиотеки
- Диаграмма прецедентов интернет-магазинаДиаграмма вариантов использования интернет-магазина
- Диаграмма прецедентов банкоматаКлассический пример диаграммы прецедентов UML
- Диаграмма последовательности авторизацииUML-диаграмма последовательности входа пользователя
- Диаграмма последовательности оформления заказаПример диаграммы последовательности для интернет-магазина
- Диаграмма деятельности снятия наличных в банкоматеUML-диаграмма деятельности (activity) для снятия денег в банкомате
- Диаграмма деятельности обработки заказаПример диаграммы деятельности для обработки заказа в интернет-магазине
- Диаграмма состояний заказаUML-диаграмма состояний (state machine) для заказа в интернет-магазине
- ER-диаграмма базы данных библиотекиER-диаграмма (сущность–связь) для базы данных библиотеки
- Диаграмма развёртывания веб-приложенияUML-диаграмма развёртывания типичного веб-приложения
- Блок-схема линейного алгоритмаПример блок-схемы линейного алгоритма по ГОСТ 19
- Блок-схема с ветвлением: квадратное уравнениеПример блок-схемы разветвляющегося алгоритма по ГОСТ
- Блок-схема цикла: факториал числаПример блок-схемы циклического алгоритма по ГОСТ 19
- Интеллект-карта курсовой работыПример интеллект-карты (mind map) плана курсовой работы
- Интеллект-карта проекта сайтаПример интеллект-карты проекта разработки сайта интернет-магазина
- Интеллект-карта изучения PythonПример интеллект-карты плана изучения Python
- Диаграмма Ганта курсовой работыПример диаграммы Ганта для курсовой работы
- Диаграмма Ганта организации мероприятияПример диаграммы Ганта для организации мероприятия или конференции