Различия
Здесь показаны различия между двумя версиями данной страницы.
| Следующая версия | Предыдущая версия | ||
|
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 Диаграммы ПО}} |