Проектирование сайта с помощью диаграмм UML

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

Надо ли проектировать сайт?

 
1. В первом случае Заказчик обращается к вам примерно с таким запросом: «Посмотрите на сайт, например, http://www.planerka.info. Делаем все точно так же, только меняем дизайн».
Мы делаем копию сайта, собираем админку для сайта, чтобы было удобно управлять данными сайта.
На следующем этапе Заказчик обращается к нам с запросом дооснастить сайт набором дополнительных модулей – другая платежная система для сайта, свой модуль отзывов или, например, личный кабинет для сайта.
 
2. Во втором случае у Заказчика есть своя оригинальная идея или концепция сайта. Обычно она оформлена в виде бумажных набросков. Иногда дело даже доходит до готового дизайна в макетах PSD. 
Это уже значительный прогресс. Действительно, лучше один раз показать, чем десять раз рассказать.
 

И в первом и во втором случае проектирование сайта обязательно!

Это в разы облегчит взаимодействие между Заказчиком и Исполнителем. Более того, разработка сложного оригинального программного продукта в принципе невозможна без проектной документации. Другое дело, что Заказчик не всегда посвящен во все подробности разработки проектной документации к сайту. Заказчику для эксплуатации сайта, часть проектных документов просто не нужна, а необходима только Разработчику для ведения работ. Надо отметить, что в момент передачи готового проекта Заказчику, Разработчик сайта передает проектную документацию к сайту в полном объеме, как часть проекта.
Правилом хорошего тона считается, когда ссылки на проектную документацию сайта доступны из администраторской зоны сайта.
 

Какие инструменты проектирования использовать в разработке сайта? Диаграммы UML!

Важно чтобы Заказчик и Разработчик говорили на одном языке. Поэтому проектная документация должна быть выполнена с использованием универсального, широко распространенного стандарта. Таким стандартом в проектировании, в том числе сайтов, стал UML – Unaited Modelling Language. 
 
В состав языка проектирования UML входит широкий набор видов диаграмм:
диаграммы классов,
диаграммы последовательностей,
диаграмма объектов,
диаграмма компонентов,
диаграмма пакетов,
диаграмма развёртывания,
диаграмма вариантов использования (диаграмма прецедентов), 
диаграмма автомата,
диаграмма деятельности,
диаграмма коммуникаций,
диаграмма времени (временнАя диаграмма).
 
На практике, для проектного документирования сайта достаточно использовать всего несколько из них.
На самом начальном этапе, когда надо прояснить идею веб-приложения и понять видение клиента, лучше всего подойдет диаграмма вариантов использования (диаграмма прецедентов). Немного модифицированный вид этих диаграмм используется в приложении Microsoft Solutions Foundation, предназначенный для организации полного цикла работ по разработке программного обеспечения.
 
 
Диаграмма прецедентов
 
Диаграммы ВИС обычно сопровождаются текстовым словесным описанием.
 
 
Еще один очень удобный вид диаграмм UMLдиаграмма деятельности. Мы рекомендуем использовать более простой, понятный и знакомый нам еще по школьным урокам информатики язык блок-схем.
 
Блок-схема
 
 
Наконец, когда от прояснения и документирования концепции сайта вы переходите к проектированию структуры баз данных, как разработчику вам может пригодиться диаграмма классов:
 
Диаграмма классов
 
Основное предназначение диаграммы классов UML - описание сущности в проектной системе. Также диаграммы классов UML показывают отношения между сущностями и реализацию родительских классов. После составления диаграммы классов становится понятным, как реализовывать связь между таблицами данных и кодом проекта в каждом конкретном случае.
 
Диаграмма последовательности UML полезна для того, чтобы описать последовательность переключения инициативы между несколькими участниками технологического процесса.
 
Здесь мы описали основные диаграммы UML, обычно используемые при разработке сайта.
 
А вот когда работы над вашим сайтом закончены и проект принят, пришло время размещать ваш сайт на рабочем (или как говорят «боевом») сервере. Чтобы помнить, где что лежит, на каких аппаратных ресурсах располагается ваша веб-система – понадобится UML диаграмма развертывания
 
В этой статье мы рассказали о некоторых диаграммах из достаточно обширного набора диаграмм UML.
Даже беглого взгляда на картинки-иллюстрации, того как используются диаграммы, достаточно чтобы увидеть однозначную ценность диаграмм UML  для организации работ по разработке сайта. 
 

Итак, диаграммы UML используются на всех этапах разработки сайта: формулирования концепции, разработки структуры базы данных, описании бизнес-процессов и развертывания сайта на рабочем хостинге. 

 
Мы хотели продемонстрировать то, что диаграммы UML на самом деле достаточно просты и для Заказчика нет необходимости осваивать их полный набор. 
 
Разработчику знание диаграмм UML обязательно и для чтения и в первую очередь для составления проектной документации.
 
Краткое руководство по использованию диаграмм UML и их описание вы найдете на сайте посвященном методам проектирования – Планерка.инфо http://www.planerka.info.
 
 
Давиденко Сергей,
веб-разработчик


Комментарии

  • [23.08.2015] Большой сайт без проектирования сделать нереально.А заказчику обязательно блок-схемы рисуем!

Ваш комментарий:

Сколько будет 9 + 9 ?