Различия
Здесь показаны различия между двумя версиями данной страницы.
Следующая версия | Предыдущая версия | ||
wiki:dia [2012/04/27 17:42] создано |
wiki:dia [2012/05/18 01:25] [Доработки] |
||
---|---|---|---|
Строка 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 Диаграммы ПО}} |