Содержание


Визуализация с помощью Rational Application Developer

Обзор визуальных средств создания диаграмм Rational Application Developer

Comments

Серия контента:

Этот контент является частью # из серии # статей: Визуализация с помощью Rational Application Developer

Следите за выходом новых статей этой серии.

Этот контент является частью серии:Визуализация с помощью Rational Application Developer

Следите за выходом новых статей этой серии.

Раздел 1. Перед началом работы

Диаграммы Rational Application Developer позволяют просматривать код в различных перспективах с помощью нотации UML 2.0. Такие диаграммы мы будем называть UML-визуализацией, и этот термин не следует путать с UML-моделированием. Все UML-визуализации в Rational Application Developer синхронизируются с исходным файлом. Изменения в исходном файле динамически отображаются на диаграмме и наоборот. Для создания моделей UML 2.0 необходимо использовать Rational Software Modeler или Rational Software Architect. Новые учебные руководства, описывающие функции по визуализации этих программ, размещаются на Web-сайте developerworks. Не забывайте периодически его посещать.

О данном учебном руководстве

Данное учебное руководство знакомит пользователей с процессом создания в Rational Application Developer UML и не UML-диаграмм. В учебном руководстве представлены следующие диаграммы Rational Application Developer:

  • Диаграммы классов;
  • Циклограммы;
  • Диаграммы просмотра;
  • Диаграммы тем.

Примечание: Rational Application Developer можно использовать для создания диаграмм, отличных от Java-классов в диаграммах классов. Можно создавать диаграммы компонентов баз данных. Но эта тема не включена в данное учебное руководство. Подробней о создании диаграмм для компонентов баз данных см. в разделе «Ресурсы».

Данное учебное руководство предназначено для разработчиков, желающих изучить функциональные возможности по визуализации Rational Application Developer.

Цели

После изучения данного учебного руководства и выполнения описанных примеров вы узнаете, как с помощью Rational Application Developer создавать диаграммы классов, циклограммы, диаграммы просмотра и тем.

Необходимые условия

В данном руководстве предполагается, что вы имеете представление о Java-программировании. Знание диаграмм UML 2.0 желательно, но не обязательно.

Требования к системе

Для выполнения примеров данного учебного руководства необходимо установить на компьютере Rational Application Developer.

При отсутствии копии Rational Application Developer, можно загрузить ее полнофункциональную пробную версию. Необходимые условия для работы с пакетом Rational Application Developer можно просмотреть в разделе «Ресурсы» данного учебного руководства.

Раздел 2. Создание Java-проекта и пакета

Чтобы приступить к работе с данным учебным руководством, необходимо выполнить некоторые исходные настройки. Во-первых, создайте Java-проект для различных создаваемых элементов (например, пакетов, Java-классов, диаграмм и т.д.).

Создание Java-проекта

Создать Java-проект довольно просто:

  1. Откройте Rational Application Developer;
  2. Для открытия Java-перспективы в меню Window выберите Open Perspective > Java;
  3. Убедитесь, что закрыты все открытые проекты;
  4. В меню File выберите New > Project;
  5. Убедитесь, что установлен флажок Show All Wizards;
  6. Разверните папку Java;
  7. Выберите Java Project;
    Рис. 1. Диалоговое окно New Project
    Диалоговое окно New Project
    Диалоговое окно New Project
  8. Заполните следующие поля мастера Create a Java project:
    • Project Name: IBMPayroll;
    • Location: Create project in workspace;
    • Project layout: Use project folder as root for sources and class files.
    Мастер выглядит следующим образом:
    Рис.2. Диалоговое окно New Java Project
    Диалоговое окно New Java Project
    Диалоговое окно New Java Project
  9. Нажмите Finish

Теперь создайте пакет для Java-классов.

Создание пакета

  1. В панели Package Explorer нажмите правой кнопкой мыши новый созданный проект IBMPayroll;
  2. Выберите в контекстном меню New > Package.
    Рис. 3. Создание пакета
    Создание пакета
    Создание пакета
  3. В диалоговом окне New Java Package назовите пакет com.ibm.common;
  4. Нажмите Finish;
  5. Панель Package Explorer выглядит следующим образом:
    Рис. 4. Панель Package Explorer
    Панель Package Explorer

А теперь перейдем к более интересной части учебного руководства. Рассмотрим UML-диаграммы классов

Раздел 3. Создание и редактирование UML-диаграммы классов

В данном разделе учебного руководства описан процесс создания и заполнения UML-диаграммы класса.

Создание диаграммы класса Java

  1. В панели Package Explorer нажмите правой кнопкой мыши новый созданный проект IBMPayroll;
  2. Выберите в контекстном меню New > Class Diagram;
  3. Задайте следующие данные в диалоговом окне Create Class Diagram:
    • Введите или выберите в качестве родительской папки IBMPayroll/com/ibm/common;
    • Назовите файл IBMPayrollDiagram.
    Диалоговое окно выглядит следующим образом:
    Рис.5. Диалоговое окно New Class Diagram
    Диалоговое окно New Class Diagram
  4. Нажмите Finish;
  5. В палитре 7 (справа в редакторе) нажмите кнопку Class, затем нажмите кнопку мыши в любом месте редактора диаграммы классов;
  6. Задайте следующие данные в диалоговом окне New Java Class:
    • Source Folder: IBMPayroll;
    • Package: com.ibm.common;
    • Name: Zipcode;
    • Убедитесь, что внизу установлены все три флажка.
    Диалоговое окно New Java Class выглядит следующим образом:
    Рис.6. Диалоговое окно New Java Class
    Диалоговое окно New Java Class
    Диалоговое окно New Java Class
  7. Нажмите Finish. В редакторе диаграмм должна отображаться UML-визуализация класса Java. Обратите внимание, что это НЕ модель UML 2.0. Это представление кода Java с использованием нотации UML 2.0;
    Рис.7. UML-представление Zipcode
    UML-представление Zipcode
  8. Создайте два дополнительных класса в пакете com.ibm.common:
    PhoneNumber и Employee;
  9. В панели Palette нажмите кнопку Association 8;
  10. Перетащите связь от класса Employee к классу Zipcode;
  11. Задайте следующие данные в диалоговом окне Create Association:
    • Назовите связь zipcode;
    • Значения остальных опций примите по умолчанию;
    • Нажмите Finish.
    Рис.8. Диалоговое окно Create Association
    Диалоговое окно Create Association
    Диалоговое окно Create Association
  12. Повторите те же шаги для установления связи между классами Employee и PhoneNumber;
  13. Назовите связь phoneNumber;
  14. В редакторе диаграмм расположите классы следующим образом:
    Рис.9. Диаграмма классов после добавления трех классов
    Диаграмма классов после добавления трех классов
    Диаграмма классов после добавления трех классов
  15. В редакторе диаграмм дважды нажмите любой из новых созданных Java-классов для просмотра его исходного файла;
  16. Изучите автоматически созданные исходные файлы.

Редактирование диаграммы класса Java

В данном разделе с помощью визуальных средств Rational Application Developer будут отредактированы классы Zipcode и PhoneNumber. Добавьте поле к классу PhoneNumber, поле и метод к классу Zipcode.

  1. В панели Package Explorer дважды нажмите файл IBMPayrollDiagram.dnx в проекте IBMPayroll;
  2. В редакторе нажмите правой кнопкой мыши класс PhoneNumber;
  3. Выберите в контекстном меню Add Java > Field....;
    Рис.10. Создание поля Java
    Создание поля Java
    Создание поля Java
  4. Задайте следующие данные в диалоговом окне Create Java Field:
    • Name: theNumber;
    • Type: java.lang.String;
    • Visibility: private.
    Диалоговое окно выглядит следующим образом:
    Рис.11. Диалоговое окно Create Java Field
    Диалоговое окно Create Java Field
    Диалоговое окно Create Java Field
  5. Нажмите Finish;
  6. Повторите те же шаги для добавление поля в класс Zipcode;
  7. Задайте следующие данные в диалоговом окне Create Java Field:
    • Name: theCode;
    • Type: java.lang.String;
    • Visibility: private;
    • Нажмите Finish.
  8. В редакторе нажмите правой кнопкой мыши класс Zipcode;
  9. Выберите в контекстном меню Add Java > Method....;
    Рис.12. Создание метода Java
    Создание метода Java
    Создание метода Java
  10. Задайте следующие данные в диалоговом окне Create Java Method:
  11. Нажмите кнопку OK;
  12. Диалоговое окно Create Java Method выглядит следующим образом:
    Рис.14. Диалоговое окно Create Java Method
    Диалоговое окно Create Java Method
    Диалоговое окно Create Java Method
  13. Нажмите Finish. В панели Package Explorer должна отображаться ошибка в классе Zipcode. Это нормально;
  14. В редакторе диаграмм дважды нажмите класс Zipcode, чтобы открыть исходный файл;
  15. Замените метод isZipcode() на следующий код:
    Листинг 1. isZipcode()
    Листинг 1. isZipcode()
    Листинг 1. isZipcode()
  16. Сохраните все свои проекты (CTRL + SHIFT + S) или File > Save All. Обратите внимание, что ошибка исчезла;
  17. В панели Package Explorer нажмите правой кнопкой мыши класс Employee;
  18. Выберите в контекстном меню Source > Generate Getters and Setters...;
    Рис.15. Создание методов Getter и Setter
    Создание методов Getter и Setter
    Создание методов Getter и Setter
  19. В диалоговом окне Generate Getters and Setters установите флажки для классов phoneNumber и zipcode для создания методов getter и setter;
    Рис.16. Диалоговое окно Generate Getters and Setters
    Диалоговое окно Generate Getters and Setters
    Диалоговое окно Generate Getters and Setters
  20. Повторите те же самые шаги для классов Zipcode и PhoneNumber;
  21. Еще раз сохраните все изменения (CTRL + SHIFT + S) или File > Save All;
  22. Редактор диаграмм выглядит следующим образом:
    Рис.17. Финальная диаграмма классов
    Финальная диаграмма классов
    Финальная диаграмма классов

Раздел 4. Визуализация метода с помощью циклограммы

Теперь после создания UML-диаграммы класса перейдем к другой функции визуализации, предлагаемой пакетом Rational Application Developer: циклограммы. На циклограмме представлена последовательность (временная) сообщений, которыми обмениваются роли, реализующие поведение системы. В данном разделе учебного руководства показан процесс создания циклограммы с помощью пакета Rational Application Developer.

Создание циклограммы

  1. В панели Package Explorer разверните класс Zipcode;
    Рис.18. Развернутый класс Zipcode
    Развернутый класс Zipcode
  2. Нажмите правой кнопкой мыши метод isZipcode(String) и выберите Visualize > Add to New Diagram File > Static Method Sequence Diagram;
    Рис.19. Выбор циклограммы
    Выбор циклограммы
    Выбор циклограммы
  3. Диаграмма создается и открывается автоматически (имя по умолчанию sequencediagram.tpx).
  4. Изучите циклограмму;
    Рис.20. Циклограмма
    Циклограмма
    Циклограмма
  5. Для быстрого перемещения между большими диаграммами используйте панель Outline для быстрого перехода к видимой области редактора (применимо ко всем диаграммам).
    Рис.21. Панель Outline диаграммы
    Панель Outline диаграммы

Раздел 5. Создание из существующего кода диаграммы темы

Диаграмма темы представляет собой нередактируемую диаграмму и позволяет быстро показать связи между элементами. Такие связи полезны для определения запроса, а также для отображения и сохранения результатов запроса. В качестве примера создадим иерархическую диаграмму тем, которую затем можно обновить для отображения иерархии определенного класса. В данном разделе учебного руководства показано, как с помощью пакета Rational Application Developer из существующего кода создать диаграмму тем.

Создание диаграммы тем

  1. В панели Package Explorer нажмите правой кнопкой мыши класс Employee;
    Рис.22. Класс Employee
    Класс Employee
  2. Выберите в контекстном меню Visualize > Add New Diagram File > Topic Diagram...;
    Рис.23. Выбор новой диаграммы темы
    Выбор новой диаграммы темы
    Выбор новой диаграммы темы
  3. Задайте следующие данные в диалоговом окне мастера Topic Wizard:
  4. Нажмите Next;
  5. В качестве темы выберите Java Field Types;
    Рис.25. Диалоговое окно мастера Topic Wizard
    Диалоговое окно мастера Topic Wizard
    Диалоговое окно мастера Topic Wizard
  6. На остальных страницах мастера используйте параметры по умолчанию, хотя можно изучить действие различных параметров;
  7. Нажмите Finish;
  8. Финальная диаграмма просмотра выглядит следующим образом:
    Рис.26. Диаграмма просмотра
    Диаграмма просмотра
    Диаграмма просмотра

Раздел 6. Создание диаграммы просмотра

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

Создание диаграммы просмотра

  1. В панели Package Explorer нажмите правой кнопкой мыши класс Employee;
    Рис.27. Класс Employee
    Класс Employee
  2. Выберите в контекстном меню Visualize > Explore in Browse Diagram...;
    Рис.28. Выберите Explore in Browse Diagram
    Выберите Explore in Browse Diagram
    Выберите Explore in Browse Diagram
  3. Диаграмма создается автоматически;
  4. Для изучения всех взаимосвязей в классе Employee используйте все кнопки в редакторе;
    Рис.29. Выбор всех взаимосвязей
    Выбор всех взаимосвязей
  5. Нажмите Apply;
  6. Финальная диаграмма выглядит следующим образом:
    Рис.30. Финальная диаграмма просмотра
    Финальная диаграмма просмотра
    Финальная диаграмма просмотра

Раздел 7. Заключение

Поздравляем! В данном учебном руководстве описан процесс создания диаграмм класса, циклограмм, диаграмм просмотра и тем, предназначенных для создания и визуализации отдельного класса Java. Создание визуальных диаграмм полезно использовать для понимания и редактирования больших приложений. Знания и навыки, полученные в этом учебном руководстве, вы сможете легко применять к сложным приложениям, используя Rational Application Developer.


Ресурсы для скачивания


Похожие темы


Комментарии

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

static.content.url=http://www.ibm.com/developerworks/js/artrating/
SITE_ID=40
Zone=Технология Java, SOA и web-сервисы
ArticleID=124885
ArticleTitle=Визуализация с помощью Rational Application Developer: Обзор визуальных средств создания диаграмм Rational Application Developer
publish-date=02072006