Расчётная работа

по дисциплине «Моделирование программного

обеспечения»

Выполнил: ст. гр. ПОС-10А Белов Е.Г.

Предметная область

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

цифрового коллажа из растровых фрагментов изображений.

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

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

Лабораторная работа №2

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

Создание цифрового коллажа

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

Растровое изображение

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

База данных

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

Подготовка

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

Обработка

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

Правила

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

Создание цифрового коллажа 1 ОбработкаОбработка\Обработка2 Растровое изображениеРастровое изображение\Растровое изображение3 База данныхБаза данных\База данных4 ПравилаПравила\Правила5 Подготовка Подготовка \Подготовка

Растровое изображениеPage-1\Создание цифрового коллажа \Растровое изображение1 Характеристики 1.1 Количество пикселей1.2 Глубина цвета1.3 Цветовая модель1.3.1 RGB1.3.2 CMYK1.3.3 XYZ1.3.4 YCbCr1.4 Разрешение2 Форматы2.1 Сжатие без потерь2.1.1 BMP2.1.2 GIF2.1.3 PCX2.1.4 PNG2.1.4.1 APNG2.2 Сжатие с потерями2.2.1 JPEG2.3 Разное2.3.1 TIFF2.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 Drop3.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 Спрайты

Протокол

Лабораторная работа 3

Тема: <Разработка структурно-функциональной модели. Схема

информационных потоков>

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

Создать цифровой коллаж

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

Создать цифровой коллаж

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

Загрузить растровое изображение

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

Подготовить спрайты

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

Обработать спрайты

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

Создать коллаж

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

Система создание цифрового коллажа

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

Система создания цифрового коллажа

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

Редактирование спрайтов

Лабораторная работа 4

Тема: <Разработка диаграмм uml>

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

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

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

Диаграмма классов uml

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

Диаграмма компонентов

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

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

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

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

Лабораторная работа 5

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

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

Общая схема интерфейса программы

Главное меню

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

ФайлНа рисунке отображен пункт

меню Файл. Данный пункт содержит следующие подпункты. Открыть коллаж отвечает за открытие ранее созданных цифровых коллажей. Создать цифровой коллаж отвечает за создание нового файла цифрового коллажа.

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

Спрайты

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

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

Изменение

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

Прозрачность

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

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

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

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

О программе

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

Запуск программы

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

Пункт меню «Файл»

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

Подпункт «Создать коллаж»

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

Пункты «Открыть коллаж» и «Загрузить растровое изображение»

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

Пункт «Сохранить файл»

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

Пункты меню «Печать» и «Выйти»

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

Пункт меню «Спрайты»

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

Пункт меню «Выделить спрайт»

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

Пункты «Добавить спрайт» и «Удалить спрайт»

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

Пункт меню «Инструменты»

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

Пункт «Масштабировать»

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

Пункт «Поворот»

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

Пункты «Скос» и «Выделить спрайт»

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

Пункт «Проецирование»

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

Пункт «Проецирование»

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

Пункт «Прозрачность»

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

Пункт «Форма размытия спрайта»

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

Пункт «Прозрачность»

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

Пункт «Коэффициент альфа канала»

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

Работа с базой изображений

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

Работа с базой спрайтов

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

Пункт «О программе»

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

Выводы

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

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