Расчетная работа Цифровой коллаж

Министерство образования и науки УкраиныДонецкий национальный технический университет

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

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

«ConceptDraw»

Разработал:

ст.гр.ПОС-10а Шепляков Д.В.

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

Цель: Составить концептуальную модель заданной функциональности компьютерной системы.

Вариант задания И2

Класс ПО: Настольная программа.

Ник: Волшебная прозрачность своими руками.

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

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

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

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

На данной интеллект-карте изображено 9 узлов: правило волшебной прозрачности, форма размытия спрайта - овал, звезда, круг или ломаная полоса по краю спрайта, для полосы задается ширина размытия края спрайта. Для сочетания слоев в интерфейсе программы задается правило волшебной прозрачности для каждого слоя: форма размытия спрайта - овал, звезда, круг или ломаная полоса по краю спрайта, для полосы задается ширина размытия края спрайта.

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

ПРОТОКОЛЦифровой коллаж1 Изображение1.1 Равнобедренный треугольник1.2 Овал1.3 Прямоугольник1.4 Произвольная ломанная форма2 Графическая БД2.1 Слои копий из БД2.1.1 Аффинные преобразования2.1.1.1 Масштабирование2.1.1.2 Проецирование2.1.1.3 Скос2.1.1.4 Поворот

3 Сочетание слоев

3.1 Правило волшебной прозрачности

3.1.1 Форма размытия спрайта

3.1.1.1 Овал

3.1.1.2 Звезда

3.1.1.3 Круг

3.1.1.4 Ломанная полоса

3.1.2 Полоса

3.1.2.1 Ширина размытия края спрайта

3.1.3 Форма

3.1.3.1 коэффициент альфа канала в начале зоны размытия

3.1.3.2 коэффициент у конца границы спрайта

3.1.3.3 Порядок спуска в шагах размытия

3.1.3.3.1 Спирали

3.1.3.3.2 Каскадные ступени

3.1.3.4 Смешивания линий размытия в углах изгиба

3.1.3.4.1 Замещение первым

3.1.3.4.2 Усреднение из двух

3.1.3.4.3 Смешивание в радиальной треугольной зоне



по дисциплине: «Моделирование и анализ ПО»тема: «Разработка структурно-функциональной модели. Схема информационных потоков»

Проверил:

ст. пр. О. А. Гудаев ст. пр. Д. М. Бочаров



Цель: Изучить принципы построения структурно-функциональной модели заданной системы в формате IDEF0. Приобрести навыки разработки схем информационных потоков DFD средствами инструмента визуального моделиро вания «BPwin».

Задание:

При помощи инструмента визуального моделиро вания «BPwin» разработать структурно-функциональную модель заданного бизнес-процесса системы в но тации IDEF0. Уровень детализации не менее 2 и не менее 6 страниц.

Ознакомиться с основами построения DFD-диаграмм.

Согласно индивидуальному варианту задания разработать диаграмму информационных потоков системы DFD, не менее трех страниц.

Описать каждую страницу диаграмм IDEF0, DFD текстом из 5 предложений.

Разработать презентацию по страницам IDEF0, DFD, чередуя страницы диаграмм с текстом её описания. Формат презентации будет необходим при оформлении расчётной работы.

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

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

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

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

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

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

Поместить в графическую БД

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

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

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

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

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

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

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

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

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



по дисциплине: «Моделирование и анализ ПО»тема: «Объектное моделирование программного обеспечения с помощью спецификации UML.

Построение UML-диаграмм»

Проверил:




Тема: «Объектное моделирование программного обеспечения с помощью спецификации UML. Построение UML-диаграмм»

Цель: Изучить особенности построения ситуационной модели обработки информации с помощью объектно-ориентированной модели, спроектированной в StarUML.

Задание:

В соответствии с индивидуальным вариантом задания для заданной системы при помощи UML/MDA платформы «StarUML» произвести построение следующих UML-диаграмм:

- диаграмма деятельности;- диаграмма взаимодействия;- диаграмма компонентов;

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

- диаграмма классов (3 ≤ кол-во классов ≤ 8).

Описать каждую UML-диаграмм текстом из 5 предложений.

Разработать презентацию по страницам UML-диаграмм, чередуя страницы диаграмм с текстом её описания. Формат презентации будет необходим при оформлении расчётной работы.

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

Пользователь

Загрузить цифровой коллаж Выбор цифрового коллажа

<<включить>>

Создать цифровой коллаж Загрузка растрового изображения


Из базы растрового изображения

Из внешних источников

Сохранение

<<включить>> Редактирование спрайтов


Аффинные преобразования

Выделение спрайтов


Формы выделения спрайтов

Масштабирование Поворот

Скос

Удалить цифровой коллаж Выбор удаляемого цифрового коллажа


Выход из системы

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

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

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

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

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

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

Проверить формат изображения

Изображение не

подходит по формату

Открыть растровое изображение

Изображение требуемого формата

Выбрать форму спрайта

Выделить спрайт

Произвольная

ломанная форма

Прямоугольник

ОвалРавнобедренный

треугольник

Поместить на полотно

2

Запуск приложения

Загрузить цифровой коллаж

Выбор цифрового коллажа из БД

Да

Нет

1

2

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

Аффинные преобразования

Да

Сохранить спрайт

Нет

Разместить выбранные спрайты

Размыть спрайт Размыть форму

Цифровой коллаж

выборПользователя дляРедактирования спрайта

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

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

Пользователь : Растровое изображение

: Спрайт : Графическая БД: Волшебная прозрачность

: Полотно : Коллаж

Загрузить

Выбрать

Поместить

Редактирование

Поместить

Редактировать

Создание коллажа

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

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

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

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



по дисциплине: «Моделирование и анализ ПО»тема: «Разработка графического пользовательского интерфейса»

Проверил:




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

Цель: Разработка пользовательского интерфейса при помощи специа ли зированного графического инструмента «GUI Design Studio». Задание: Согласно индивидуальному варианту задания при помощи «GUI Design Studio» разработать прототип интерфейса программы.Описать каждую логически законченную часть интерфейса текстом из 5 предложений.Разработать презентацию по интерфейсу, чередуя логические части интерфейса слайдами с текстом её описания. Формат презентации будет необходим при оформлении расчётной работы.

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

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

Главное окно программы

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

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

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

Главное меню

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

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

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

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

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

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

При нажатии на кнопку Выход, открывается сообщение «Сохранить данный коллаж ?»

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

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

При нажатии пользователем пункта коэффициент L-канала открывается диалоговое окно отвечающая за ввод коэффициента L-канала

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

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

При нажатии пользователем на пункт меню БД спрайтов, открывается БД спрайтов, в которой пользователь может найти необходимый спрайт и поместить на полотно. При нажатии на любой спрайт открывается сам спрайт, который пользователь может просмотреть.

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

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


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

по дисциплине: «Моделирование и анализ ПО»тема: «Проектирование и разработка программного продукта»

Проверил:




Тема: Проектирование и разработка программного продукта

Цель: Ознакомиться с основами разработки программного продукта по моделям проектной документации.

Задание:

Согласно диаграмм лабораторных работ № 2, 3, 4, 5 на языке высокого уровня (ЯВУ) написать интерфейс Windows-приложения.

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

Протестировать работу интерфейса программного продукта.

Разработать презентацию по экранным формам тестирования интерфейса программного продукта. Созданную презентацию объединить с презентациями лабораторных работ № 2, № 3, № 4, № 5.

Разместить презентацию на SlideShare.net и прислать ссылку на электронный ящик [email protected].

Главное окно программы

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

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

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

Главное меню

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

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

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

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

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

При нажатии на кнопку Выход, открывается сообщение «Сохранить данный коллаж ?»

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

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

При нажатии пользователем пункта коэффициент L-канала открывается диалоговое окно отвечающая за ввод коэффициента L-канала

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

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

При нажатии пользователем на пункт меню БД спрайтов, открывается БД спрайтов, в которой пользователь может найти необходимый спрайт и поместить на полотно. При нажатии на любой спрайт открывается сам спрайт, который пользователь может просмотреть.

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

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

СПАСИБО ЗА ВНИМАНИЕ!

Documents

Расчетная работа Цифровой коллаж