Dia designer руководство

5.1. Startup (Запуск)

После установки приложение запускается с помощью команды dia. ПП: с помощью такой команды программа запустится в виде пары плавающих окон.
ПП. Dia в виде одного окна (с зафиксированными окнами) выглядит так:

Для начала стоит зайти в меню File ? Параметры и проверить личные настройки. Они сохраняются в вашем домашнем каталоге по адресу .dia/diarc (ПП: мне такой скрытый каталог найти не удалось). Большинство настроек можно оставить по-умолчанию, обратив внимание на следующее:

• Настройка диаграммы по умолчанию… Если вас не беспокоит экономия места на диске, то снимите флажок Сжимать сохраняемые файлы. Это позволит без труда манипулировать UML моделями позже.

После щелчка на кнопке OK окна параметров, вы можете приступать к созданию диаграмм.

5.2. New diagram (Новая диаграмма)

ПП. При запуске программы Dia уже открывается один новый документ. Если планируется работать с несколькими, то следует выполнить команду Файл ? Создать. После этого в рабочей области появится вторая вкладка.

Диалоговое окно Настройка страницы (запускается из меню Файл) позволяет установить следующие свойства):

• Размер бумаги
• Ориентация. Используется портрет (книга) для большинства web-страниц и пейзаж (альбом) для просмотра пленки.
• Отступы. Оставьте как есть. Их размер соответствует бумажному формату.
• Масштабирование. Оставьте Масштаб … 100. Тем не менее, мы вернемся к этому позже.

После нажатия кнопки OK, окно параметров страницы исчезает, и вы готовы к созданию диаграммы.

Совместимость Dia с Windows

Редактор диаграмм Dia не требователен к компьютеру, его можно запустить даже на слабых машинах под управлением Windows XP версии XP SP2 или выше. Поддерживаются системы разрядностью 32 бит и 64 бит.

На данной странице можно скачать две версии программы Dia — установочную и портативную. Для запуска портативной версии распакуйте вложенный архив «dia_0.97.2_win32.zip», перейдите в папку «bin» и запустите файл «dia.exe».

По мере создания заметок к лекциям, презентаций к урокам и прочих обучающих материалов, постоянно хочется представить какую-нибудь схему для будущей аудитории более наглядно. Для создания таких схем можно использовать возможности построения графических объектов Microsoft Office или другого редактора из бесплатного офисного пакета. Однако есть программы, которые предназначены именно для таких целей.

В Microsoft Windows замечательным инструментом для рисования профессиональных диаграмм разных типов является Microsoft Visio. Однако она платная и очень дорогая, к тому же, использовать её можно только в Windows.

Одним из бесплатных аналогов является программа GNU Dia. В этом пособии я расскажу, для чего она вам нужна, и как с ней правильно работать.

GNU Dia — является простым, но весьма мощным редактором диаграмм от проекта GNU. Создана в среде GTK+.

Присутствуют все необходимые инструменты и обширная коллекция предустановленных объектов для добавления в создаваемые диаграммы.

5.3. Draw an Organization Chart (Создание организационной карты, схемы и т.п.)

При создании некой организационной структуры обычно требуется некоторое количество боксов (ПП: боксами будем иногда называть все прямоугольно-квадратное), сплошных и пунктирных линий. Все это может быть сделано базовыми инструментами. Так как же использовать базовые инструменты?

Обратите внимание на план (пп: это описание интерфейса программы, которое мы видим с левой стороны):

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

Самый простой способ работы заключается в следующем:

1. Выберите форму
2. Щелкните по рабочей области.
3. Создайте надпись в ней. (Это касается не базовых элементов, а большинство фигур из библиотек. Большинство библиотечных фигур может допускать текстовые метки внутри них).
4. Переместите форму в место ее размещения.
5. Соедините фигуры линиями. Убедитесь, что линии действительно связаны с метками формы.
6. Создайте метки для линий в случае необходимости.
7. Если надо, переместите фигуры и линии. Также можно добавить дополнительные точки соединения, чтобы разместить линии более точно.
8. Добавляйте и изменяйте другие фигуры и линии.

«Cтратегия» в Simple Framework, начинаем писать DiaTreeStrategy

Класс реализующий «стратегию» (реализующий интерфейс Strategy) в Simple Framework занимается тем, что определяет сопоставление между узлами XML и классами в Java.
У этого интерфейса всего 2 метода — read() и write(). Первый занимается тем, что по переданному xml-узлу пытается понять, какой класс мы сейчас будем заполнять, а второй создает xml-узел, в который мы будем заполнять свойства объекта.

Писать стратегию с нуля — «дело не барское», тем более, что обычный TreeStrategy во всем остальном (кроме незнания как правильно сопоставлять классы и узлы типа object) — вполне хорошо работает. Потому мы его просто подправим. Отнаследуем и подправим.

public class DiaTreeStrategy extends TreeStrategy Читатель наверняка уже догадался, что «всё», что нам надо — это научить «стратегию» читать свойство type у тега object, и откуда-то понимать что «UML — Class» — соответствует классу diaXML.shapes.uml.UmlClass, а «Standard — Box» — классу diaXML.shapes.standart.StdBox.

Информацию о маппинге (type + version => имя класса) я решил хранить в обычном ArrayList:

ArrayList diaObj2ClassMap;

Инициализируем маппинг прямо под объявлением

public ArrayList diaObj2ClassMap = new ArrayList(); { //default base mapping — object type name and version mapped to java class name. //use «*» for ‘any class’ or ‘any version’ diaObj2ClassMap.add(new DiaObjToClassMapRecord(«UML — Class», «0», «diaXML.shapes.uml.UmlClass» )); diaObj2ClassMap.add(new DiaObjToClassMapRecord(«UML — Association», «2», «diaXML.shapes.uml.UmlAssociation» )); diaObj2ClassMap.add(new DiaObjToClassMapRecord(«Standard — Box», «0», «diaXML.shapes.standart.StdBox» )); diaObj2ClassMap.add(new DiaObjToClassMapRecord(«Standard — Text», «1», «diaXML.shapes.standart.StdText» )); diaObj2ClassMap.add(new DiaObjToClassMapRecord(«Standard — ZigZagLine», «1», «diaXML.shapes.standart.StdZigZagLine» )); diaObj2ClassMap.add(new DiaObjToClassMapRecord(«Standard — BezierLine», «*», «diaXML.shapes.standart.StdBezierLine» )); //universal diaObj2ClassMap.add(new DiaObjToClassMapRecord(«*», «*», «diaXML.shapes.UncknownShapeObject» )); }
Как видите, все достаточно прозрачно. Маппинг можно расширить своими классами (если кто напишет свой класс для ещё одного элемента диаграммы) как только будет создан экземпляр DiaTreeStrategy. Пока описано 5 классов (POJO) которые умеют инициализировать свои свойства из атрибутов объекта диаграммы, и один класс универсальный — UncknownShapeObject — в него попадают всё неизвестные нам объекты; он ничего не инициализирует, и хранит массив атрибутов в неизменном виде.
Механизм поиска в этом массиве сопоставления я вынес в отдельную функцию

private Class readValueAdv(Type type, NodeMap node) throws Exception { // we need here catch only tag if( !»object».equals(node.getName()) ) return NULL; Node entry_type = node.get(«type»); Node entry_version = node.get(«version»); if( entry_type == NULL || entry_version==NULL) { return NULL; }; String name_type = entry_type.getValue(); String name_version = entry_version.getValue(); String className=NULL; Class expect=NULL; for (DiaObjToClassMapRecord crec: diaObj2ClassMap) { if ( ( crec.diaType!=NULL && (crec.diaType.equals(name_type) || !crec.diaType.isEmpty() && crec.diaType.equals(«*») ) ) && ( crec.diaVersion!=NULL && ( crec.diaVersion.equals(name_version) || !crec.diaVersion.isEmpty() && crec.diaVersion.equals(«*») ) ) ) { className = crec.javaClassName; break; } } if (className !=NULL) { expect = loader.load(className); Node entry = node.remove(label); } return expect; }
Теперь все что осталось — исправить метод read. public class DiaTreeStrategy extends TreeStrategy … @Override public Value read(Type type, NodeMap node, Map map) throws Exception { Class actualDeclaredByDia = readValueAdv(type, node); if (actualDeclaredByDia==NULL) return super.read(type, node, map); return new ObjectValue(actualDeclaredByDia); } Это, почти всё. Вернее, это был «краеугольный камень преткновения», который не позволял с помощью Simple Framework парсить файлы, которые генерирует DIA.
Естественно, помимо того, что описано в статье, было проведено много другой работы, связанной с аннотированием классов, исследованием того, как в Simple XML работают аннотации-перехватчики событий в процессе сериализации и разбора XML, созданием сервисных классов и тд. и тп., но это уже другой разговор.

5.4. Boxes and text (Боксы и текст)

На самом деле можно изначально использовать бокс, который включает текст, а также изменяется, если текст превышает границы бокса. Боксы из библиотеки Блок-схема (например, квадрат) позволяют легко включать в себя текст. К тому же можно создать собственную форму, которая «знает» о тексте.

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

После создания надписи можно настроить ее свойства через диалоговое окно, доступ к которому можно получить либо через двойной клик по надписи либо щелкнув на ней правой кнопкой мыши и выбрав Свойства. После размещения прямоугольника выбираем базовый инструмент Текст и щелкаем в центр бокса. Курсор появляется в его центре и мы можем ввести текст. При этом текст не выровнен как надо. Чтобы решить эту проблему следует вызвать окно свойств текста и выбрать выравнивание по середине как по горизонтали так и вертикали.

Если после этих манипуляций вы попробуете переместить бокс, то текст окажется к нему привязанным и переместится вместе с ним. Однако, если попытаться сдвинуть текст с места, то он отсоединиться от бокса. Чтобы затем точно выровнять текст в боксе можно воспользоваться стрелками на клавиатуре.

Для того, чтобы текст и бокс в дальнейшем все-время «путешествовали» вместе, их можно сгруппировать, например, выделив с помощью рамки выделения и нажав Ctrl + G.

Если в дальнейшем потребуется редактировать какую-либо часть группы, то сначала придется разгруппировать составной объект (Ctrl + Shift + G). ПП: в Windows XP горячие клавиши не работают, поэтому все приходится делать через меню.

Таким образом можно создать что-то наподобие этого:

ПП. Удобнее копировать боксы с текстом, предварительно выделив группу, чем настраивать текст для каждого прямоугольника. Для редактирования текста следует его выделить и нажать F2.

Не будем сейчас разбирать полностью всю структуру, а перейдем сразу к «проблемным особенностям».
В .dia, структура хранения любого элемента диаграммы унифицирована: это тег object, который «обрамляет» перечень тегов attribute, в которых описываются все характеристики объекта.
Например, вот так описывается элемент ‘линия’ из базовой палитры DIA
Основная проблема тут в том, что все типы элементов описываются одним тегом. В итоге, не понятно как сказать Simple Framework, что — надо разбирать в объект класса Line, а — в объект класса Box. В штатном наборе инструментария Simple Framework я не нашел как решать эту задачу. Именно поэтому была описана «стратегия» DiaTreeStrategy, история создания которой приведена ниже.

К слову, раз уж мы говорим про минимализм Simple Framework применимо к разбору формата .dia, стоит упомянуть про аннотацию @Xpath и её ограничения.

Проблема кроется в том, что состав атрибутов объекта диаграммы, которые Dia сохраняет в xml — не постоянен и зависит от того, какие свойства вы меняли у данного объекта. Из-за этого, при разборе xml структур в .dia, нельзя использовать аннотацию @Xpath с указанием индекса для того, что бы сопоставить свойство класса и описываемый в xml атрибут объекта. Если бы в @Xpath можно было указать имя и значения атрибута, как мы это можем сделать в xpath-запросе — то это сделало бы задачу проще, но увы — в @Xpath можно указать только путь и индекс. Эти обстоятельства привели к появлению у меня в коде не самого удобного механизма заполнения свойств класса из массива атрибутов, но об этом в другой раз.

5.5. Lines (Линии)

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

Мы хотим сделать линии более интересными.

Свойства линий устанавливаются с помощью настроек главного окна:

1. Цвет линии — с помощью иконок цвета переднего плана и фона.
2. Ширина линии — определяется вертикальными линиями различной ширины.
3. Стиль линии (например, пунктирная, штриховая) — по середине внизу.
4. Форма концов линии — внизу слева и справа.

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

Таким образом, для изменения настроек уже существующих линии выполним следующие действия. Для каждой линии следует вызвать ее окно свойств и изменить ширину линии с 0,1 на 0,2. Сделайте линию, соединяющую «менеджера проектов» с «системным архитектором», пунктирной. Но длина штриха может оказаться слишком большой, чтобы линия выглядела адекватно. Поэтому изменим интервал на 0,5. Конечный результат должен быть примерно таким:

Скажем, «системный архитектор» на самом деле докладывает «исполнительному директору» (через длинную цепочку менеджеров среднего звена, конечно). Мы хотим это отметить, но не предавать большого значения. Поэтому нарисуем тонкую линию:

Эх. Мы хотим, чтобы линия находилась снаружи. Но нам не хватает еще одной точки изгиба на линии. Для ее добавления следует выделить линию, щелкнуть в определенном ее месте правой кнопкой мыши и выбрать Добавить сегмент. После добавления одного двух сегментов, можно расположить линию так, чтобы схема выглядела более приятно:

User login

Интегрированная операционная система предприятия, централизованно управляющая всеми бизнес-процессами компании в режиме реального времени

Операционные системы предприятия, универсальные (организационно-независимые), интегрированные, многоагентные, реального времени, или общо — IEM-системы, — новое поколение корпоративных управляющих систем, приходящих на смену ERP — системам планирования ресурсов.
Операционная система предприятия — кибернетический позвоночник компании, соединяющий разрозненные фрагменты бизнеса в единый, согласованно функционирующий, организм.

Фронт-, мидл-, бэк-офис; все дивизионы и филиалы, где бы они ни находились; клиенты, поставщики и подрядчики; мобильные, десктопные приложения и веб-сайты — все работают в глобальном информационном поле с равно актуальными и достоверными данными централизованного инфоконтейнера dia$par в режиме реального времени.

Одна компания — один диаспар. Сорокалетний кошмар «интеграций» и «синхронизаций» в хаосе вечно конфликтующих «систем» — завершен.

Активный dia$par эмулирует полный (замкнутый) цифровой двойник управляемого предприятия; идеально отражающий реальное предприятие, и уникальный настолько же, насколько уникально оно само.

Ваш диаспар работает именно так, как нужно именно вашему бизнесу — больше не надо выворачивать компанию наизнанку, пытаясь вколотить здравый смысл и современность в доисторический примитив «best practices» ERP.

Интегрированная операционная система предприятия замещает все ранее использовавшиеся монофункциональные системы (ERP, CRM, WMS, MES, PLM…) — одновременно, и все сразу.

В рамках dia$par реализуется любой потребный бизнес-функционал, при этом скорость прикладной разработки в 10 и более раз превосходит системы ERP-парадигмы. Continuous delivery — органическая методология доставки изменений в dia$par.

Универсальность IEM-модели (узел цепочек создания стоимости) гарантирует кибернетически-оптимальное управление произвольной организацией: dia$par равно эффективно управляет компаниями любой отрасли, масштаба и сложности операций.

От управления взаиморасчетами с контрагентами до задач сотрудников; от веб-сайтов до торгового складского оборудования, конвейеров, и станков с ЧПУ; закупки, продажи, услуги, мультимодальная логистика, проектный бизнес и строительство, розница, дистрибьюция, e-commerce b2b и b2c, производство дискретное и непрерывное, гарантийный сервис, офисы, магазины, склады, заводы, ремонтные цеха… Как бы масштабен, сложен и географически разнесен ваш бизнес бы ни был — цифровой двойник dia$par отразит его полностью, и в мельчайших деталях (включая, при необходимости, параллельную трансляцию интерфейсов на разных языках).

Тотальный синхронизатор: dia$par организует множество разрозненно исполняемых бизнес-процессов компании в единую в масштабе всего предприятия сеть виртуальных конвейеров, и далее автономно управляет ей — без вмешательства менеджмента.

Синхронность, прозрачность и взаимная согласованность исполнения сложных бизнес-операций, характерные для классического сборочного конвейера в материальном производстве, — dia$par обеспечивает компаниям любого типа, сферы и отрасли. Удобная, простая и надежная организация удаленной работы для всех категорий сотрудников, вплоть до полностью виртуального офиса — естественное следствие.

Автономная управляющая система — автопилот для бизнеса. Роевой Интеллект dia$par автоматически исполняет формализованные бизнес-операции любого уровня сложности — без вмешательства людей.

Центр управления Internet of Things: dia$par централизованно управляет любым цифровым оборудованием — от офисных принтеров и веб-сайтов до складских штабелеров, конвейерных линий и (будущих) беспилотных грузовиков.

Неограниченная адаптивность dia$par — мгновенная управляемость бизнеса любого масштаба. Изменения, в обычной компании требующие недель, месяцев или никогда, многоразовых собраний, убеждений, бюрократических переписок, преодоления саботажа на каждом этаже корпоративной иерархии, с dia$par занимают часы-дни, и заключаются в перенастройке параметров цифрового двойника.

Централизованный инфоконтейнер dia$par транслирует готовые для немедленной обработки Big Data исходные данные в режиме реального времени.

Рекордная производительность процессинга высокоуровневых бизнес-транзакций позволяет dia$par обеспечивать транзакционные потребности самых крупных компаний планеты в режиме мягкого реального времени.

Omni channel, выдающаяся устойчивость системы и безопасность данных, 100% соответствие GDPR, реальная роботизация на всех участках бизнес-процессов, agile… — все это вы получаете «из коробки».

И — минимум в десять раз быстрее и дешевле, в сравнении с монофункциональными системами ERP-парадигмы.

Доказанные операционные преимущества dia$par, продемонстрированные в реальной бизнес-практике эксплуатантов, являются системным следствием фундаментального технологического превосходства инновационной концепции ОС предприятия — парадигмы Intelligent Enterprise Managing (IEM) System.

• Операционная система для бизнеса — все очень просто
• IEM System для ИТ-специалистов
• dia$par: результаты и факты
• Кейсы-примеры из жизни эксплуатантов
• Бизнес в диаспаре: что делать топ-менеджменту