В продолжение недавно начатой мной в ЖЖ темы (здесь тоже есть) популяризации CASE-софта, следующими несколькими постами, то-есть-даром, выкладываются туторы по взлюбившемуся мной iGrafx 2009. Они же идут и в пополнение жира сообщества «RU CASELOGIA».

Если отдельные уроки не про вас, то можно смотреть всё в одном или слить себе PDF, метров пять с копейками.

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

iGrafx — это инструмент из рода моделирующих и обкатывающих процессы, в простонародье «CASE». Поддерживает несколько нотаций, которые я бы чётко разделил на два типа: на IDEF и остальные. Остальные — это по сути диаграммы рабочих потоков Workflow, DFD: Process, BPMN, Cause'n'Effect, Orgcharts, Lean Values. О них и речь в уроках. Потому что про IDEF надо писать отдельно, этот стандарт к потокам относится мало.

Уроки хороши тем, что дают справедливое представление об iGrafx как о софте, желанном профессионалам и совсем даже нет. Добравшись до раздела о BPMN-диаграммах, в этом наконец-то можно будет убедиться и таки начать моделировать свои бизнес-процессы, особенно не напрягаясь. На сегодня это шик, всё-таки CASE уже долго остаётся сугубо специфическим софтом. Как бы очень профессиональным. Но удобный iGrafx стоит того, чтобы разобраться в его логике и использовать по полной. Результат — полноценные модели процессов (производство, продажи, логистика и так далее), способные симулировать работу реальных предприятий задолго до их пуска, а главное — до вливания бабла и трат по времени.

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

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

Сегодня первый тутор — «Создание карт процессов».

Уроки iGrafx. Создание карт процессов

Карта процеccов (или worfklow или процесс-диаграмма, DFD) — это диаграмма, про которую сразу вспоминают, когда не хватает возможностей IDEF. Проще говоря, объекты IDEF зачастую разбавляют-детализируют, поясняя диаграммами DFD. Или когда скучают от непонимания IDEF. Либо в более однозначном случае — когда хотят быстро нарисовать поток происходящего, со всеми его атрибутами: задержками по времени, созданием попутных документов, разветвлениями по логическим условиям «Да/Нет» и так далее. А в общем, выходит так, что процесс-диаграммы — есть вполне самостоятельные организмы, прекрасно себя чуствующие и без IDEF.

Выглядят красиво, читаются слева направо, информативны. Примерно такие:

Но до этого ещё доберёмся, а пока, по запуске iGrafx, в диалоге приветсвия «Welcome», жмём на «New Document» и выбираем «Process». Если «Welcome» уже закрыт, то тоже самое делается по пути меню — File / New / Process.

Размещение фигур объектов, «Activities»
Чтобы создать объект «activity» или «прямоугольник действия»
Установка связи между объектами
Установка связи с одновременным созданием нового объекта
Создание объекта «выбора по условию», обозначаемого ромбом
Надписывание объектов
Соединение объектов связями
Разветвление связи через ромб выбора «Decision»
Быстрая смена обозначений логического выбора
Добавление отделов или «плавательных дорожек» потоков
Переименование отделов и размещение в них объектов
Создание объектов, принадлежащих более, чем одному отделу
Набор форм объектов в панели инструментов
Автонумерация объектов
Создание иерархии диаграмм ссылками или «детализация»
Создание ссылок на внешние файлы
Добавление примечаний
Отображение меток соединения страниц
Цветовые темы
Экспорт

Размещение фигур объектов, «Activities»

В iGrafx, диаграмма создаётся с готовым объектом «Start» (переименовываем в «Начало»), находящимся в «Отделе» — объекте рода «Swimlane». По умолчанию он называется «Dept. 1», но мы и его сразу переименуем в «Первый отдел». Вообще, такие «плавательные дорожки» — характерный признак диаграмм «Process». Они являются группами объектов. А если привести пример из жизни, то это типичные отделы предприятия. Ну или названия команд разработчиков, стоимостные центры, коллекторы ресурсов. Такие вот примеры.

Чтобы создать объект «activity» или «прямоугольник действия», «объект-действие»:

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

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

Если в чём-то ошиблись, то отменяем действия командой «Undo» из меню «Edit» или по Ctrl+Z , как в большинстве Windows-приложений. Для удаления объекта — выделяем его и жмём «Delete».

Установка связи между объектами

У iGrafx есть свойство, сильно ускоряющее работу. Когда выбран инструмент «селектор» (стандартный мышиный курсор-указатель), то можно быстро установить связь между объектами. Просто нажмите на одном из них и ведите мышь на другой. При этом, курсор станет карандашом с пиктограммой связи. Затем отпустите кнопку мыши над вторым объектом и между ними появится стрелка связи.

Установка связи с одновременным созданием нового объекта

Выбираем инструмент «Activity». При этом курсор принимает вид карандаша с пиктограммой объекта. Наводим его на существующий объект. Там он меняется на карандаш с пиктограммой двух связанных объектов. Жмём на объекте и ведём мышь на то место, где хотим увидеть новый, обычно вправо. Затем отпускаем кнопку и получаем его, с уже установленной связью с родительским.

Создание объекта «выбора по условию», обозначаемого ромбом

Всё примерно так же, как при создании объекта действия с готовой связью. В панели выбираем ромб «Decision» и переводим курсор на диаграмму. Он меняет свой вид на уже знакомый карандаш с объектом — на курсор размещения. Теперь поместим курсор на линию связи между двумя ранее созданными объектами действий — прямоугольниками. Щёлкаем на ней и получаем ромб. Причём сразу заполненный красным диагональным штрихом и готовым «выбором» — «NO». Штриховка обозначает ошибку. В нашем случае — это незавершённость выбора, ведь у нас ещё отсутствует вариант «YES».

«NO» отрисовывается первой по умолчанию. Но в свойствах объекта можно указать и свой текст.

Надписывание объектов

Просто кликаем на объекте, получаем вертикальную палку — курсор ввода текста — и набираем название объекта. Если же объект уже выделен, то можно нажать F2. По окнончание набора жмём Esc.

Есть пара рекомендаций по именованию объектов и связей. Ну то, что лаконичность — есть основа удобочитаемости, это ясно. Что же до словоформ и частей речи, то объекты следует стремиться именовать существиетльными в единственном числе, они как бы «работа». На то они и «Activity». А связи лучше глаголами, на то они и переходы от одной работы к другой.

Соединение объектов связями

В рамках диаграммы процесса, объекты выполнают роль его шагов. А объекты связи — стрелки — представляют потоки процесса.
Сначала проработаем шаг, ранее уже нами выполнявшийся. Выбираем инструмент «селектор». Если нужно, то жмём Esc для выхода из другого режима. Теперь переводим курсор на объект «Начало», жмём на нём мышью, ведём вправо и отпускаем на объекте «Проверка платежа». Теперь между обоими объекта установлена стрелка-связь.

Для удаления связи, выделяем стрелку и жмём Delete.

Разветвление связи через ромб выбора «Decision»

Ранее мы уже создавали Decision. Но оставили его ополовиненным — только со стрелкой «Что если ДА».

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

Прочтём диаграмму, для закреплениия: «Кассиром началось оформление продажи. Он проверяет платёж. Если с ним всё ОК, то он продолжает оформление. А если нет, то необходимо вернуться к проверке».

Быстрая смена обозначений логического выбора

Щёлкаем правой кнопкой по одной из стрелок, выходящих из ромба. Получаем контекстрое меню, где можем выбрать одно из трёх — «No», «Yes» или «No Label». После смены, iGrafx автоматом заменит обозначения на остальных стрелках.

Добавление отделов

Плавательных дорожек, отделов «Departments», в одной диаграмме обычно бывает несколько. В iGrafx они являются своего рода группами для объектов родственных операций и могут представлять, например, коллектор ресурсов или стоимостной центр.
Чтобы добавить отдел в диаграмму, выбираем селектор и жмём им на пустом месте для «очистки». Затем выбираем инструмент «Department».

В появившемся меню выбираем «Insert Department» и вводим его имя. У нас этобудет «Кредит». Размещение «Locations» оставляем как «Top-Level» и жмём «Apply». Набираем ещё одно имя «Продажи» и OK. Теперь мы получили ещё пару новых отделов.

Переименование отделов и размещение в них объектов

Для переименования отдела делаем то же самое, что и для переименования любого объекта: выбираем инструмент «селектор», щёлкаем им по отделу и вводим новое имя. Потом щёлкаем по пустому месту для отмены выделения.
Для перемещения объектов в другой отдел, выделяем рамкой то, что хотим переместить и тащим на желаемую плавательную дорожку. Теперь операции, от проверки платежа до продолжения оформления, находятся в отделе «Кредит».

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

Создание объектов, принадлежащих более, чем одному отделу

Обычно, отделы автоматом расширяются под величину их объектов. Но мы можем расширить и объекты так, чтобы они заняли более одной плавательной дорожки.
Выберем объект «Начало» и придержим Ctrl. Теперь переводим курсор вниз объекта, пока он не изменится на пиктограмму прямоугольника, перечёркнутого горизонтальной линией. Хватаем его мышью и тащим вниз, отпустив там, где нам нужно. Межотдельный объект готов.

Обратная операция — исключение отдела из межотдельного объекта — производится серез диалог свойств (Properties) объекта. Дважды щёлкаем по объекту, либо вызываем контекстное меню по правому клику. Получаем диалог свойств и идём на страницу задач «Tasks». На вкладке шагов «Step» жмём кнопку «Exclude Depts». Там жмём на «Кредит», потом на «Yes». «Кредит» у нас перемещается в исключения. Жмём «ОК» в каждом из диалогов.

Теперь исключённый отдел пробьёт пунктиром объект на своей территории. Объект можно уменьшить для размещения в одном отделе.

Набор форм объектов в панели инструментов

По умолчанию мы располагаем тремя формами объектов — прямоугольником, скруглённым прямоугольником и ромбом. Но мы можем редактировать этот набор, добавляя иил удаляя формы, используя стрелку под набором, в панели инструментов. По ней нам доступна библиотека форм «Shape Library». Нажатием «Add Shapes» мы вызываем диалог выбора около двадцати тематических групп, в свою очередь включающих по несколько наборов форм для диаграмм различного назначения.

Автонумерация объектов

iGrafx по порядку нумерует все объекты в диаграммах. Перенумерацию же, можно использовать, либо автоматическую, либо ручную. При этом надо учесть то, что iGrafx не создаёт дубликатов номеров в пределах одной диаграммы.
Для отображения номеров жмём на «Display shape numbers» в панели управления и выбираем «Show All Shape Numbers».

Создание иерархии диаграмм ссылками или «детализация»

Детализация — один из важнейших инструментов в любой из нотаций построения диаграмм. Она экономит место на мониторе и бумаге, а так же позволяет рассмотреть любой процесс до параноидальных мелочей. Детализация — это разбиение родительского объекта на подобъекты, заключённые в собственную диаграмму и находящиеся на собственных листах.
Создадим такой подпроцесс для нашего объекта «Проверка платежа».
Двойным кликом по объекту «Проверка платежа», вызываем диалог его свойств. Переходим на страницу «Process» в категории «Guide». В списке «Activity» выбираем «Subprocess» и жмём на «New». Вводим «Подпроцесс проверки платежа» и жмём «OK» во всех диалогах. Теперь наш объект «Проверка платежа» получил тень, что означает наличие у него детализации.
Пойдём в подпроцесс по ссылке.
Щёлкаем правой кнопкой по объекту и выбираем из контекстного меню «Подпроцесс проверки платежа». Получаем открытую диаграмму этого подпроцесса. Теперь сделаем его завершённым, сделавшим свою работу. С точки зрения схемы — своим выходом, входящим обратно в родительский объект.

Таким образом, в одном файле мы можем хранить множество диаграмм. Переключаться между ними удобно по стандартному Ctrl+Tab. Их список отображается в «Document Components», вызываемом через File – Components. Там они представлены крайне наглядно — иерархией.

Создание ссылок на внешние файлы

Ссылка на файл сторонней программы.
Выбираем объект «Начало» на диаграмме «Process1». Затем в меню «Insert» выбираем «Link», а там — «File» или «Web Page». Для примера, жмём на иконку «web page» и вводим что-нибудь вроде «google.ru». Теперь переходим в поле «Key Modifiers» и жмём комбинацию клавиш из Ctrl, Shift и Alt. Она будет вызывать просмотр связанного файла. Теперь можно внести описание ссылки в поле «Description» и нажать OK. Объект получил пиктограмму цепи в правом нижнем углу.

Активация ссылки.
Нажимаем и удерживаем назначенную комбинацию клавиш, а двойным кликом по объекту вызываем ссылку. То же самое делается по правому клику на объекте и выбором ссылки из контекстного меню. А если у вас установлен iGrafx Process Central, то хранить ссылки можно в центральном хранилище — «central repository», чьим свойством является обеспечение работоспособности ссылок, даже если они были перемещены или переименованы.

Добавление примечаний

Каждый объект может быть сопровождён примечанием в виде текстового поля с форматированием.
Выберем объект «Начало», затем «Note» в меню «View» или просто нажмём «F6». В появившемся окне примечания набираем «Рабочие инструкции для этого шага» и закрываем окно.
Теперь объект получил дополнительное обозначение в виде пиктограммы примечания-стикера, а при наведении на него мышью, примечание отображается рядом с объектом. Если этого не происходит, активируем опцию в меню «View», выбрав «Note Tooltips».

Отображение меток соединения страниц

Теперь закроем текущую карту и откроем файл «Order». Он должен лежать в папке программы, примерно по пути «.\iGrafx\Pro\13.0\Sample\English\Order.igx».
Метки соединения страниц применяются для карт, которые невозможно разместить на одном листе. Идём в меню «Format» и выбираем «Diagram». Переходим во вкладку «Off-Page Connectors», отмечаем чекбоксы «Automatic Connectors», «Include Page Numbers» и «View Page Breaks». Жмём «OK».
Теперь метки отображаются, обозначая места соединения страниц. Их границы обозначаются серым пунктиром. Постараемся не спутать их с пунктирами разделения фаз процесса, которые пожирнее.

Цветовые темы

Такие элементы как поля имён отделов, объекты, графические элементы и поля имён фаз процесса, приведены к единому стилю цветовой заливкой. При этом, плавательные дорожки отделов не заливаются. Всё это дело может быть настроено применением цветовых схем.
В меню «View» выбираем «Themes». В появившемся окне «Themes» жмём на понравившуюся цветовую тему. Так же, их можно изменять: в окне «Themes» жмём на «Setup Diagram Colors», а там меняем чекбоксами цвета элементов по усмотрению. Если же хотим изменить цвет у какого-то конкретного объекта, то выбираем его и используем «Fill» в меню «Format».
Все объекты будут обновлены в соответствии с выбранной темой. А объекты, установленные в «Automatic», «None», «Standard Colors» или «Custom Colors», сохранят настройки вне зависимости от темы.

Экспорт

Для просмотра работ без iGrafx, мы можем сохранить их в форматы web, Adobe Acrobat, Microsoft Office, Word или PowerPoint.
Например, для сохранения в PDF, идём в меню «File», выбираем «Publish As» и «PDF Document». Жмём на «Next», далее на «Finish» и «Yes», когда iGrafx попросит разрешения открыть новый документ. Acrobat Reader откроет его и мы увидим страницу карты процесса с колонтитулами, информация которых предопределяется в «Page Setup».

31.03.2011

Уроки iGrafx 2009. Первый из восьми: «Создание карт процессов»