# Як працювати з &umbrello;

У цій главі ви познайомитеся з інтерфейсом користувача &umbrello; та ознайомитеся з відомостями, які потрібні будуть вам для того, щоб почати моделювання. Доступ до усіх дій у &umbrello; можна отримати за допомогою меню і панелей інструментів, але у &umbrello; передбачено і широке використання контекстних меню, які можна викликати клацанням правою кнопкою миші. Ви можете навести вказівник майже на будь-який елемент у робочій області або перегляді деревом &umbrello; і клацнути правою кнопкою, щоб відкрити контекстне меню з пунктами для найпоширеніших дій, які можна застосувати до окремого елемента, над яким ви працюєте. На початку деякі з користувачів можуть відчувати певні незручності, оскільки вони звикли до роботи за допомогою меню та панелей інструментів, але після того, як вони призвичаяться до клацання правою кнопкою миші, такий спосіб роботи значно пришвидшить розробку.

## Інтерфейс користувача

Головне вікно &umbrello; поділено на три області, які призначено для спостереження за загальним виглядом усієї системи і пришвидшення доступу до різних діаграм під час роботи над вашою моделлю.

Ці області носять такі назви:

- Перегляд дерева

- Робоча область

- Вікно документації

Інтерфейс користувача &umbrello;
Інтерфейс користувача &umbrello;

Інтерфейс користувача &umbrello;

### Перегляд дерева

Перегляд дерева, зазвичай, розташовано у верхній лівій частині вікна програми, у цій області буде показано список всіх діаграм, класів, акторів і випадків використання, з яких складається ваша модель. За допомогою перегляду дерева ви зможете спостерігати за переліком елементів, з яких складається ваша модель. Крім того, за допомогою перегляду деревом ви зможете швидко перемикатися між різними діаграмами вашої моделі і вставляти елементи з вашої моделі у поточну діаграму.

Якщо ви працюєте над моделлю, у якій набагато більше ніж декілька класів і діаграм, перегляд дерева може допомогти вам бачити загальну картину шляхом впорядкування елементів вашої моделі за теками. Ви можете створювати теки вибором відповідного пункту з контекстного меню (його можна відкрити наведенням вказівника на позначку однієї з тек у перегляді дерева з наступним клацанням правою кнопкою миші), ви також можете впорядковувати ваші елементи пересуванням їх до відповідної теки (перетягування зі скиданням)

### Вікно документації

Вікно документації — це маленьке вікно, розташоване у лівому нижньому куті вікна &umbrello;, у цій області буде показано коротенький перегляд документації щодо поточного вибраного елемента. Вікно документації має порівняно невеликі розміри, тому що його призначено для того, щоб ви могли одним оком зазирнути до документації елемента без зайвої витрати місця на екрані. Якщо вам потрібно переглянути детальнішу документацію, ви завжди можете відкрити вікно властивостей елемента.

### Робоча область

Робоча область є основним вікном у &umbrello;, саме у ньому і виконуються дії програми. Ви можете скористатися робочою областю для редагування і перегляду діаграм вашої моделі. У робочій області буде показано поточну активну діаграму. У поточній версії у робочій області може бути показано лише одну діаграму одночасно.

## Створення, завантаження і збереження моделей

Першим, що ви маєте зробити, щоб розпочати використання &umbrello;, є створення моделі, над якою ви працюватимете. Одразу після запуску &umbrello; завжди завантажуватиме останню використану модель або створюватиме нову порожню модель (її параметри залежатимуть від набору налаштувань, визначених у діалоговому вікні налаштування). Такі параметри надають вам змогу одразу перейти до роботи.

### Нова модель

Якщо вам потрібно буде під час роботи створити нову модель, ви можете зробити це за допомогою пункту Створити з меню Файл або натисканням на кнопку Створити на панелі інструментів програми. Якщо ви працювали над моделлю, у якій залишилися незбережені зміни, &umbrello; запитає вас, чи слід зберігати зміни, до завантаження нової моделі.

### Збереження моделі

Ви можете будь-якого моменту зберегти вашу модель за допомогою пункту Зберегти з меню Файл або натискання кнопки Зберегти на панелі інструментів програми. Якщо вам потрібно зберегти вашу модель під новою назвою, ви можете скористатися пунктом Зберегти як з меню Файл.

Крім того, щоб полегшити вам користування програмою, &umbrello; може автоматично зберігати вашу роботу через певні проміжки часу. Увімкнути або вимкнути таке автоматичне зберігання, а також встановити проміжок часу між послідовними зберіганнями можна у меню Параметри &umbrello;

### Завантажити модель

Для завантаження вже існуючої моделі ви можете скористатися пунктом Відкрити меню Файл або кнопкою Відкрити на панелі інструментів. Завантаження нещодавно використаних моделей можна також здійснити за допомогою підменю Відкрити недавні меню Файл, у цьому підменю ви знайдете список моделей, якими ви користуєтеся найчастіше.

&umbrello; може одночасно працювати лише з однією моделлю, отже, якщо ви накажете програмі завантажити модель, а вашу поточну модель було змінено з часу її останнього збереження, &umbrello; запитає у вас про те, чи слід зберігати ці зміни, щоб запобігти втраті результатів роботи. Ви можете одночасно запустити декілька екземплярів &umbrello;, а також виконувати дії з копіювання та вставки між цими двома екземплярами.

## Редагування моделей

Загалом, у &umbrello; існує два способи редагування елементів вашої моделі.

- Редагування елементів моделей напряму за допомогою перегляду дерева

- Редагування елементів моделей за допомогою діаграми

За допомогою контекстних меню різних пунктів перегляду дерева ви можете додавати, вилучати і змінювати майже всі елементи вашої моделі. Наведенням вказівника миші на позначки тек у перегляді дерева з наступним клацанням правою кнопкою миші відкриє перед вами меню, у якому ви знайдете пункти, призначені для створення діаграм різних типів, а також, залежно від того, чи належить тека до Перегляду випадків використання або до Логічного перегляду, Акторів, Випадків використання, Класів тощо.

Після додавання елементів до вашої моделі ви зможете змінювати елементи за допомогою їх діалогових вікон властивостей, доступ до яких можна отримати за допомогою пункту Властивості з контекстного меню, яке буде показано після клацання правою кнопкою миші на пункті перегляду дерева.

Крім того, ви можете змінювати вашу модель за допомогою створення або зміни елементів на діаграмах. Докладніше цей процес описано у наступних розділах.

## Додавання і вилучення діаграм

Ваша модель &UML; складатиметься з набору елементів &UML; і зв’язків між ними. Але ви не зможете безпосередньо побачити вашу модель, для того, щоб її оглянути вам потрібні будуть Діаграми.

### Створення діаграм

Щоб створити нову діаграму у вашій моделі просто оберіть тип діаграми, яка вам потрібна, з підменю Створити меню Діаграма, а потім вкажіть назву діаграми. Програма створить діаграму і зробить її активною, — ви негайно зможете побачити її у перегляді дерева.

Пам’ятайте, що у &umbrello; широко використовуються контекстні меню: ви можете навести вказівник на теку у перегляді дерева, клацнути правою кнопкою миші і обрати потрібний тип діаграми з підменю Створити контекстного меню. Зауважте, що ви можете створювати діаграми випадків використання лише у теках перегляду випадків використання, а інші типи діаграм можна створювати лише у теках логічного перегляду.

### Вилучення діаграм

Якщо вам потрібно вилучити діаграму з вашої моделі, для цього слід зробити її активною і обрати пункт Вилучити з меню Діаграма. Такого ж результату можна досягти вибором пункту Вилучити з контекстного меню перегляду дерева.

Оскільки вилучення діаграми є відповідальною дією, яка може призвести до втрати результатів роботи, якщо її здійснено випадково, &umbrello; проситиме вас підтвердити дію з вилучення перед її виконанням. Після вилучення діаграми і збереження файла скасувати наслідки дії з вилучення буде неможливо.

### Перейменування діаграм

Якщо ви бажаєте змінити назву існуючої діаграми, ви можете зробити це за допомогою пункту «Перейменувати» з контекстного меню діаграми у перегляді дерева.

Іншим способом перейменування діаграми є використання діалогового вікна властивостей, яке можна відрити за допомогою пункту «Властивості» контекстного меню або подвійного клацання на позначці теки у перегляді дерева.

## Редагування діаграм

Під час роботи з діаграмою &umbrello; намагатиметься направляти вашу роботу застосуванням певних простих правил щодо того, які елементи можна використовувати на діаграмі обраного типу, а також щодо типів взаємозв’язку, які можуть між цими елементами існувати. Якщо ви є експертом з &UML;, ймовірно, ви навіть не помітите цього, але така робота програми допоможе новачкам у &UML; створювати діаграми у відповідності зі стандартами.

Після створення діаграми настане час її редагування. Ось тут ви й зауважите (майже непомітну для новачків) різницю між редагуванням вашої діаграми і редагуванням моделі. Як ви вже знаєте, діаграми є переглядами вашої моделі. Наприклад, якщо ви створили клас редагування діаграми класів, ви насправді редагували і діаграму, і вашу модель. Якщо ж ви змінили колір або інші параметри показу класу на діаграмі класів, ваші зміни стосуватимуться лише діаграми, — у моделі нічого не зміниться.

### Як вставити елементи

Одною з перших операцій, яка знадобиться вам під час редагування нової діаграми, є вставка елементів до неї (класів, акторів, випадків використання, тощо). Загалом, існує два способи виконання цієї дії:

- Перетягування існуючих елементів до вашої моделі у перегляді дерева

- Створення нових елементів у вашій моделі і одночасне додавання цих елементів на вашу діаграму за допомогою одного з інструментів редагування на панелі інструментів.

Щоб вставити елементи, які вже існують у вашій моделі, просто перетягніть їх з перегляду дерева і скиньте на місце, де вони мають знаходитися на діаграмі. Крім того, ви завжди зможете пересунути елементи на вашій діаграмі за допомогою інструмента вибору.

Другим способом додавання елементів на вашу діаграму є використання інструментів редагування панелі інструментів (зауважте, що подібні дії додаватимуть елементи до вашої моделі).

Типово, панель інструментів розташовано у дальній правій частині вікна програми, у &umbrello; 1.2 її було пересунуто у верхню частину вікна. Ви можете закріпити цю панель на іншому краю, або залишити її незакріпленою у будь-якому місці вікна. Список інструменти, доступ до яких можна отримати за допомогою цієї панелі (кнопок, які ви на ній бачите), залежатиме від типу діаграми, над якою ви працюєте. Кнопку поточного вибраного інструмента буде активовано, перемкнутися на інструмент вибору можна натисканням клавіші &Esc;.

Якщо ви обрали інструмент редагування на робочій панелі інструментів (наприклад, інструмент для додавання класів), вигляд вказівника миші буде змінено на хрестик, і ви зможете вставляти елементи до вашої моделі одноразовим клацанням лівою клавішею миші у полі вашої діаграми. Зауважте, що у елементів &UML; мають бути унікальні назви. Отже, якщо на одній з ваших діаграм є клас з назвою ClassA, і ви використали інструмент додавання класу на іншій діаграмі, ви не зможете дати цьому класу назву ClassA. Якщо це мають бути різні класи, вам слід надати їм різні назви. Якщо ви бажаєте додати на вашу діаграму той самий елемент, інструмент додавання класу вам не знадобиться. Замість цього, вам слід перетягнути і скинути клас з перегляду дерева.

### Вилучення елементів

Ви можете вилучати будь-які елементи вибором пункту Вилучити з їх контекстного меню.

Знову ж таки, існує значна різниця між вилученням об’єкта з діаграми і вилученням об’єкта з вашої моделі: якщо ви вилучите об’єкт з діаграми, ви лише вилучите об’єкт з діаграми, — елемент залишиться частиною вашої моделі, і якщо у інших діаграмах використано цей елемент, вони ніяким чином не зміняться. Якщо ж, з іншого боку, ви вилучите елемент з перегляду дерева, ви вилучите елемент з вашої моделі. Оскільки у моделі більше не існуватиме відповідного елемента, його буде автоматично вилучено з усіх діаграм, де його було використано.

### Редагування елементів

Ви можете редагувати більшість елементів &UML; вашої моделі і діаграм за допомогою діалогового вікна властивостей елемента, де можна вибрати відповідні параметри. Щоб змінити властивості об’єкта, скористайтеся пунктом Властивості його контекстного меню (можна викликати клацанням правою кнопкою миші). У кожного з елементів діалогове вікно складатиметься з декількох сторінок, на яких ви зможете налаштувати параметри, що стосуються цього елемента. Для деяких елементів (наприклад, якорів) ви можете визначити лише парочку параметрів, на зразок назви об’єкта і документації, для інших же елементів (наприклад, класів) ви зможете змінити атрибути і операції, визначити вигляд елемента на діаграмі (повний підпис операції або просто назви операцій тощо) і навіть вказати кольори, якими слід показувати лінії і розфарбовувати відповідник класу на діаграмі.

Крім того, для більшості елементів &UML; діалогове вікно властивостей можна відкрити подвійним клацанням на записі елемента за використання інструмента вибору (стрілочки). Винятком з цього правила є асоціації, для яких подвійне клацання створює точку якоря. Для того, щоб відкрити діалогове вікно властивостей для асоціацій, вам слід скористатися контекстним меню, яке викликається клацанням правою кнопкою миші.

Зауважте, що пункт властивостей можна обрати і з контекстного меню елементів у перегляді дерева. Таким чином можна змінювати властивості діаграм, наприклад, визначити, чи слід показувати ґратку.

### Редагування класів

Хоча аспекти редагування властивостей всіх об’єктів і було розглянуто у попередньому розділі, класи заслуговують окремого розділу, оскільки ці об’єкти є складнішим і мають більшу кількість параметрів, ніж більшість інших елементів &UML;.

У діалоговому вікні класу ви можете встановити будь-які властивості, від кольорів, якими буде намальовано позначку класу, до операцій і атрибутів, які матиме клас.

#### Загальні параметри класу

Призначення сторінки загальних параметрів властивостей класу очевидне з назви цієї сторінки. Тут ви можете змінити назву класу, видимість, документацію тощо. Ця сторінка буде доступною завжди.

#### Параметри атрибутів класу

На сторінці параметрів атрибутів ви зможете додати, змінити або вилучити атрибути (змінні) класу. За допомогою кнопок зі стрілками, розташованих у боковій частині сторінки, ви зможете пересувати атрибути вгору або вниз списком. Ця сторінка буде доступною завжди.

#### Параметри операцій класу

Подібно до сторінки параметрів атрибутів, на сторінці параметрів операцій ви зможете додати, змінити або вилучити операції з вашого класу. Під час додавання або зміни операції ви вводите базові дані до діалогового вікна Властивості операції. Щоб додати параметри до вашої операції, вам слід натиснути кнопку Новий параметр, — буде відкрито діалогове вікно Властивості параметра. Ця сторінка буде доступною завжди.

#### Параметри шаблонів класу

На цій сторінці ви зможете додати шаблони класів, які є невизначеними класами або типами даних. У Java 1.5 такі шаблони називаються «Generic».

#### Сторінка асоціацій класів

На сторінці Асоціації класу буде показано всі асоціації класу на поточній діаграмі. Наведення вказівника миші на позначку асоціації з наступним подвійним клацанням лівою кнопкою миші відкриє діалогове вікно з її властивостями, у ньому, залежно від типу асоціації, ви зможете змінити деякі параметри, серед яких встановлення численності і назва ролі. Якщо параметри асоціації змінювати не можна, у діалоговому вікні властивостей асоціації буде лише показано параметри, змінювати ви зможете лише документацію щодо цієї асоціації.

Ця сторінка стане доступною, лише якщо ви відкриєте вікно властивостей класу з діаграми. Якщо ви відкриєте вікно властивостей класу за допомогою контекстного меню перегляду дерева, ця сторінка доступна не буде.

#### Сторінка показу класу

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

Ви можете обрати параметри на цій сторінці залежно від об’єму відомостей, які ви бажаєте бачити. Зміни, які ви зможете зробити за допомогою цієї сторінки, стосуватимуться лише параметрів показу діаграми. Це означає, що приховування операції класу призведе лише до того, що їх не буде показано на діаграмі, але операція залишиться частиною вашої моделі. Ця сторінка буде доступною, лише якщо ви відкриєте вікно властивостей класу з діаграми. Якщо ви відкриєте вікно властивостей з перегляду дерева, цю сторінку показано не буде, оскільки у такому випадку параметри показу не матимуть сенсу.

#### Сторінка кольорів класу

На сторінці Кольори віджетів ви зможете налаштувати кольори, які буде використано для ліній і розфарбування віджета. Очевидно, що ці параметри матимуть сенс, лише якщо клас показано на діаграмі, якщо ви відкриєте вікно властивостей класу з перегляду дерева, цієї сторінки показано не буде.

### Асоціації

Асоціації пов’язують один з одним два об’єкти &UML;. Зазвичай, асоціації визначаються для зв’язку між двома класами, але певні типи асоціацій можуть існувати і для випадків використання і акторів.

Щоб створити асоціацію, оберіть відповідний інструмент на робочій панелі інструментів (типово, Асоціація, Узагальнення, Агрегація тощо), наведіть вказівник миші на перший з елементів асоціації і клацніть лівою кнопкою миші, потім наведіть вказівник миші на другий елемент асоціації і ще раз клацніть лівою кнопкою миші. Зауважте, що слід виконати два окремих клацання, а не перетягувати один об’єкт на інший.

Якщо ви намагатиметеся створити асоціацію, яка суперечитиме специфікації &UML;, &umbrello; заборонить вам створення асоціації, ви отримаєте повідомлення про помилку. Таке може статися, наприклад, якщо існує узагальнення від класу A до класу B, а ви намагається створити інше узагальнення від класу класу B до класу A.

Після наведення вказівника миші на асоціацію і клацання правою кнопкою миші буде показано контекстне меню з пунктами дій, які ви можете застосувати до асоціації. Якщо вам потрібно вилучити асоціацію, оберіть у контекстному меню пункт Вилучити. Крім того, ви можете обрати пункт меню Властивості, а потім, залежно від типу асоціації, змінити такі атрибути, як ролі і численність.

#### Точки якорів

Типово, асоціації малюються як прямі лінії, що пов’язують між собою два об’єкти на діаграмі.

Ви можете додати точки якорів, у яких асоціації вигинатимуться, подвійним клацанням лівою кнопкою миші у потрібній точці лінії асоціації. Така дія додасть точку якоря (якщо буде виділено асоціацію, точку якоря буде показано синьою точкою), яку можна буде пересунути, щоб надати асоціації потрібної форми.

Якщо вам потрібно буде вилучити точку якоря, просто наведіть на неї вказівник миші і ще раз двічі клацніть лівою кнопкою миші

Пам’ятайте, що єдиним способом, у який можна змінити властивості асоціації, є контекстне меню. Якщо ви спробуєте відкрити вікно властивостей подвійним клацанням, як це робиться для інших об’єктів &UML;, замість вікна на діаграму буде додано точку якоря.

### Нотатки, текст і блоки

Нотатки, рядки тексту і блоки є елементами, які можна додати до діаграми будь-якого типу. Вони не мають семантичного значення, але дуже корисні, якщо вам потрібно додати коментар або пояснення, яке зробить вашу діаграму зрозумілішою.

Щоб додати нотатку або рядок тексту, оберіть відповідний інструмент на робочій панелі інструментів, а потім наведіть вказівник миші на місце діаграми, куди ви бажаєте додати ваш коментар, і один раз клацніть лівою кнопкою миші. Змінити текст елемента можна за допомогою властивостей елемента у контекстному меню або, у випадку нотаток, подвійного клацання лівою кнопкою миші на елементі.

#### Якорі

Якорі використовують для прив’язки текстової нотатки до іншого елемента &UML;. Наприклад, зазвичай текстову нотатку використовують для пояснення або коментування класу або окремої асоціації, у таких випадках ви можете скористатися якорем, щоб підкреслити, що нотатка стосується певного елемента.

Щоб додати якір між нотаткою і іншим елементом &UML;, скористайтеся інструментом якоря з робочої панелі інструментів. Спочатку вам слід клацнути лівою кнопкою миші на нотатці, а потім на елементі &UML;, з яким ви бажаєте пов’язати нотатку.