SlideShare une entreprise Scribd logo
1  sur  30
Télécharger pour lire hors ligne
Визуализация требований
Максим Смирнов
ИТ-архитектор
All you need is …
Как рассказать историю
одним слайдом
Давайте знакомиться!
Максим Смирнов
https://mxsmirnov.com
mxsmirnov@gmail.com
2017-2018: АО ”БИНБАНК Диджитал”
Главный архитектор (Начальник управления)
2015-2016: Главный архитектор информационных
систем Центрального Банка Российской
Федерации (Банк России)
2006-2014: Руководитель
Департамента ИТ архитектуры ОАО “ВымпелКом”
(торговая марка “Билайн”)
2000-2005: Менеджер проектоа по развитию
дополнительных услуг связи: платежей,
программы лояльности и др.
1995-2000: Эксперт по системам “Банк-Клиент”
и “Банк-Банк” ОАО АБ “Инкомбанк”
2
Вы никогда не задумывались…
Почему корпоративные архитекторы рекомендуют
придерживаться формальных нотаций (UML, BPMN, RML … ),
а сами рисуют совсем другие картинки?
Business Capability Map Archimate Landscape Map
3
 Когда возникает потребность в “big picture”,
чем она вызвана
 Простой пример визуализации предметной
области и сценариев деятельности
 Модели и представления (views)
 Как графы и гиперграфы
помогают визуализировать
знания
 Вопросы и обсуждение
О чем пойдет речь
4
Когда нужна “Большая картинка”
5
Визуализация задачи и
вариантов реализации
Инициация
проекта
“Воронка” инициатив
Самая сложная задача проектирования
состоит в определении того, что должно
быть спроектировано
Frederick P. Brooks, Design of Design. 2010
Евгений
генеральный
директор
Кадровое агентство
«Колизей»
Алиса
руководитель группы
взаимодействия
Борис
сотрудник
Владимир
начальник
отдела подбора персонала
Галина
сотрудник
Дмитрий
внештатный
сотрудник
Группа взаимодействия
с клиентами
Отдел подбора
персонала
Простой учебный пример
6
Заведение заявки
на подбор
Поиск
кандидатов
Интервью по
компетенциям
Ситуационное
интервью
Как работает кадровое агентство
Заведение заявки
на подбор
Поиск
кандидатов
Интервью по
компетенциям
Ситуационное
интервью
Алиса
Заводит заявки
на подбор:
 системных
аналитиков
 разработчиков
 тестировщиков
Борис
Заводит заявки
на подбор:
 системных
администраторов
7
Заведение заявки
на подбор
Поиск
кандидатов
Интервью по
компетенциям
Ситуационное
интервью
Как работает кадровое агентство
Заведение заявки
на подбор
Поиск
кандидатов
Интервью по
компетенциям
Ситуационное
интервью
Алиса
Заводит заявки
на подбор:
 системных
аналитиков
 разработчиков
 тестировщиков
Борис
Заводит заявки
на подбор:
 системных
администраторов
Владимир
Осуществляет
поиск
разработчиков
Галина
Подбирает
аналитиков и
тестировщиков
Дмитрий
Ищет системных
администраторов
8
Заведение заявки
на подбор
Поиск
кандидатов
Интервью по
компетенциям
Ситуационное
интервью
Как работает кадровое агентство
Заведение заявки
на подбор
Поиск
кандидатов
Интервью по
компетенциям
Ситуационное
интервью
Алиса
Заводит заявки
на подбор:
 системных
аналитиков
 разработчиков
 тестировщиков
Борис
Заводит заявки
на подбор:
 системных
администраторов
Владимир
Осуществляет
поиск
разработчиков
Галина
Подбирает
аналитиков и
тестировщиков
Дмитрий
Ищет системных
администраторов
Владимир
Интервьюирует
разработчиков
Галина
Собеседует
аналитиков и
тестировщиков
Дмитрий
Интервьюирует
администраторов
9
Заведение заявки
на подбор
Поиск
кандидатов
Интервью по
компетенциям
Ситуационное
интервью
Как работает кадровое агентство
Заведение заявки
на подбор
Поиск
кандидатов
Интервью по
компетенциям
Ситуационное
интервью
Алиса
Заводит заявки
на подбор:
 системных
аналитиков
 разработчиков
 тестировщиков
Борис
Заводит заявки
на подбор:
 системных
администраторов
Владимир
Осуществляет
поиск
разработчиков
Галина
Подбирает
аналитиков и
тестировщиков
Дмитрий
Ищет системных
администраторов
Владимир
Интервьюирует
разработчиков
Галина
Собеседует
аналитиков и
тестировщиков
Дмитрий
Интервьюирует
администраторов
Евгений
Интервьюирует:
 системных
аналитиков
 разработчиков
 системных
администраторов
Владимир
Интервьюирует
разработчиков
10
Сотрудник группы
взаимодействия
с клиентами
Заведение
заявки
на подбор
Алиса
Борис
Заявка на
аналитика
Заявка на
разработчика
Заявка на
тестировщика
Заявка на
администратора
Ограничиться ли отображением
варианта использования “заведение
заявки” или детализировать профили
подбираемых специалистов?
1 2Вариант Вариант
Попробуем UML Use Case Diagram
11
заведение
заявки на
аналитика
поиск резюме
аналитиков
интервью по
компетенциям
ситуационное
интервью
Алиса
Галина
Евгений
Как отобразить
последовательность
совершаемых действий?
Попробуем UML Use Case Diagram
12
Поможет ли диаграмма классов?
13
Функциональная карта
14
Технический рисунок
Agile Development. NoUML
15Максим Смирновфевраль 2014
Интересная часть работы не фиксируется в моделях.
Интересно то, что мы рассказываем друг другу, рисуя на доске
Alistair Cockburn,
“Agile Software Development”
16
Каждый шаг сценария связывает набор
сущностей из описания предметной области
Требование – N-арная ассоциация
17
ISO/IEC/IEEE 29148:2011 Systems and software
engineering. Requirements engineering
База знаний предметной области
18
Разделение Модели и Представлений
19
<?xml version=“1.0”>
<model>
<decision num=“1”…/>
<decision num=“2”…/>
</model>
Our first decision is
that the system will
have two components,
C1 and C2...
C1 C2
Модель не кодирует сообщение для передачи,
а выступает как медиа(среда, посредник) для
поддержания непрерывных коммуникаций
Отображение дерева в виде карты
20
α - альфа
β - бета γ - гамма
δ - дельта
ζ - дзета
ε - эпсилон
η - эта θ - тета
α
β γ
δ ε
ζ η θ
Отображение графа в виде карты
21
A
B
F
GE C
D
Мы нарисовали гиперграф
22
Гиперграф
23
 Гипергра́ф(Hypergraph) — обобщение понятия граф. Ребра гиперграфа
могут соединяться не только две, а любое количество вершин.
 Гиперграф H=(V,E) представляет собой пару множеств,
где V - множество объектов некоторой
природы, называемых вершинами
гиперграфа, а E — семейство
непустых подмножеств множества V,
называемых рёбрами гиперграфа.
Пример:
V = {v1, v2, v3, v4, v5, v6, v7}
E = {e1, e2, e3, e4} =
{{v1, v2,v3}, {v2,v3}, {v3,v5,v6},{v4}}
Представление в виде диаграммы Эйлера
24
Экземпляры и метки(классификаторы)
25
Алиса Владимир Дмитрий
Простые
свойства
Возраст = 25 Возраст = 37 Возраст = 34
Ссылки на
справочники
Работает в = “Группа
взаимодействия”
Работает в = “Отдел
подбора персонала”
Работает в = “Отдел
подбора персонала”
Доп. свойства
(ссылки на
справочники)
Руководит = “Группа
взаимодействия”
Руководит = “Отдел
подбора персонала”
Тип занятости =
“Договор ГПХ”
Другие свойства Создает = “Договора”
Создает =
{“Заявки на подбор”,
“Аналитиков”}
…
Подбирает =
“Разработчиков”
Проводит интервью =
{“Ситуационное”,
“Разработчики”}
…
Подбирает =
“Сисадминов”
Проводит интервью =
{“По компетенциям”,
“Разработчики”}
…
26
Compact Rectangular Euler
Diagram (ComED)
Euler Diagram with
Duplications (DupED)
Алгоритмы укладки гиперграфа
Алгоритмы укладки гиперграфа
27
Эл. Метки
0
1
2
3
4
5
6
7
8
Метки Элементы
0 1 2 4 5 6
1 3 5 6 8
2 0 1 2 3
3 1 6 7
Сеты Элем. Иерарх.
0 4
0 1 5
0 1 3 6
0 2 2
0 2 3 1
1 6
1 2 3
2 0
3 7
Способы отображения ребер
28
 Область(регион)
 Связующие линии
 Цветовое выделение
 Контур(форма)
 Пиктограммы
 Метки
Gestalt Principles for Data Visualization: Figure/Ground,
Similarity, Proximity, Continuity & Enclosure
Что дальше?
29
Как преобразовать
диаграммы поведения
(ориентированные
графы) Statechart,
BPMN и др. в Customer
journey maps, Canvas,
Kanban-доски и пр.
Визуализация сложных
моделей при помощи
клиентского javascript:
draw.io, bpmn.io, D3.js,
Go.js …
MDD не взлетел, но
цифровые модели
остались. Каково их
новое назначение?
Спецификация – это
файл, приложение или
сайт(hypermedia)?
.js
Data-Driven DocumentСоздаем Kanban доски Роль моделирования
To Do Stage Main course
Alternative
Максим Смирнов
ИТ-архитектор
https://fb.com/mxsmirnov.arch
https://mxsmirnov.com
https://t.me/it_arch

Contenu connexe

Similaire à Laf 2018 Визуализация требований. Как рассказать историю одним слайдом

Choose method for requirements Tsepkov Analyst Days-2017
Choose method for requirements Tsepkov Analyst Days-2017Choose method for requirements Tsepkov Analyst Days-2017
Choose method for requirements Tsepkov Analyst Days-2017Maxim Tsepkov
 
ReqLabs2011_юрий_веденин_система_квалификации_аналитиков
ReqLabs2011_юрий_веденин_система_квалификации_аналитиковReqLabs2011_юрий_веденин_система_квалификации_аналитиков
ReqLabs2011_юрий_веденин_система_квалификации_аналитиковYuri Vedenin
 
Ciocongress hall 2 оранжевый зал
Ciocongress hall 2 оранжевый залCiocongress hall 2 оранжевый зал
Ciocongress hall 2 оранжевый залExpolink
 
Вебинар: Архитектура в ИТ-проектах (IT Expert 28 апреля 2016)
Вебинар: Архитектура в ИТ-проектах (IT Expert 28 апреля 2016)Вебинар: Архитектура в ИТ-проектах (IT Expert 28 апреля 2016)
Вебинар: Архитектура в ИТ-проектах (IT Expert 28 апреля 2016)Максим Смирнов
 
Процесс проектирования ИТ-решений
Процесс проектирования ИТ-решенийПроцесс проектирования ИТ-решений
Процесс проектирования ИТ-решенийМаксим Смирнов
 
Anatol Filin Pragmatic Documentation 0 5
Anatol Filin Pragmatic Documentation 0 5Anatol Filin Pragmatic Documentation 0 5
Anatol Filin Pragmatic Documentation 0 5rit2010
 
Использование AmazingHiring: Опыт GMS
Использование AmazingHiring: Опыт GMSИспользование AmazingHiring: Опыт GMS
Использование AmazingHiring: Опыт GMSHR&Trainings EXPO
 
Преподавание архитектуры предприятия в университетах РФ
Преподавание архитектуры предприятия в университетах РФПреподавание архитектуры предприятия в университетах РФ
Преподавание архитектуры предприятия в университетах РФMaxim Arzumanyan
 
Внедрение Бизнес-Анализа, ИТ Бизнес-Аналитиков и UML
Внедрение Бизнес-Анализа, ИТ Бизнес-Аналитиков и UMLВнедрение Бизнес-Анализа, ИТ Бизнес-Аналитиков и UML
Внедрение Бизнес-Анализа, ИТ Бизнес-Аналитиков и UMLEdgar Khachatryan
 
Аналитика кредитного профиля на платформе Qlik view.А. Колоколов
Аналитика кредитного профиля на платформе Qlik view.А. КолоколовАналитика кредитного профиля на платформе Qlik view.А. Колоколов
Аналитика кредитного профиля на платформе Qlik view.А. КолоколовExpolink
 
Тимур Лукин - Архитектура и проектирование ПО
Тимур Лукин - Архитектура и проектирование ПОТимур Лукин - Архитектура и проектирование ПО
Тимур Лукин - Архитектура и проектирование ПОYandex
 
Потенциал облачных сред для развития бизнеса
Потенциал облачных сред для развития бизнесаПотенциал облачных сред для развития бизнеса
Потенциал облачных сред для развития бизнесаPavel Gelvan
 
как вовлекать заказчиков в АСУ ТП
как вовлекать заказчиков в АСУ ТПкак вовлекать заказчиков в АСУ ТП
как вовлекать заказчиков в АСУ ТПAPPAU_Ukraine
 
Dsml for business.full version
Dsml for business.full versionDsml for business.full version
Dsml for business.full versionDmitry Guzenko
 
Функциональные карты вместо диаграммы вариантов использования
Функциональные карты вместо диаграммы вариантов использованияФункциональные карты вместо диаграммы вариантов использования
Функциональные карты вместо диаграммы вариантов использованияSQALab
 
BIML - лучший друг для SSIS разработчика
BIML - лучший друг для SSIS разработчикаBIML - лучший друг для SSIS разработчика
BIML - лучший друг для SSIS разработчикаAndrey Korshikov
 
BI-проекты глазами аналитика
BI-проекты глазами аналитикаBI-проекты глазами аналитика
BI-проекты глазами аналитикаSQALab
 
Бизнес Инжиниринг Групп и ОРГ-Мастер
Бизнес Инжиниринг Групп и ОРГ-МастерБизнес Инжиниринг Групп и ОРГ-Мастер
Бизнес Инжиниринг Групп и ОРГ-МастерBusiness_Engineering_Group
 
моделисущностей
моделисущностеймоделисущностей
моделисущностейNikolai Kireev
 

Similaire à Laf 2018 Визуализация требований. Как рассказать историю одним слайдом (20)

Choose method for requirements Tsepkov Analyst Days-2017
Choose method for requirements Tsepkov Analyst Days-2017Choose method for requirements Tsepkov Analyst Days-2017
Choose method for requirements Tsepkov Analyst Days-2017
 
ReqLabs2011_юрий_веденин_система_квалификации_аналитиков
ReqLabs2011_юрий_веденин_система_квалификации_аналитиковReqLabs2011_юрий_веденин_система_квалификации_аналитиков
ReqLabs2011_юрий_веденин_система_квалификации_аналитиков
 
Ciocongress hall 2 оранжевый зал
Ciocongress hall 2 оранжевый залCiocongress hall 2 оранжевый зал
Ciocongress hall 2 оранжевый зал
 
Вебинар: Архитектура в ИТ-проектах (IT Expert 28 апреля 2016)
Вебинар: Архитектура в ИТ-проектах (IT Expert 28 апреля 2016)Вебинар: Архитектура в ИТ-проектах (IT Expert 28 апреля 2016)
Вебинар: Архитектура в ИТ-проектах (IT Expert 28 апреля 2016)
 
Процесс проектирования ИТ-решений
Процесс проектирования ИТ-решенийПроцесс проектирования ИТ-решений
Процесс проектирования ИТ-решений
 
Anatol Filin Pragmatic Documentation 0 5
Anatol Filin Pragmatic Documentation 0 5Anatol Filin Pragmatic Documentation 0 5
Anatol Filin Pragmatic Documentation 0 5
 
Использование AmazingHiring: Опыт GMS
Использование AmazingHiring: Опыт GMSИспользование AmazingHiring: Опыт GMS
Использование AmazingHiring: Опыт GMS
 
VisionLabs AntiFraud
VisionLabs AntiFraudVisionLabs AntiFraud
VisionLabs AntiFraud
 
Преподавание архитектуры предприятия в университетах РФ
Преподавание архитектуры предприятия в университетах РФПреподавание архитектуры предприятия в университетах РФ
Преподавание архитектуры предприятия в университетах РФ
 
Внедрение Бизнес-Анализа, ИТ Бизнес-Аналитиков и UML
Внедрение Бизнес-Анализа, ИТ Бизнес-Аналитиков и UMLВнедрение Бизнес-Анализа, ИТ Бизнес-Аналитиков и UML
Внедрение Бизнес-Анализа, ИТ Бизнес-Аналитиков и UML
 
Аналитика кредитного профиля на платформе Qlik view.А. Колоколов
Аналитика кредитного профиля на платформе Qlik view.А. КолоколовАналитика кредитного профиля на платформе Qlik view.А. Колоколов
Аналитика кредитного профиля на платформе Qlik view.А. Колоколов
 
Тимур Лукин - Архитектура и проектирование ПО
Тимур Лукин - Архитектура и проектирование ПОТимур Лукин - Архитектура и проектирование ПО
Тимур Лукин - Архитектура и проектирование ПО
 
Потенциал облачных сред для развития бизнеса
Потенциал облачных сред для развития бизнесаПотенциал облачных сред для развития бизнеса
Потенциал облачных сред для развития бизнеса
 
как вовлекать заказчиков в АСУ ТП
как вовлекать заказчиков в АСУ ТПкак вовлекать заказчиков в АСУ ТП
как вовлекать заказчиков в АСУ ТП
 
Dsml for business.full version
Dsml for business.full versionDsml for business.full version
Dsml for business.full version
 
Функциональные карты вместо диаграммы вариантов использования
Функциональные карты вместо диаграммы вариантов использованияФункциональные карты вместо диаграммы вариантов использования
Функциональные карты вместо диаграммы вариантов использования
 
BIML - лучший друг для SSIS разработчика
BIML - лучший друг для SSIS разработчикаBIML - лучший друг для SSIS разработчика
BIML - лучший друг для SSIS разработчика
 
BI-проекты глазами аналитика
BI-проекты глазами аналитикаBI-проекты глазами аналитика
BI-проекты глазами аналитика
 
Бизнес Инжиниринг Групп и ОРГ-Мастер
Бизнес Инжиниринг Групп и ОРГ-МастерБизнес Инжиниринг Групп и ОРГ-Мастер
Бизнес Инжиниринг Групп и ОРГ-Мастер
 
моделисущностей
моделисущностеймоделисущностей
моделисущностей
 

Plus de Максим Смирнов

Зачем ИТ-архитектору Confluence (AUG Mowcow 26/02/2016)
Зачем ИТ-архитектору Confluence (AUG Mowcow 26/02/2016)Зачем ИТ-архитектору Confluence (AUG Mowcow 26/02/2016)
Зачем ИТ-архитектору Confluence (AUG Mowcow 26/02/2016)Максим Смирнов
 
ITMF2017 – Архитектура Цифрового Предприятия
ITMF2017 – Архитектура Цифрового ПредприятияITMF2017 – Архитектура Цифрового Предприятия
ITMF2017 – Архитектура Цифрового ПредприятияМаксим Смирнов
 
Барьеры микросервисной архитектуры
Барьеры микросервисной архитектурыБарьеры микросервисной архитектуры
Барьеры микросервисной архитектурыМаксим Смирнов
 
Визуализация постановки задачи
Визуализация постановки задачиВизуализация постановки задачи
Визуализация постановки задачиМаксим Смирнов
 
Практические шаги к цифровому предприятию
Практические шаги к цифровому предприятиюПрактические шаги к цифровому предприятию
Практические шаги к цифровому предприятиюМаксим Смирнов
 
Интеграция приложений(аналитический марафон 2016)
Интеграция приложений(аналитический марафон 2016)Интеграция приложений(аналитический марафон 2016)
Интеграция приложений(аналитический марафон 2016)Максим Смирнов
 
Верните аналитика в бизнес
Верните аналитика в бизнесВерните аналитика в бизнес
Верните аналитика в бизнесМаксим Смирнов
 
Цифровая трансформация бизнеса
Цифровая трансформация бизнесаЦифровая трансформация бизнеса
Цифровая трансформация бизнесаМаксим Смирнов
 
Роль ИТ архитектора в организации
Роль ИТ архитектора в организацииРоль ИТ архитектора в организации
Роль ИТ архитектора в организацииМаксим Смирнов
 
Case management - недостающее звено BPM
Case management - недостающее звено BPMCase management - недостающее звено BPM
Case management - недостающее звено BPMМаксим Смирнов
 
Архитектура предприятия в формате SemanticWeb
Архитектура предприятия в формате SemanticWebАрхитектура предприятия в формате SemanticWeb
Архитектура предприятия в формате SemanticWebМаксим Смирнов
 
варианты использования соа
варианты использования соаварианты использования соа
варианты использования соаМаксим Смирнов
 

Plus de Максим Смирнов (19)

Зачем ИТ-архитектору Confluence (AUG Mowcow 26/02/2016)
Зачем ИТ-архитектору Confluence (AUG Mowcow 26/02/2016)Зачем ИТ-архитектору Confluence (AUG Mowcow 26/02/2016)
Зачем ИТ-архитектору Confluence (AUG Mowcow 26/02/2016)
 
ITMF2017 – Архитектура Цифрового Предприятия
ITMF2017 – Архитектура Цифрового ПредприятияITMF2017 – Архитектура Цифрового Предприятия
ITMF2017 – Архитектура Цифрового Предприятия
 
Барьеры микросервисной архитектуры
Барьеры микросервисной архитектурыБарьеры микросервисной архитектуры
Барьеры микросервисной архитектуры
 
Визуализация постановки задачи
Визуализация постановки задачиВизуализация постановки задачи
Визуализация постановки задачи
 
Практические шаги к цифровому предприятию
Практические шаги к цифровому предприятиюПрактические шаги к цифровому предприятию
Практические шаги к цифровому предприятию
 
Интеграция приложений(аналитический марафон 2016)
Интеграция приложений(аналитический марафон 2016)Интеграция приложений(аналитический марафон 2016)
Интеграция приложений(аналитический марафон 2016)
 
itSMF: Solution architecture
itSMF: Solution architectureitSMF: Solution architecture
itSMF: Solution architecture
 
Верните аналитика в бизнес
Верните аналитика в бизнесВерните аналитика в бизнес
Верните аналитика в бизнес
 
Architecture + Agile
Architecture + AgileArchitecture + Agile
Architecture + Agile
 
Цифровая трансформация бизнеса
Цифровая трансформация бизнесаЦифровая трансформация бизнеса
Цифровая трансформация бизнеса
 
Роль ИТ архитектора в организации
Роль ИТ архитектора в организацииРоль ИТ архитектора в организации
Роль ИТ архитектора в организации
 
Crossover for BPM
Crossover for BPMCrossover for BPM
Crossover for BPM
 
ICAS 2011 - Open ESB
ICAS 2011 - Open ESBICAS 2011 - Open ESB
ICAS 2011 - Open ESB
 
Event-driven SOA
Event-driven SOAEvent-driven SOA
Event-driven SOA
 
Case management - недостающее звено BPM
Case management - недостающее звено BPMCase management - недостающее звено BPM
Case management - недостающее звено BPM
 
Архитектура предприятия в формате SemanticWeb
Архитектура предприятия в формате SemanticWebАрхитектура предприятия в формате SemanticWeb
Архитектура предприятия в формате SemanticWeb
 
варианты использования соа
варианты использования соаварианты использования соа
варианты использования соа
 
BPM ACM
BPM ACM BPM ACM
BPM ACM
 
Adaptive Case Management vs. BPM
Adaptive Case Management vs. BPMAdaptive Case Management vs. BPM
Adaptive Case Management vs. BPM
 

Laf 2018 Визуализация требований. Как рассказать историю одним слайдом

  • 1. Визуализация требований Максим Смирнов ИТ-архитектор All you need is … Как рассказать историю одним слайдом
  • 2. Давайте знакомиться! Максим Смирнов https://mxsmirnov.com mxsmirnov@gmail.com 2017-2018: АО ”БИНБАНК Диджитал” Главный архитектор (Начальник управления) 2015-2016: Главный архитектор информационных систем Центрального Банка Российской Федерации (Банк России) 2006-2014: Руководитель Департамента ИТ архитектуры ОАО “ВымпелКом” (торговая марка “Билайн”) 2000-2005: Менеджер проектоа по развитию дополнительных услуг связи: платежей, программы лояльности и др. 1995-2000: Эксперт по системам “Банк-Клиент” и “Банк-Банк” ОАО АБ “Инкомбанк” 2
  • 3. Вы никогда не задумывались… Почему корпоративные архитекторы рекомендуют придерживаться формальных нотаций (UML, BPMN, RML … ), а сами рисуют совсем другие картинки? Business Capability Map Archimate Landscape Map 3
  • 4.  Когда возникает потребность в “big picture”, чем она вызвана  Простой пример визуализации предметной области и сценариев деятельности  Модели и представления (views)  Как графы и гиперграфы помогают визуализировать знания  Вопросы и обсуждение О чем пойдет речь 4
  • 5. Когда нужна “Большая картинка” 5 Визуализация задачи и вариантов реализации Инициация проекта “Воронка” инициатив Самая сложная задача проектирования состоит в определении того, что должно быть спроектировано Frederick P. Brooks, Design of Design. 2010
  • 6. Евгений генеральный директор Кадровое агентство «Колизей» Алиса руководитель группы взаимодействия Борис сотрудник Владимир начальник отдела подбора персонала Галина сотрудник Дмитрий внештатный сотрудник Группа взаимодействия с клиентами Отдел подбора персонала Простой учебный пример 6
  • 7. Заведение заявки на подбор Поиск кандидатов Интервью по компетенциям Ситуационное интервью Как работает кадровое агентство Заведение заявки на подбор Поиск кандидатов Интервью по компетенциям Ситуационное интервью Алиса Заводит заявки на подбор:  системных аналитиков  разработчиков  тестировщиков Борис Заводит заявки на подбор:  системных администраторов 7
  • 8. Заведение заявки на подбор Поиск кандидатов Интервью по компетенциям Ситуационное интервью Как работает кадровое агентство Заведение заявки на подбор Поиск кандидатов Интервью по компетенциям Ситуационное интервью Алиса Заводит заявки на подбор:  системных аналитиков  разработчиков  тестировщиков Борис Заводит заявки на подбор:  системных администраторов Владимир Осуществляет поиск разработчиков Галина Подбирает аналитиков и тестировщиков Дмитрий Ищет системных администраторов 8
  • 9. Заведение заявки на подбор Поиск кандидатов Интервью по компетенциям Ситуационное интервью Как работает кадровое агентство Заведение заявки на подбор Поиск кандидатов Интервью по компетенциям Ситуационное интервью Алиса Заводит заявки на подбор:  системных аналитиков  разработчиков  тестировщиков Борис Заводит заявки на подбор:  системных администраторов Владимир Осуществляет поиск разработчиков Галина Подбирает аналитиков и тестировщиков Дмитрий Ищет системных администраторов Владимир Интервьюирует разработчиков Галина Собеседует аналитиков и тестировщиков Дмитрий Интервьюирует администраторов 9
  • 10. Заведение заявки на подбор Поиск кандидатов Интервью по компетенциям Ситуационное интервью Как работает кадровое агентство Заведение заявки на подбор Поиск кандидатов Интервью по компетенциям Ситуационное интервью Алиса Заводит заявки на подбор:  системных аналитиков  разработчиков  тестировщиков Борис Заводит заявки на подбор:  системных администраторов Владимир Осуществляет поиск разработчиков Галина Подбирает аналитиков и тестировщиков Дмитрий Ищет системных администраторов Владимир Интервьюирует разработчиков Галина Собеседует аналитиков и тестировщиков Дмитрий Интервьюирует администраторов Евгений Интервьюирует:  системных аналитиков  разработчиков  системных администраторов Владимир Интервьюирует разработчиков 10
  • 11. Сотрудник группы взаимодействия с клиентами Заведение заявки на подбор Алиса Борис Заявка на аналитика Заявка на разработчика Заявка на тестировщика Заявка на администратора Ограничиться ли отображением варианта использования “заведение заявки” или детализировать профили подбираемых специалистов? 1 2Вариант Вариант Попробуем UML Use Case Diagram 11
  • 12. заведение заявки на аналитика поиск резюме аналитиков интервью по компетенциям ситуационное интервью Алиса Галина Евгений Как отобразить последовательность совершаемых действий? Попробуем UML Use Case Diagram 12
  • 15. Технический рисунок Agile Development. NoUML 15Максим Смирновфевраль 2014 Интересная часть работы не фиксируется в моделях. Интересно то, что мы рассказываем друг другу, рисуя на доске Alistair Cockburn, “Agile Software Development”
  • 16. 16 Каждый шаг сценария связывает набор сущностей из описания предметной области
  • 17. Требование – N-арная ассоциация 17 ISO/IEC/IEEE 29148:2011 Systems and software engineering. Requirements engineering
  • 19. Разделение Модели и Представлений 19 <?xml version=“1.0”> <model> <decision num=“1”…/> <decision num=“2”…/> </model> Our first decision is that the system will have two components, C1 and C2... C1 C2 Модель не кодирует сообщение для передачи, а выступает как медиа(среда, посредник) для поддержания непрерывных коммуникаций
  • 20. Отображение дерева в виде карты 20 α - альфа β - бета γ - гамма δ - дельта ζ - дзета ε - эпсилон η - эта θ - тета α β γ δ ε ζ η θ
  • 21. Отображение графа в виде карты 21 A B F GE C D
  • 23. Гиперграф 23  Гипергра́ф(Hypergraph) — обобщение понятия граф. Ребра гиперграфа могут соединяться не только две, а любое количество вершин.  Гиперграф H=(V,E) представляет собой пару множеств, где V - множество объектов некоторой природы, называемых вершинами гиперграфа, а E — семейство непустых подмножеств множества V, называемых рёбрами гиперграфа. Пример: V = {v1, v2, v3, v4, v5, v6, v7} E = {e1, e2, e3, e4} = {{v1, v2,v3}, {v2,v3}, {v3,v5,v6},{v4}}
  • 24. Представление в виде диаграммы Эйлера 24
  • 25. Экземпляры и метки(классификаторы) 25 Алиса Владимир Дмитрий Простые свойства Возраст = 25 Возраст = 37 Возраст = 34 Ссылки на справочники Работает в = “Группа взаимодействия” Работает в = “Отдел подбора персонала” Работает в = “Отдел подбора персонала” Доп. свойства (ссылки на справочники) Руководит = “Группа взаимодействия” Руководит = “Отдел подбора персонала” Тип занятости = “Договор ГПХ” Другие свойства Создает = “Договора” Создает = {“Заявки на подбор”, “Аналитиков”} … Подбирает = “Разработчиков” Проводит интервью = {“Ситуационное”, “Разработчики”} … Подбирает = “Сисадминов” Проводит интервью = {“По компетенциям”, “Разработчики”} …
  • 26. 26 Compact Rectangular Euler Diagram (ComED) Euler Diagram with Duplications (DupED) Алгоритмы укладки гиперграфа
  • 27. Алгоритмы укладки гиперграфа 27 Эл. Метки 0 1 2 3 4 5 6 7 8 Метки Элементы 0 1 2 4 5 6 1 3 5 6 8 2 0 1 2 3 3 1 6 7 Сеты Элем. Иерарх. 0 4 0 1 5 0 1 3 6 0 2 2 0 2 3 1 1 6 1 2 3 2 0 3 7
  • 28. Способы отображения ребер 28  Область(регион)  Связующие линии  Цветовое выделение  Контур(форма)  Пиктограммы  Метки Gestalt Principles for Data Visualization: Figure/Ground, Similarity, Proximity, Continuity & Enclosure
  • 29. Что дальше? 29 Как преобразовать диаграммы поведения (ориентированные графы) Statechart, BPMN и др. в Customer journey maps, Canvas, Kanban-доски и пр. Визуализация сложных моделей при помощи клиентского javascript: draw.io, bpmn.io, D3.js, Go.js … MDD не взлетел, но цифровые модели остались. Каково их новое назначение? Спецификация – это файл, приложение или сайт(hypermedia)? .js Data-Driven DocumentСоздаем Kanban доски Роль моделирования To Do Stage Main course Alternative