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

1. Расчётная работа
по дисциплине
«Моделирование программного
обеспечения»
Выполнил: ст. гр. ПОС-10А
Белов Е.Г.

2. Предметная область
• Класс ПО: Настольная программа.
• Ник: Волшебная прозрачность своими руками.
• Тема: Редактор фотоморфинга составления
цифрового коллажа из растровых фрагментов
изображений.
• Назначение: Куски фотографий и картин
сочетаются на одном полотне с
использованием инструмента волшебной
прозрачности для создания
сюрреалистических иллюстраций.

3. Функции: Пользователь выделяет спрайт на растровом
изображении. Магический инструмент выделения спрайта задан
четырьмя способа - равнобедренный треугольник, овал,
прямоугольник или произвольная ломаная форма. Спрайты
помещаются в графическую базу данных. Конечный результат
программы - пользователь размещает на растровом полотне
произвольного изображения слои копий спрайтов из базы данных.
Копии изменяются программой основными операциями
аффинных преобразований: масштабирование, проецирование,
скос, поворот. Для сочетания слоев в интерфейсе программы
задается правило волшебной прозрачности для каждого слоя:
форма размытия спрайта - овал, звезда, круг или ломаная полоса
по краю спрайта, для полосы задается ширина размытия края
спрайта, для всех форм задаётся коэффициент альфа-канала в
начале зоны размытия и коэффициент у конца границы спрайта,
задаётся порядок спуска в шагах размытия - по спирали или
каскадные ступени, задаётся способ смешивания линий размытия
в углах изгиба формы спрайта - замещение первым или
усреднение из двух или смешивание в радиальной, треугольной
зоне.

4. Запуск программы
На слайде отображено главное окно программы при ее запуске.
Программа содержит главного меню состоящие из следующих пунктов : Файл,
Спрайты, Редактирование, Прозрачность, О программе. Также имеется тулбар на
котором расположены кнопки просмотра изображения в полном размере и его
поворота.

5. Пункт меню «Файл»
Пункт меню «Файл» содержит следующие подпункты: Создать
коллаж, Открыть коллаж, Загрузить растровое изображение, Сохранить
коллаж, Печатать и Выйти.

6. Подпункт «Создать коллаж»
На слайде отображено изменение интерфейса при выборе пункты
Создать коллаж, рабочей области окна создаётся новое полотно, белого цвета.

7. Пункты «Открыть коллаж» и
«Загрузить растровое изображение»
На слайде отображено диалоговое окно выбора графического файла, которое
вызывается при выборе пунктов «Открыть коллаж» и «Загрузить растровое изображение».
Пользователь должен выбрать файл изображения растрового формата. После выбора
изображение загружается в рабочую область и отображается окно подтверждения загрузки.

8. Пункт «Сохранить файл»
На слайде отображено диалоговое окно, открываемое при
выборе пункта «Сохранить файл». Формат сохранения коллажа BMP.
Пользователь должен выбрать директорию, ввести и меня файла и
нажать кнопку сохранить.

9. Пункты меню «Печать» и «Выйти»
При выборе пункта меню печать отображается
соответствующие информационное окно. При выборе
пункта меню Выйти, отображается диалоговое окно
показанное на рисунке.

10. Пункт меню «Спрайты»
На слайде отображен пункт меню «Спрайты».
Пункт содержит следующие подпункты: Добавить
спрайт, Удалить спрайт, Выделить спрайт.

11. Пункт меню «Выделить спрайт»
Пункт меню «Выделить спрайт»: содержит следующие
подпункты: Равнобедренный треугольник, Прямоугольник, Овал,
Ломанная. При выборе любого подпункта отображается
информационно сообщение, содержащие информацию о
выбранном инструменте выделения.

12. Пункты «Добавить спрайт» и
«Удалить спрайт»
При выборе пункта «Добавить спрайт», открывается
диалоговое окно сохранения и текущий выделенный
спрайт сохраняется в базу спрайтов. При выборе пункта
«Удалить спрайт», удаляется текущий спрайт и выводиться
информационное сообщение о подтверждении удаления.

13. Пункт меню «Инструменты»
Пункт главного меню «Инструменты» содержит
следующее подпункты: Масштабировать, Поворот,
Скос, Проецировать, Выделить.

14. Пункт «Масштабировать»
При выборе пункта «Масштабировать»,
открывается диалоговое окно в которое необходимо
ввести
коэффициента
масштабирования
и
подтвердить операцию, если операция успешна то
выдаётся информационное окно.

15. Пункт «Поворот»
При выборе пункта «Поворот», открывается
диалоговое окно в которое необходимо ввести угол
поворота, выбрать направление поворота и
подтвердить операцию, если операция успешна то
выдаётся информационное окно.

16. Пункты «Скос» и «Выделить спрайт»
При
выборе
пункта
«Скос»
выдаться
информационное
окно
информирующие
пользователя о выборе этого инструмента. При
выборе пункта «Выделить спрайт» выдаться
информационное
окно
информирующие
пользователя о выделение текущего спрайта.

17. Пункт «Проецирование»
Пункт «Проецирование» содержит следующие подпункты:
Одноточечное,
Двухточечное,
Трехточечное,
Косоугольно,
Ортогональное. В свою очередь пункт «Косоугольное» содержит
подпункты: Кабине, Кавалье. А «Ортогональное» содержит
подпункты: Изометрия, Диметрия.

18. Пункт «Проецирование»
При выборе любого подпункта пункта «Проецирование»,
выдаться информационное окно с подтверждающее выбор того
или иного пункта.

19. Пункт «Прозрачность»
Пункт главного меню «Прозрачность» содержит
следующие подпункты: Форма размытия спрайта,
Прозрачность, Коэффициент альфа канала.

20. Пункт «Форма размытия спрайта»
Пункт «Форма размытия спрайта» содержит следующие
подпункты: Звезда, Овал, Полоса, Круг. При выборе каждого из
который выдаться информационное окно информирующие
пользователя о выбранном инструменте.

21. Пункт «Прозрачность»
При выборе пункта «Прозрачность», открывается
диалоговое окно в которое необходимо выбрать порядок
спуска в шагах размытия, способ смешивания в углах
размытия спрайты и подтвердить операцию, если
операция успешна то выдаётся информационное окно.

22. Пункт «Коэффициент альфа канала»
При выборе пункта «Коэффициент альфа
канала», открывается диалоговое окно в которое
необходимо ввести коэффициент размытия альфа
канала в начале
и конце зоны размытия и
подтвердить операцию, если операция успешна то
выдаётся информационное окно.

23. Пункт «О программе»
При выборе пункта «О программе» выдаётся
информационное окно содержащие информации о
программе и ее разработчике.

24. Лабораторная работа №2
Тема: Построение концептуальной
модели заданной функциональности
при помощи САПР «ConceptDraw».

26. Создание цифрового коллажа
На интеллектуальной карте показан
результат работы программы и основные
этапы которые проходит пользователь для
получения данного результата. К таким
этапам относиться добавление растрового
изображения, подготовка и обработка
спрайтов, добавление их в базу данных. В
правилах описаны результаты работы
программы и инструкции по работе с
программой.

28. Растровое изображение
Разрабатываемая программа работает с
растровыми
изображениями.
На
интеллектуальной
карте отображены
основные форматы растровых изображений,
с учетов их изменения их качества при
сжатии. Указаны основные характеристики
растровых
изображений.
Такие
как
количество пикселей, глубина цвета, цветовая
модель и разрешение.

30. База данных
Разрабатываемая программа работает с базой
данных. База данных содержит растровые
изображения и спрайты. На интеллектуальной
карте отображены основные действия которые
можно производить с объектами базы данных. С
растровыми изображениями можно выполнить
следующие функции: загрузить, сохранить, удалить.
С спрайт можно выполнять следующие функции:
добавить, удалить, редактировать.

32. Подготовка
На интеллектуальной карте отображены
основные этапы подготовки при создании
цифрового коллажа.
К подготовке относиться
выделение спрайта заданной формы.
Спрайт
добавляется в базу данных. Далее на изображении
размешаться слои спрайтов из базы данных. Работа
со слоями реализуется с помощью следующих
функций:
добавить,
удалить,
клонировать.
Размещение слоя на странице реализуется с
помощью технологии Drag and Drop, либо вставке
слоя, по указаним координатам.

34. Обработка
На интеллектуальной карте показаны
основные
функции с помощью которых,
происходит создание цифрового коллажа.
Изменение спрайтов происходит с помощью
следующих
функций:
масштабирование,
проецирование, поворот, скос.
Функция
волшебная прозрачность:
задание формы
размытия спрайта и коэффициента размытия.
Часть функций размытия вынесена в отдельный
блок: указывается порядок спуска в шагах
размытия. Способ смешивания линий размытия.

36. Правила
В результате работы программы мы
получаем цифровой коллаж
в одном из
форматов растровых изображений, а также
базу данных спрайтов. Для создания нового
коллажа можно использовать спрайты из
дабы данных. Также иметься инструкция по
работе с программой для программиста и
пользователя.

37. Протокол
Создание цифрового коллажа
1 Обработка
ОбработкаОбработка
2 Растровое изображение
Растровое изображениеРастровое изображение
3 База данных
База данныхБаза данных
4 Правила
ПравилаПравила
5 Подготовка
Подготовка Подготовка
Растровое изображение
Page-1Создание цифрового коллажа Растровое
изображение
1 Характеристики
1.1 Количество пикселей
1.2 Глубина цвета
1.3 Цветовая модель
1.3.1 RGB
1.3.2 CMYK
1.3.3 XYZ
1.3.4 YCbCr
1.4 Разрешение
2 Форматы
2.1 Сжатие без потерь
2.1.1 BMP
2.1.2 GIF
2.1.3 PCX
2.1.4 PNG
2.1.4.1 APNG
2.2 Сжатие с потерями
2.2.1 JPEG
2.3 Разное
2.3.1 TIFF
2.3.2 Raw
База данных
Page-1Создание цифрового коллажа База данных
1 Спрайт
1.1 Добавить
1.2 Удалить
1.3 Редактировать
2 Растровое изображение
2.1 Загрузить
2.2 Сохранить
2.3 Удалить
Подготовка
Page-1Создание цифрового коллажа Подготовка
1 Слои
1.1 Добавить новый
1.2 Удалить
1.3 Клонировать
2 Выделить спрайт
2.1 Формы спрайтов
2.1.1 Равнобедренный треугольник
2.1.2 Овал
2.1.3 Прямоугольник
2.1.4 Произвольная ломаная форма
3 Размещение на странице спрайта
3.1 Технология Drag and Drop
3.2 Вставка по заданным координатам
Обработка
Page-1Создание цифрового коллажа Обработка
1 Извинение спрайта
1.1 Маштабирование
1.1.1 Коэффициент масштабирования
1.2 Проецирование
1.2.1 Параллельное
1.2.1.1 Косоугольное
1.2.1.1.1 Кабине
1.2.1.1.2 Кавалье
1.2.1.2 Ортоготальное
1.2.1.2.1 Вид сверху
1.2.1.2.2 Вид сбоку
1.2.1.2.3 Вид спереди
1.2.1.2.4 Аксонометрические
1.2.1.2.4.1 Изометрия
1.2.1.2.4.2 Диметрия
1.2.2 Центральное
1.2.2.1 Одноточечное
1.2.2.2 Двухточечное
1.2.2.3 Трехточечное
1.3 Поворот
1.4 Скос
2 Размытие
2.1 Порядок спуска в шагах размытия
2.1.1 По спирали
2.1.2 Каскадные ступени
2.2 Способ смешивания линий размытия
2.2.1 Замещение первым
2.2.2 Усреднение из двух
2.2.3 В радиальной зоне
2.2.4 В треугольной зоне
3 Волшебная прозрачность
3.1 Форма размытия спрайта
3.1.1 Овал
3.1.2 Звезда
3.1.3 Ломаная полоса
3.1.3.1 Ширина
3.2 Коэффициент размытия
3.2.1 В начале зоны размытия
3.2.2 В конце границы спрайта
Правила
Page-1Создание цифрового коллажа Правила
1 Инструкция по работе с программой
1.1 Пользователю
1.2 Программисту
2 Результат
2.1 Цифровой коллаж
2.1.1 Открыть
2.1.2 Сохранить
2.1.3 Печатать
2.2 Спрайты

38. Лабораторная работа 3
Тема: <Разработка структурнофункциональной модели. Схема
информационных потоков>

40. Создать цифровой коллаж
На слайде отображен главный процесс
проектированной системы – создание
цифрового коллажа. Входными данными для
данного процесса является база спрайтов и
база растровых изображений. Выходными
данными является сам цифровой коллаж.
Исполнительный механизм – пользователь
системы.
К управлению относим –
инструменты программы и инструкции
пользователя.

42. Создать цифровой коллаж
На слайде изображена декомпозиция
главного процесса проектируемой системы.
Данный процесс можно разбить на
следующие
составляющие:
загрузка
растрового
изображения,
подготовка
спрайтов,
обработка
спрайтов
и
непосредственно создание коллажа. К ранее
используемым входным данным добавилось
“Новое полотно”. А к исполнительному
механизму – “Система”.

44. Загрузить растровое изображение
На слайде изображена декомпозиция
процесса загрузки растрового изображения.
При загрузке изображения система проверяет
соответствует ли формат загружаемого
изображения требуемому, если нет то
пользователю требуется пройти процесс
загрузки еще раз. Если формат изображения
соответствует требуемому то задаться
разрешение
и
цветовая
модель
изображения.

46. Подготовить спрайты
На слайде показана декомпозиция
процесса подготовки спрайтов. Процесс
разделен на следующие составляющие –
выбор формы спрайта, выделение спрайта
заданной формы и сохранение спрайта.
Входными данными являются формы
спрайтов и растровое изображение.
На
выходе получаем новые спрайты.

48. Обработать спрайты
На слайде показана декомпозиция
процесс обработки спрайтов. Операция
разбита на следующие составляющие: выбор
операции
изменения
спрайта,
непосредственно
изменение
спрайта,
сохранение изменений. Входными данными
являются новые спрайты и операции
изменения.
На выходе получаем –
обработанные
спрайты.
Механизм
выполнения – пользователь и система.

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

52. Система создание цифрового
коллажа
На слайде изображена контекстная DFD
диаграмма по теме создание цифрового
коллажа. В систему создание цифрового
коллажа из внешних сущностей передаться
базы спрайтов передаться спрайты, а из базы
растровых
изображений – растровые
изображения. В результате работы системы в
базу
цифровых
коллаже
передаться
созданный цифровой коллаж.

54. Система создания цифрового
коллажа
На диаграмме отображена декомпозиция работы
системы создания цифрового коллажа. Составляющие
работы: выбор заднего фона, выбор необходимых
спрайтов, редактирование спрайтов и размещение
спрайтов на полотне. Имеются следующие хранилища:
список выбранных спрайтов, список отредактированных
спрайтов. Из базы спрайтов выбираться нужные спрайты,
список
выбранных
спрайтов
передаться
на
редактирование
в
итоге
получаем
список
отредактированных спрайтов.
Можем размещать
выбранные либо отредактированные спрайты на новом
полотне. Из базы растровых изображений получаем
изображение которое можно поставить на задний фон.

56. Редактирование спрайтов
На диаграмме отображена декомпозиция
работы
редактирование
спрайта.
Составляющие выбор способа редактирования
и непосредственно редактирование спрайта. На
диаграмме также отображен цикл, после
редактирования первичного списка спрайтов,
пользователь имеет возможность выбрать
новые
спрайты
и
пройти
процесс
редактирования заново. В результате получаем
список отредактированных спрайтов.

57. Лабораторная работа 4
Тема: <Разработка диаграмм uml>

59. Диаграмма вариантов
использования
На слайде отображена диаграмма вариантов
использования. При запуске приложения пользователь
имеет доступ к следующим вариантам использования:
загрузить цифровой коллаж, создать цифровой коллаж,
удалить цифровой коллаж, выйти из программы. Элемент
диаграммы создать цифровой коллаж включает в себя
Загрузку растрового изображения, Выделение спрайтов и
Компоновка коллажа,
расширяется следующими
элементами Use Case: Сохранение, Вывод на печать,
Размещение в социальных сетях. Элементы Use Case
Загрузка и Удаление цифрового коллаж включают в себя
выбор цифрового коллажа. Элемент Выход из системы
показывает завершение использования программы.

61. Диаграмма классов uml
На слайде изображена диаграмма классов uml.
Проектируемая система содержит следующие классы: растровое
изображение, спрайт, коллаж, клиент, окно. Класс клиент имеет
атрибут Никнейм, в классе реализованы следующие методы:
Добавить растровые изображения в БД, Добавить спрайт в БД,
Редактировать БД коллажей, Описать коллаж. Класс спрайт имеет
атрибут Имя спрайта, реализует следующие методы: Выделить,
Создать, Удалить, Сохранить, Масштабировать, Проецировать,
Поворот, Скос. Класс коллаж содержит атрибут Имя файла, и
методы Создать , Редактировать. Класс Растровое изображение
содержит атрибуты Имя изображения, Разрешение, Расширение,
Глубина цвета и Цветовая модель, реализует методы Загрузить,
Установить на задний фон, Установить разрешение.

63. Диаграмма компонентов
На
слайде
изображена
диаграмма
компонентов проектируемой системы. В систему
поступает файл растрового изображения.
Система содержит модули загрузки, сохранения,
создания
и
модификации
растровых
изображений, спрайтов и коллажей. В системе
присутствуют
базы
данных
растровых
изображений, спрайтов, коллажей. На выходе
получаем созданный коллаж, в одном из
форматов растрового изображения, который
сохраняется в базе данных.

65. Диаграмма деятельности
На слайде показана диаграмма деятельности. На ней
отображена последовательность с которой пользователь может
работать с системой. Сначала пользователь может выбрать
следующие варианты работы: создание, загрузка или удаление
цифрового коллажа, а также выход из программы. При выборе
загрузки либо удаления цифрового коллажа, проходит проверка
на наличие файлов в БД, если файлы есть то производиться выбор
файла, если файлы отсутствуют то программа завершает работу.
При создание коллажа необходимо загрузить растровое
изображение, при загрузке производиться проверка на
соответствие формату, если формат не соответствует то
необходимо выбрать другое изображение. Если загрузка успешна
выделяться спрайты нужной формы, задаться параметры
прозрачности, спрайты размещаться на полотне, выбирается
задний фон и производиться сохранение коллажа.

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

68. Лабораторная работа 5
Тема: < Разработка графического
пользовательского интерфейса >

70. Общая схема интерфейса программы
На слайде отображена общая схема описания
программы по созданию цифровых коллажей.
Схема описания охватывает весь функционал
описанный
ранее.
Интерфейс
программы
предусматривает
возможности
загрузки,
сохранения, вывода на печать цифровых коллажей.
Добавления, удаления и изменения
спрайтов.
Редактирования параметров прозрачности. Также в
интерфейсе
программы
предусмотрена
возможность загрузки растровых изображений.

71. Главное меню
На рисунке отображен вид главного меню программы.
Меню содержит следующие пункты: Файл, Спрайты,
Изменение, Прозрачность, О программе.
Пункт меню Файл отвечает за работу с файлами цифровых
коллажей и растровых изображений. Пункт спрайты за работу
с базой спрайтов. Пункт изменение за редактирование
растровых изображений и спрайтов. Пункт Прозрачность за
настройку параметров прозрачности.

72. Файл
На рисунке отображен
пункт
меню Файл. Данный пункт содержит
следующие подпункты. Открыть коллаж
отвечает за открытие ранее созданных
цифровых коллажей. Создать цифровой
коллаж отвечает за создание нового
файла цифрового коллажа.
Загрузить растровое изображение – загрузка растрового
изображения в БД растровых изображений. Сохранить коллаж –
сохранение коллаж в указанном формате , в указанное место и в
базу цифровых коллажей. Печать – вывод на печать текущего
коллажа или растрового изображения. Выход – завершение
работы программы.

73. Спрайты
На рисунке изображен пункт меню Спрайт. Пункт
содержит следующие подпункты. Добавить спрайт – отвечает
за добавление спрайта в базу спрайтов. Удалить Спрайт –
отвечает за удаление спрайта из базы спрайтов. Выделить
спрайт – выделение спрайтов заданной формы, в подменю
выделения спрайтов можно выбрать какую именно форму
спрайта использовать для выделения.
Программой
предусмотрены
следующие
формы
выделения
–
Равнобедренный треугольник, Овал, Прямоугольник, Ломаная.

75. Изменение
На слайде отображена схема пункта меню
Изменение. Пункт содержит следующие подпункты:
Масштабирование - открывается диалоговое окно в
которое
необходимо
ввести
коэффициент
масштабирования, Поворот – открывается диалоговое
окно в котором необходимо указать значение угла
поворота, и направление поворота, Скос – позволяем
модифицировать выделенный спрайт, Проецирование
выбор проекции для выделенного спрайта,
Выделить – активирует инструмент выделения. Пункт
Проецирование содержит следующие подпункты:
одноточечное,
двухточечное,
трехточечное,
косоугольное, ортогональное.

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

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

80. О программе
При выборе пункта меню о программе О программе,
открывается окно сообщения которое содержит информацию о
разработанном приложение, а также о разработчике и дате
разработки

81. Выводы
В результате выполнения расчетной
работы
был
проведён
процесс
моделирования программного обеспечения
«Коллаж». Было проведено концептуальное
проектирование
системы,
разработана
структурно-функциональная модель и схема
информационных потоков, построены uml
диаграммы и спроектирован интерфейс
разработываеммной системы.

82. Спасибо за внимание