Разработка сценариев для интерфейса

1 Сценарий попадания в окно приложения

Чтобы попасть в окно приложения пользователю необходимо выполнить, следующие шаги:

¾ запустить компьютер;

¾ найти и нажать на ярлык на рабочем столе;

¾ дождаться открытия приложения.

2 Сценарий выхода из приложения

Для выхода из приложения пользователю необходимо нажать на кнопку «Закрыть» в правом верхнем углу приложения.

3 Сценарий открытия изображения

Для открытия изображения пользователь должен нажать кнопку «Открыть изображение», после нажатия появится диалоговое окно, в котором пользователь должен выбрать BMP изображение в проводнике. Выбрав изображение, пользователь нажимает кнопку «Открыть» в диалоговом окне и изображение загрузится в PictureBox.

4  Сценарий сохранения изображения

Для сохранения исходного изображения в формате JPEG, пользователю необходимо нажать на кнопку «Сохранить как JPEG», предварительно загрузив необходимое исходное изображение, иначе он увидит сообщение, в котором будет написано: «Сначала загрузите изображение». Если пользователь сделал все необходимое, он увидит диалоговое окно, где пользователю необходимо написать имя для будущего файла и его расположение в проводнике. После этого пользователю необходимо нажать кнопку «Сохранить» и изображение сохранится в указанном месте с указанным именем.

5 Сценарий фильтрации изображения

Для фильтрации изображения, пользователю необходимо нажать на кнопку одну из следующих кнопок: «Негатив изображения», «Собрать по базису HSL», «Разложить по цветовому базису RGB», «Зашумить R», «Зашумить H», предварительно загрузив необходимое исходное изображение, иначе он увидит сообщение, в котором будет написано: «Сначала загрузите изображение». Если пользователь сделал все необходимое, то увидит отфильтрованное/ые изображение/я ниже исходного. В случае «Зашумить R» и «Зашумить H», пользователь может настроить значения R и H.

Рисунок 2.1 – Интерфейс приложения

Рисунок 2.2 – Пример отображения в интерфейсе разложения по базису RGB

Рисунок 2.3 – Пример отображения в интерфейсе отфильтрованного изображения

Разработка UML-диаграмм

Диаграммы поведения UML визуализируют, определяют, конструируют и документируют динамические аспекты системы. Диаграммы поведения подразделяются на следующие категории: диаграммы вариантов использования, диаграммы взаимодействия, диаграммы состояний и диаграммы деятельности.

При создании диаграмм для обучающей системы использовался сервис Diagrams.net.

Диаграмма деятельности

Диаграмма деятельности ‒ это UML-диаграмма, которая описывает поведение системы на основе указания последовательности передаваемых сообщений. Она является аналогом блок-схем в UM.

Рисунок 2.4 – Диаграмма деятельности

2.2.2 Диаграмма вариантов использования

Диаграмма вариантов использования – UML-диаграмма, которая описывает действующие лица и прецеденты (варианты использования), а также спецификации, представляющего собой текстовое описание конкретных последовательностей действий (потока событий), которые выполняет пользователь при работе с системой.

Рисунок 2.5 – Диаграмма вариантов использования