Редактор диаграмм GNU Dia Сравнение версий

Различия

Здесь показаны различия между двумя версиями данной страницы.

Ссылка на это сравнение

Следующая версия
Предыдущая версия
Последняя версия Следующая версия справа и слева
wiki:dia [2012/04/27 17:42]
создано
wiki:dia [2012/05/18 01:25]
[Редактор диаграмм GNU Dia]
Строка 1: Строка 1:
-====== Редактор диаграмм ​Gnu Dia ======+====== Редактор диаграмм ​GNU Dia ======
  
-FIXME+{{:​wiki:​dia.png?​nolink |}}**GNU Dia** - это простой,​ но весьма функциональный редактор диаграмм от проекта GNU. Он содержит все необходимые инструменты и достаточно обширную коллекцию предустановленных объектов для добавления в ваши диаграммы. 
 + 
 +Dia содержится в стандартных репозиториях Ubuntu, для установки воспользуйтесь любым пакетным менеджером. Вам потребуется пакет ''​dia'',​ но кроме него рекомендуется поставить также пакет ''​dia-shapes'',​ который содержит дополнительные коллекции объектов. 
 + 
 +===== Создание карты локальной сети ===== 
 + 
 +В качестве примера работы с Dia рассмотрим типичную задачу:​ создание карты локальной сети. Будем рисовать физическую топологию сети, логические карты рисуются также. 
 + 
 +Пример того, что может получится:​ 
 + 
 +{{ :​wiki:​dia:​network-example.png?​direct }} 
 + 
 +==== Немного о слоях в Dia ==== 
 + 
 +Dia поддерживает работу со слоями. Хотя в последних версиях в поддержке слоёв достаточно много досадных багов, к которым нужно привыкать. 
 + 
 +В Dia **0.97.2**, которая поставляется в репозиториях Ubuntu 12.04, управление слоями происходит с помощью специальной боковой панели,​ включить которую можно в меню "//​Вид->​Показать слои//"​ или же с помощью комбинации <​key>​C-l</​key>​. 
 + 
 +<note important>​При использовании Dia **0.97.2** (Ubuntu 12.04) из-за бага в программе для создания слоёв не пользуйтесь пунктом "//​Слои->​Добавить слой...//",​ а вместо этого используйте кнопку с символом "​+"​ на панели слоёв. Переименовать слой можно просто щёлкнув по нему два раза левой клавишей мышки.</​note>​ 
 + 
 +<note tip>В более старых версиях Dia (до **0.97**) управление слоями происходило с помощью отдельного диалогового окна. Его основная особенность заключается в том, что пока оно открыто - редактировать и что-либо делать с основным хостом Dia нельзя,​ хотя он и остаётся незаблокированным.</​note>​ 
 + 
 +У каждого слоя есть два переключателя - видимости и возможности привязки линий к объектам. С видимостью всё понятно,​ а вот с привязкой линий, быть может, не до конца. 
 + 
 +Если переключатель привязки у некоторого слоя (допустим,​ //​Слоя1//​) активирован,​ то находясь на другом слое и рисуя линию, вы сможете привязать её конец к объекту Слоя1, поддерживающего привязку. Если затем вы перейдёте на Слой1 и начнёте двигать такой объект,​ то линия (находящаяся на другом слое) будет следовать за объектом. Это очень удобно при рисовании соединительных проводов. 
 + 
 +Для карты сети мы будем активно использовать слои, группируя элементы по их назначению. 
 + 
 +==== Выравнивание по сетке ==== 
 + 
 +Рядом с холстом Dia есть переключатель выравнивания добавляемых объектов по сетке. В версии **0.97.2** он находится сверху. Не забывайте им пользоваться для красивого размещения линий и некоторых объектов. 
 + 
 +==== Сетевое оборудование ==== 
 + 
 +Перед тем, как рисовать физическую топологию сети, нужно определиться с тем, как мы будем изображать наше оборудование. Dia содержит массу объектов,​ представляющих различные свичи и коммутаторы (в том числе и Cisco), однако их использование не очень наглядно. 
 + 
 +Поэтому вместо встроенных объектов предлагается использовать обычные фотографии вашего сетевого оборудования,​ добавленные на холст Dia. 
 + 
 +Фотографии проще всего найти в интернете. Дальше их нужно обработать в [[gimp|GNU GIMP]], вырезав лицевую панель с коннекторами. 
 + 
 +После этого с помощью инструмента "​Изображение"​ добавляем на основной фоновый слой документа Dia всё сетевое оборудование и расставляем его в желаемом порядке. 
 + 
 +==== RJ45 и прочие коннекторы ==== 
 + 
 +Фотографии сетевого оборудования не всегда получаются хорошими,​ кроме этого они не содержат точек привязки для соединительных линий. Поэтому можно создать второй слой, который будет над фоном с оборудованием,​ и разместить на нём коннекторы прямо поверх разъёмов на фотографиях. 
 + 
 +RJ45 розетку можно найти в библиотеке элементов "​Компьютерная сеть"​. 
 + 
 +==== Соединительные кабели ==== 
 + 
 +После того, как на схему было добавлено всё сетевое оборудование и все его коннекторы (на два разных слоя), можно нужные коннекторы соединить кабелями. 
 + 
 +Для этого тоже лучше создать отдельный слой. При этом после перехода на новый слой убедитесь,​ что у слоя с коннекторами активирована возможность привязки линий к объектам. Соединительные линии лучше рисовать,​ привязывая их концы к коннекторам. Для привязки просто перетащите конец линии на центр коннектора. 
 + 
 +Типов линий в Dia существует несколько,​ однако для схем сетей лучше всего использовать инструмент "​Зигзаг"​. Его особенностью является то, что он всегда состоит из чередующихся горизонтальных и вертикальных сегментов. Кстати,​ углы между которыми можно закруглять. 
 + 
 +По умолчанию зигзаг рисуется из трёх сегментов. Для добавления нового сегмента в зигзаг достаточно его выделить и нажать правой клавишей мыши на жёлтую точку в середине центральной линии. В появившемся меню выбрать пункт "​Добавить сегмент"​ и затем отодвинуть новый сегмент на его место. 
 + 
 +Кроме этого для красоты в свойствах каждого зигзага можно указать радиус закругления углов. Скажем,​ 0.10. 
 + 
 +==== Доработки ==== 
 + 
 +Если вам хочется - можно создать ещё один слой, на котором разместить различные рамочки и подписи. Или другие элементы,​ которые вам нужны. В целом простор для творчества не ограничен.
  
 ===== Ссылки ===== ===== Ссылки =====
Строка 8: Строка 70:
   * [[http://​dia-installer.de/​shapes/​index.html|Дополнительные Shape Library]] ​   * [[http://​dia-installer.de/​shapes/​index.html|Дополнительные Shape Library]] ​
  
-{{tag>FIXME Dia Диаграммы ПО}}+{{tag>​Dia Диаграммы ПО}}