SlideShare a Scribd company logo
1 of 92
Министерство образования и науки Украины
Донецкий национальный технический университет
Лабораторная работа № 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.2 коэффициент у конца границы
3.1 Правило волшебной прозрачности спрайта
3.1.3.3 Порядок спуска в шагах
3.1.1 Форма размытия спрайта
размытия
3.1.1.1 Овал
3.1.3.3.1 Спирали
3.1.1.2 Звезда
3.1.3.3.2 Каскадные ступени
3.1.1.3 Круг
3.1.3.4 Смешивания линий размытия
3.1.1.4 Ломанная полоса
в углах изгиба
3.1.2 Полоса
3.1.3.4.1 Замещение первым
3.1.2.1 Ширина размытия края
3.1.3.4.2 Усреднение из двух
спрайта
3.1.3.4.3 Смешивание в радиальной
3.1.3 Форма
треугольной зоне
3.1.3.1 коэффициент альфа канала в
начале зоны размытия
Министерство образования и науки Украины
Донецкий национальный технический университет
Лабораторная работа № 3
по дисциплине: «Моделирование и анализ ПО»
тема: «Разработка структурно-функциональной модели. Схема
информационных потоков»
Проверил:
ст. пр. О. А. Гудаев
ст. пр. Д. М. Бочаров
Разработал:
ст.гр.ПОС-10а Шепляков Д.В.
Цель: Изучить принципы построения структурно-функциональной
модели заданной системы в формате IDEF0. Приобрести навыки
разработки схем информационных потоков DFD средствами инструмента
визуального моделиро­вания «BPwin».
Задание:
При помощи инструмента визуального моделиро­вания «BPwin»
разработать структурно-функциональную модель заданного бизнеспроцесса системы в но­­тации IDEF0. Уровень детализации не менее 2 и
не менее 6 страниц.
Ознакомиться с основами построения DFD-диаграмм.
Согласно индивидуальному варианту задания разработать
диаграмму информационных потоков системы DFD, не менее трех
страниц.
Описать каждую страницу диаграмм IDEF0, DFD текстом из 5
предложений.
Разработать презентацию по страницам IDEF0, DFD, чередуя
страницы диаграмм с текстом еѐ описания. Формат презентации будет
необходим при оформлении расчѐтной работы.
Создать цифровой коллаж
На слайде отображен главный процесс
проектированной системы – создание цифрового
коллажа. Входными данными для данного процесса
является база спрайтов и база растровых
изображений. Выходными данными является сам
цифровой коллаж. Исполнительный механизм –
пользователь системы. К управлению относим –
инструменты программы и инструкции
пользователя.
Создать цифровой коллаж
На слайде изображена декомпозиция главного
процесса проектируемой системы. Данный процесс
можно разбить на следующие составляющие:
загрузка растрового изображения, выделить
спрайт, поместить в графическую базу
данных, разместить на растровом изображении и
непосредственно создание коллажа. К ранее
исполнительному механизму добавилась “Система”.
Загрузить растровое изображение
На слайде изображена декомпозиция процесса загрузки
растрового изображения. При загрузке изображения
система проверяет соответствует ли формат загружаемого
изображения требуемому, если нет то пользователю
требуется пройти процесс загрузки еще раз. Если формат
изображения соответствует требуемому то открывается
растровое изображение. Если данное изображение больше
по размеру, то масштабируется до необходимого (940х360).
Выделить спрайт
На слайде показана декомпозиция процесса выделить
спрайт. Процесс разделен на следующие
составляющие – выбор формы спрайта, выделение
спрайта заданной формы и сохранение спрайта.
Входными данными являются формы спрайтов и
растровое изображение. На выходе получаем новые
спрайты.
Поместить в графическую БД
На слайде показана декомпозиция
процесса поместить в графическую БД.
Процесс разделен на следующие
составляющие – выбор формы редактирования
спрайта, выделение спрайта заданной формы и
сохранение спрайта. Входными данными
являются формы спрайтов и растровое
изображение. На выходе получаем
обработанный спрайт.
Разместить на растровом изображении
На слайде показана декомпозиция процесса
Разместить на растровом изображении. Процесс
разбит на следующие составляющие: разместить
выбранные спрайты, размыть спрайт, размыть
форму. Пользователь может редактировать и не
редактировать выбранные спрайты. В результате
на выходе получаем готовый цифровой коллаж.
Система создание цифрового коллажа
На слайде изображена контекстная DFD
диаграмма по теме создание цифрового коллажа. В
систему создание цифрового коллажа из внешних
сущностей передаются базы спрайтов, а из базы
растровых изображений – растровые изображения. В
результате работы системы в базу цифровых коллаже
передаться созданный цифровой коллаж.
Система создания цифрового коллажа
На диаграмме отображена декомпозиция работы системы
создания цифрового коллажа. Составляющие работы: выбор
необходимых спрайтов, редактирование спрайтов и размещение
спрайтов на полотне. Имеются следующие хранилища: список
выбранных спрайтов, список отредактированных спрайтов. Из базы
спрайтов выбираться нужные спрайты, список выбранных
спрайтов передаться на редактирование в итоге получаем список
отредактированных спрайтов. Можем размещать выбранные либо
отредактированные спрайты на новом полотне. Внешняя сущность
выбрать фон содержит растровые изображения которые можно
поставить на задний фон.
Редактирование спрайтов
На диаграмме отображена декомпозиция работы редактирование спрайта. Составляющие выбор
способа редактирования и непосредственно
редактирование спрайта. В результате получаем
список отредактированных спрайтов.
Министерство образования и науки Украины
Донецкий национальный технический университет
Лабораторная работа № 4
по дисциплине: «Моделирование и анализ ПО»

тема: «Объектное моделирование программного обеспечения с помощью
спецификации UML. Построение UML-диаграмм»
Проверил:
ст. пр. О. А. Гудаев
ст. пр. Д. М. Бочаров
Разработал:
ст.гр.ПОС-10а Шепляков Д.В.
Тема: «Объектное моделирование программного обеспечения с помощью
спецификации UML. Построение UML-диаграмм»
Цель: Изучить особенности построения ситуационной модели обработки
информации с помощью объектно-ориентированной модели, спроектированной
в StarUML.
Задание:
В соответствии с индивидуальным вариантом задания для заданной системы
при помощи UML/MDA платформы «StarUML» произвести построение
следующих UML-диаграмм:
- диаграмма деятельности;
- диаграмма взаимодействия;
- диаграмма компонентов;
- диаграмма последовательности;
- диаграмма классов (3 ≤ кол-во классов ≤ 8).
Описать каждую UML-диаграмм текстом из 5 предложений.
Разработать презентацию по страницам UML-диаграмм, чередуя страницы
диаграмм с текстом еѐ описания. Формат презентации будет необходим при
оформлении расчѐтной работы.
Диаграмма вариантов использования
Загрузить цифровой коллаж

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

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

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

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

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

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

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

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

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

Сохранение

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

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

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

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

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

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

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

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

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

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

Скос

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

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

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

Да

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

Нет

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

Нет

1

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

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

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

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

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

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

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

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

Выбрать форму спрайта
Произвольн
ая
ломанная
форма

Размыть спрайт
Прям
оугол
ьник

Овал

Размыть форму

Равнобед ренный
треугольник

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

Цифровой коллаж
Поместить на полотно

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

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

: Спрайт

: Графическая БД

: Волшебная
прозрачность

: Полотно

: Коллаж

Загрузить

Выбрать

Поместить

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

Поместить
Редактировать
Создание
коллажа
Диаграмма последовательности
На слайде показана диаграмма последовательности. На ней
отображена последовательность с которой пользователь может
работать с системой. Пользователь должен загрузить растровое
изображение, выбрать форму спрайта, поместить в графическую
БД, поместить на полотно, редактировать.
Диаграмма компонентов
Диаграмма компонентов
На слайде изображена диаграмма компонентов
проектируемой системы. В систему поступает файл
растрового изображения. Система содержит модули
загрузки, сохранения, создания и модификации
растровых изображений, спрайтов и коллажей. В
системе присутствуют базы данных растровых
изображений, спрайтов, коллажей. На выходе
получаем созданный коллаж, в одном из форматов
растрового изображения, который сохраняется в
базе данных.
Министерство образования и науки Украины
Донецкий национальный технический университет
Лабораторная работа № 5
по дисциплине: «Моделирование и анализ ПО»
тема: «Разработка графического пользовательского интерфейса»
Проверил:
ст. пр. О. А. Гудаев
ст. пр. Д. М. Бочаров
Разработал:
ст.гр.ПОС-10а Шепляков Д.В.
Тема: «Разработка графического пользовательского
интерфейса»
Цель: Разработка пользовательского интерфейса при
помощи специа­ли­зированного графического
инструмента «GUI Design Studio».
Задание:
Согласно индивидуальному варианту задания при
помощи «GUI Design Studio» разработать прототип
интерфейса программы.
Описать каждую логически законченную часть
интерфейса текстом из 5 предложений.
Разработать презентацию по интерфейсу, чередуя
логические части интерфейса слайдами с текстом еѐ
описания. Формат презентации будет необходим при
оформлении расчѐтной работы.
Общая схема интерфейса программы
На слайде отображена общая схема описания
программы по созданию цифровых коллажей.
Схема описания охватывает весь функционал
описанный ранее. Интерфейс программы
предусматривает возможности загрузки,
сохранения, вывода на печать цифровых
коллажей. Добавления, удаления и изменения
спрайтов. Редактирования параметров
прозрачности. Также в интерфейсе программы
предусмотрена возможность загрузки растровых
изображений.
Главное окно программы
Главное окно программы
На рисунке изображено главное окно программы по
центру изображено полотно, куда будут добавляться
спрайты, для создания цифрового коллажа. Слева
изображен список спрайтов, которые пользователь
может просмотреть при нажатии на название
спрайта. Справа изображен список использованных
спрайтов пользователем при создании цифрового
коллажа, пользователь может просмотреть
использованные спрайты, а также удалить
выбранный спрайт.
На рисунке изображен список
спрайтов, пользователь может
найти необходимый спрайт, при
нажатии на название спрайта,
открывается сам спрайт, который
пользователь может просмотреть.
Для того, чтобы увеличить
масштаб данного спрайта,
необходимо нажать на сам спрайт,
затем откроется окно, в котором
можно увеличить масштаб.
На рисунке изображен список
использованных спрайтов,
пользователь может найти
необходимый спрайт, при нажатии на
название спрайта, открывается сам
спрайт, который пользователь может
просмотреть. Для того, чтобы удалить
спрайт, необходимо его выделить в
списке использованных спрайтов и
нажать на кнопку удалить. Затем
откроется сообщение «Удалить
выбранный спрайт ?».
Главное меню
На рисунке отображен вид главного меню программы. Меню
содержит следующие пункты: Файл, Спрайты, Волшебная
прозрачность, Аффинные преобразования, БД спрайтов,
Палитра, О программе. Пункт меню Файл отвечает за работу с
файлами цифровых коллажей и растровых изображений.
Пункт спрайты за работу с базой спрайтов. Пункт волшебная
прозрачность за редактирование растровых изображений и
спрайтов. Пункт Аффинные преобразования за настройку
параметров преобразования спрайтов. Пункт БД спрайтов
отвечает за просмотр и выбор спрайтов из БД, пункт Палитра
за выбор цвета фона полотна или текста. Пункт О программе
содержит сведения о разработчике.
Файл

На рисунке отображен пункт меню Файл. Данный
пункт содержит следующие подпункты. Открыть
коллаж отвечает за открытие ранее созданных
цифровых коллажей. Загрузить растровое
изображение – загрузка растрового изображения
Сохранить коллаж – сохранение коллаж в
указанном формате , в указанное место и в базу
цифровых коллажей. Печать – вывод на печать
текущего коллажа или растрового изображения.
Выход – завершение работы программы.
На рисунке изображен пункт
открыть коллаж. При нажатии
пользователем на пункт меню
открыть коллаж, открывается
диалоговое окно, содержащее
папку с коллажами.
На рисунке изображен пункт
загрузить изображение. При
нажатии пользователем на
пункт меню Загрузить
изображение, открывается
диалоговое
окно, содержащее папку с
изображениями.
При нажатии пользователем на
пункт меню Сохранить
изображение, открывается
диалоговое окно, для
сохранения коллажа.
При нажатии
пользователем на
пункт меню Печать,
открывается
диалоговое окно,
для печати коллажа.
При нажатии на кнопку
Выход, открывается сообщение
«Сохранить данный коллаж ?»
Спрайты
На рисунке изображен пункт меню Спрайты.
Пункт содержит следующие подпункты.
Добавить спрайт – отвечает за добавление
спрайта в базу спрайтов. Сохранить спрайт
отвечает за сохранение спрайта. Удалить Спрайт
– отвечает за удаление спрайта из базы
спрайтов. Выделить спрайт – выделение
спрайтов заданной формы, в подменю
выделения спрайтов можно выбрать какую
именно форму спрайта использовать для
выделения. Программой предусмотрены
следующие формы выделения –
Равнобедренный треугольник, Овал,
Прямоугольник, Ломаная форма.
Волшебная прозрачность
На рисунке изображен пункт меню
Волшебная прозрачность. Пункт содержит
следующие подпункты. Форма размытия
спрайта. В под меню формы размытия
спрайта можно выбрать какую именно
формой размыть спрайт –
овал, звезда, круг, ломанная полоса. Подпункт
полоса – отвечающая за выделение спрайта по
краю, прозрачность – отвечает за
прозрачность спрайта, коэффициент L-канала
– отвечает за начальную зону размытия и
конец зоны размытия.
При нажатии пользователем
пункта коэффициент L-канала
открывается диалоговое окно
отвечающая за ввод
коэффициента L-канала
При нажатии пользователем на
пункт меню прозрачность
открывается диалоговое окно, в
котором пользователь может
выбрать порядок спуска в шагах
размытия (по спирали, каскадные
ступени), способ смешивания в
углах размытия спрайта
(замещение первым, усреднение
из двух, смешивание в радиальной
зоне, смешивание в треугольной
зоне).
Аффинные преобразования
На рисунке изображен пункт
аффинные преобразования,
который содержит следующие
пункты: масштабирование,
проецирование, скос, поворот.
При нажатии на пункт
масштабирование, открывается
диалоговое окно, отвечающее за
ввод пользователем
коэффициента
масштабирования.
При нажатии пользователем на
пункт меню БД спрайтов,
открывается БД спрайтов, в
которой пользователь может
найти необходимый спрайт и
поместить на полотно. При
нажатии на любой спрайт
открывается сам спрайт, который
пользователь может просмотреть.
При нажатии пользователем на пункт
меню Палитра, палитра цветов, в
которой пользователь может найти
необходимый цвет и задать фон
коллаж или текст надписи.
О программе
На рисунке изображен
пункт о программе. О
программе, открывается
окно сообщение которое
содержит информацию о
разработанном
приложение, а также о
разработчике и дате
разработки.
Министерство образования и науки Украины
Донецкий национальный технический университет
Расчетная работа
по дисциплине: «Моделирование и анализ ПО»
тема: «Проектирование и разработка программного продукта»
Проверил:
ст. пр. О. А. Гудаев
ст. пр. Д. М. Бочаров
Разработал:
ст.гр.ПОС-10а Шепляков Д.В.
Тема: Проектирование и разработка программного продукта
Цель: Ознакомиться с основами разработки программного продукта по
моделям проектной документации.
Задание:
Согласно диаграмм лабораторных работ № 2, 3, 4, 5 на языке высокого
уровня (ЯВУ) написать интерфейс Windows-приложения.
Программный продукт обязательно должен содержать форму,
удостоверяющую авторские права разработчика, своеобразную цифровую
подпись. Все поля обязательны для заполнения.
Протестировать работу интерфейса программного продукта.
Разработать презентацию по экранным формам тестирования интерфейса
программного продукта. Созданную презентацию объединить с
презентациями лабораторных работ № 2, № 3, № 4, № 5.
Разместить презентацию на SlideShare.net и прислать ссылку на
электронный ящик good.pois@gmail.com.
Главное окно программы
Главное окно программы
На рисунке изображено главное окно программы по
центру изображено полотно, куда будут добавляться
спрайты, для создания цифрового коллажа. Слева
изображен список спрайтов, которые пользователь
может просмотреть при нажатии на название
спрайта. Справа изображен список использованных
спрайтов пользователем при создании цифрового
коллажа, пользователь может просмотреть
использованные спрайты, а также удалить
выбранный спрайт.
На рисунке изображен список
спрайтов, пользователь может
найти необходимый спрайт, при
нажатии на название спрайта,
открывается сам спрайт, который
пользователь может просмотреть.
Для того, чтобы увеличить
масштаб данного спрайта,
необходимо нажать на сам спрайт,
затем откроется окно, в котором
можно увеличить масштаб.
На рисунке изображен список
использованных
спрайтов, пользователь может найти
необходимый спрайт, при нажатии на
название спрайта, открывается сам
спрайт, который пользователь может
просмотреть. Для того, чтобы удалить
спрайт, необходимо его выделить в
списке использованных спрайтов и
нажать на кнопку удалить. Затем
откроется сообщение «Удалить
выбранный спрайт ?».
Главное меню
На рисунке отображен вид главного меню программы. Меню
содержит следующие пункты: Файл, Спрайты, Волшебная
прозрачность, Аффинные преобразования, БД спрайтов,
Палитра, О программе. Пункт меню Файл отвечает за работу с
файлами цифровых коллажей и растровых изображений.
Пункт спрайты за работу с базой спрайтов. Пункт волшебная
прозрачность за редактирование растровых изображений и
спрайтов. Пункт Аффинные преобразования за настройку
параметров преобразования спрайтов. Пункт БД спрайтов
отвечает за просмотр и выбор спрайтов из БД, пункт Палитра
за выбор цвета фона полотна или текста. Пункт О программе
содержит сведения о разработчике.
Файл

На рисунке отображен пункт меню Файл. Данный
пункт содержит следующие подпункты. Открыть
коллаж отвечает за открытие ранее созданных
цифровых коллажей. Загрузить растровое
изображение – загрузка растрового изображения
Сохранить коллаж – сохранение коллаж в
указанном формате , в указанное место и в базу
цифровых коллажей. Печать – вывод на печать
текущего коллажа или растрового изображения.
Выход – завершение работы программы.
На рисунке изображен пункт
открыть коллаж. При нажатии
пользователем на пункт меню
открыть коллаж, открывается
диалоговое окно, содержащее
папку с коллажами.
На рисунке изображен пункт
загрузить изображение. При
нажатии пользователем на
пункт меню Загрузить
изображение, открывается
диалоговое окно,
содержащее папку с
изображениями.
При нажатии пользователем на
пункт меню Сохранить
изображение, открывается
диалоговое окно, для
сохранения коллажа.
При нажатии на кнопку
Выход, открывается
сообщение «Сохранить
данный коллаж ?»
Спрайты
На рисунке изображен пункт меню Спрайты.
Пункт содержит следующие подпункты.
Добавить спрайт – отвечает за добавление
спрайта в базу спрайтов. Сохранить спрайт
отвечает за сохранение спрайта. Удалить Спрайт
– отвечает за удаление спрайта из базы
спрайтов. Выделить спрайт – выделение
спрайтов заданной формы, в подменю
выделения спрайтов можно выбрать какую
именно форму спрайта использовать для
выделения. Программой предусмотрены
следующие формы выделения –
Равнобедренный
треугольник, Овал, Прямоугольник, Ломаная
форма.
Волшебная прозрачность
На рисунке изображен пункт меню
Волшебная прозрачность. Пункт содержит
следующие подпункты. Форма размытия
спрайта. В под меню формы размытия
спрайта можно выбрать какую именно
формой размыть спрайт –
овал, звезда, круг, ломанная полоса. Подпункт
прозрачность – отвечает за прозрачность
спрайта, коэффициент L-канала – отвечает за
начальную зону размытия и конец зоны
размытия.
При нажатии пользователем
пункта коэффициент L-канала
открывается диалоговое окно
отвечающая за ввод
коэффициента L-канала
При нажатии пользователем на
пункт меню прозрачность
открывается диалоговое окно, в
котором пользователь может
выбрать порядок спуска в шагах
размытия (по спирали, каскадные
ступени), способ смешивания в
углах размытия спрайта
(замещение первым, усреднение
из двух, смешивание в радиальной
зоне, смешивание в треугольной
зоне).
Аффинные преобразования
На рисунке изображен пункт
аффинные
преобразования, который
содержит следующие пункты:
масштабирование, проецирован
ие, скос, поворот. При нажатии
на пункт
масштабирование, открывается
диалоговое окно, отвечающее за
ввод пользователем
коэффициента
масштабирования.
При нажатии пользователем на
пункт меню БД спрайтов,
открывается БД спрайтов, в
которой пользователь может
найти необходимый спрайт и
поместить на полотно. При
нажатии на любой спрайт
открывается сам спрайт, который
пользователь может просмотреть.
При нажатии пользователем на пункт
меню Палитра, палитра цветов, в
которой пользователь может найти
необходимый цвет и задать фон
коллаж или текст надписи.
О программе
На рисунке изображен
пункт о программе. О
программе, открывается
окно сообщение которое
содержит информацию о
разработанном
приложение, а также о
разработчике и дате
разработки.
СПАСИБО ЗА ВНИМАНИЕ!

More Related Content

Viewers also liked

Расчетная работа Лукьянченко Л. А,
Расчетная работа Лукьянченко Л. А,Расчетная работа Лукьянченко Л. А,
Расчетная работа Лукьянченко Л. А,l10bov
 
МАПО 2013 Лекция 05 Основы анализа Software
МАПО 2013 Лекция 05 Основы анализа SoftwareМАПО 2013 Лекция 05 Основы анализа Software
МАПО 2013 Лекция 05 Основы анализа SoftwareОлег Гудаев
 
расчетная работа (усынин в.а. пос 10в)
расчетная работа (усынин в.а. пос 10в)расчетная работа (усынин в.а. пос 10в)
расчетная работа (усынин в.а. пос 10в)Vlad_doc
 
расчетная работа
расчетная работарасчетная работа
расчетная работаDavidLoginov
 
Расчетная работа №2
Расчетная работа №2Расчетная работа №2
Расчетная работа №2_SS22_
 
Расчётная работа
Расчётная работаРасчётная работа
Расчётная работаhell_coder
 
Расчётная работа
Расчётная работаРасчётная работа
Расчётная работаLena Shashalevich
 
Alex Potemkin MAPO
Alex Potemkin MAPOAlex Potemkin MAPO
Alex Potemkin MAPOAlex Miller
 
RR_Dima_Shm. update(interface)
RR_Dima_Shm. update(interface)RR_Dima_Shm. update(interface)
RR_Dima_Shm. update(interface)Dima_Shm
 
RR_Dima_Shm
RR_Dima_ShmRR_Dima_Shm
RR_Dima_ShmDima_Shm
 
Мои практические работы
Мои практические работыМои практические работы
Мои практические работыriabokon_a
 
расчетная работа
расчетная работарасчетная работа
расчетная работаSergeyPZS10a
 
Расчетная работа. Гончаров Алексей.
Расчетная работа. Гончаров Алексей.Расчетная работа. Гончаров Алексей.
Расчетная работа. Гончаров Алексей.Alex
 
расчетная работа
расчетная работарасчетная работа
расчетная работаJuliaDrozd
 
расчетная работа мапо Михалюк В.А. пос-10б
расчетная работа мапо Михалюк В.А. пос-10брасчетная работа мапо Михалюк В.А. пос-10б
расчетная работа мапо Михалюк В.А. пос-10бВерочка Михалюк
 
ЛР 2 3 4 5 и Расчётная работы МАПО
ЛР 2 3 4 5 и Расчётная работы МАПОЛР 2 3 4 5 и Расчётная работы МАПО
ЛР 2 3 4 5 и Расчётная работы МАПООлег Гудаев
 
Расчетная работа по дисциплине МАПО (Кондратюк Т.А.)
Расчетная работа по дисциплине МАПО (Кондратюк Т.А.)Расчетная работа по дисциплине МАПО (Кондратюк Т.А.)
Расчетная работа по дисциплине МАПО (Кондратюк Т.А.)Lita Ford
 
Расчётная работа. МАПО
Расчётная работа. МАПОРасчётная работа. МАПО
Расчётная работа. МАПОPresentationCreater
 

Viewers also liked (20)

Расчетная работа Лукьянченко Л. А,
Расчетная работа Лукьянченко Л. А,Расчетная работа Лукьянченко Л. А,
Расчетная работа Лукьянченко Л. А,
 
МАПО 2013 Лекция 05 Основы анализа Software
МАПО 2013 Лекция 05 Основы анализа SoftwareМАПО 2013 Лекция 05 Основы анализа Software
МАПО 2013 Лекция 05 Основы анализа Software
 
расчетная работа (усынин в.а. пос 10в)
расчетная работа (усынин в.а. пос 10в)расчетная работа (усынин в.а. пос 10в)
расчетная работа (усынин в.а. пос 10в)
 
расчетная работа
расчетная работарасчетная работа
расчетная работа
 
Расчетная работа №2
Расчетная работа №2Расчетная работа №2
Расчетная работа №2
 
Расчётная работа
Расчётная работаРасчётная работа
Расчётная работа
 
Расчётная работа
Расчётная работаРасчётная работа
Расчётная работа
 
Alex Potemkin MAPO
Alex Potemkin MAPOAlex Potemkin MAPO
Alex Potemkin MAPO
 
Vitykv MAPO lab1_alpha
Vitykv MAPO lab1_alphaVitykv MAPO lab1_alpha
Vitykv MAPO lab1_alpha
 
RR_Dima_Shm. update(interface)
RR_Dima_Shm. update(interface)RR_Dima_Shm. update(interface)
RR_Dima_Shm. update(interface)
 
RR_Dima_Shm
RR_Dima_ShmRR_Dima_Shm
RR_Dima_Shm
 
Мои практические работы
Мои практические работыМои практические работы
Мои практические работы
 
расчетная работа
расчетная работарасчетная работа
расчетная работа
 
рр
рррр
рр
 
Расчетная работа. Гончаров Алексей.
Расчетная работа. Гончаров Алексей.Расчетная работа. Гончаров Алексей.
Расчетная работа. Гончаров Алексей.
 
расчетная работа
расчетная работарасчетная работа
расчетная работа
 
расчетная работа мапо Михалюк В.А. пос-10б
расчетная работа мапо Михалюк В.А. пос-10брасчетная работа мапо Михалюк В.А. пос-10б
расчетная работа мапо Михалюк В.А. пос-10б
 
ЛР 2 3 4 5 и Расчётная работы МАПО
ЛР 2 3 4 5 и Расчётная работы МАПОЛР 2 3 4 5 и Расчётная работы МАПО
ЛР 2 3 4 5 и Расчётная работы МАПО
 
Расчетная работа по дисциплине МАПО (Кондратюк Т.А.)
Расчетная работа по дисциплине МАПО (Кондратюк Т.А.)Расчетная работа по дисциплине МАПО (Кондратюк Т.А.)
Расчетная работа по дисциплине МАПО (Кондратюк Т.А.)
 
Расчётная работа. МАПО
Расчётная работа. МАПОРасчётная работа. МАПО
Расчётная работа. МАПО
 

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

цифровой коллаж
цифровой коллажцифровой коллаж
цифровой коллажsheplyakov
 
лабораторная работа №4 uml
лабораторная работа №4 umlлабораторная работа №4 uml
лабораторная работа №4 umlNatasha Lysakova
 
Презентация по разработке схем в пакете OrCAD 9.2.ppt
Презентация по разработке схем в пакете OrCAD 9.2.pptПрезентация по разработке схем в пакете OrCAD 9.2.ppt
Презентация по разработке схем в пакете OrCAD 9.2.pptSachin160667
 
оп.05 основы программирования
оп.05 основы программированияоп.05 основы программирования
оп.05 основы программированияStepan1234
 
платформа научных симуляторов Gpu digital lab
платформа научных симуляторов Gpu digital labплатформа научных симуляторов Gpu digital lab
платформа научных симуляторов Gpu digital labOleg Gubanov
 
"Рекомендации по проектированию API" — Марина Степанова, Яндекс
"Рекомендации по проектированию API" — Марина Степанова, Яндекс"Рекомендации по проектированию API" — Марина Степанова, Яндекс
"Рекомендации по проектированию API" — Марина Степанова, ЯндексYandex
 
"Рекомендации по проектированию API". Марина Степанова, Яндекс
"Рекомендации по проектированию API". Марина Степанова, Яндекс"Рекомендации по проектированию API". Марина Степанова, Яндекс
"Рекомендации по проектированию API". Марина Степанова, ЯндексYandex
 
Расчетная работа
Расчетная работаРасчетная работа
Расчетная работаMestniy
 
Лабораторная работа № 4. МАПО - диаграммы uml
Лабораторная работа № 4. МАПО - диаграммы umlЛабораторная работа № 4. МАПО - диаграммы uml
Лабораторная работа № 4. МАПО - диаграммы umlPresentationCreater
 
Графический растровый редактор Gimp
Графический растровый редактор GimpГрафический растровый редактор Gimp
Графический растровый редактор Gimpинна ветрова
 
Сверточные нейронные сети
Сверточные нейронные сетиСверточные нейронные сети
Сверточные нейронные сетиIvan Kavalerov
 
трасировка Mpi приложений
трасировка Mpi приложенийтрасировка Mpi приложений
трасировка Mpi приложенийMichael Karpov
 
МЕТОДИКА СБОРКИ И ОБРАБОТКИ ДАННЫХ, ПОЛУЧЕННЫХ В ПРОЦЕССЕ 3D-СКАНИРОВАНИЯ
МЕТОДИКА СБОРКИ И ОБРАБОТКИ ДАННЫХ, ПОЛУЧЕННЫХ В ПРОЦЕССЕ 3D-СКАНИРОВАНИЯМЕТОДИКА СБОРКИ И ОБРАБОТКИ ДАННЫХ, ПОЛУЧЕННЫХ В ПРОЦЕССЕ 3D-СКАНИРОВАНИЯ
МЕТОДИКА СБОРКИ И ОБРАБОТКИ ДАННЫХ, ПОЛУЧЕННЫХ В ПРОЦЕССЕ 3D-СКАНИРОВАНИЯITMO University
 
лабораторная работа №3 dfd & idef0
лабораторная работа №3 dfd & idef0лабораторная работа №3 dfd & idef0
лабораторная работа №3 dfd & idef0Natasha Lysakova
 
Gpuenvironment simulator(уралгазтест)
Gpuenvironment simulator(уралгазтест)Gpuenvironment simulator(уралгазтест)
Gpuenvironment simulator(уралгазтест)oleg gubanov
 
Denis Perevalov -- Computer Vision with OpenCV 2
Denis Perevalov -- Computer Vision with OpenCV 2Denis Perevalov -- Computer Vision with OpenCV 2
Denis Perevalov -- Computer Vision with OpenCV 2Uralcsclub
 

Similar to Расчетная работа Цифровой коллаж (20)

цифровой коллаж
цифровой коллажцифровой коллаж
цифровой коллаж
 
лабораторная работа №4 uml
лабораторная работа №4 umlлабораторная работа №4 uml
лабораторная работа №4 uml
 
л.1
л.1л.1
л.1
 
динамические конструкторы
динамические конструкторыдинамические конструкторы
динамические конструкторы
 
Презентация по разработке схем в пакете OrCAD 9.2.ppt
Презентация по разработке схем в пакете OrCAD 9.2.pptПрезентация по разработке схем в пакете OrCAD 9.2.ppt
Презентация по разработке схем в пакете OrCAD 9.2.ppt
 
оп.05 основы программирования
оп.05 основы программированияоп.05 основы программирования
оп.05 основы программирования
 
платформа научных симуляторов Gpu digital lab
платформа научных симуляторов Gpu digital labплатформа научных симуляторов Gpu digital lab
платформа научных симуляторов Gpu digital lab
 
"Рекомендации по проектированию API" — Марина Степанова, Яндекс
"Рекомендации по проектированию API" — Марина Степанова, Яндекс"Рекомендации по проектированию API" — Марина Степанова, Яндекс
"Рекомендации по проектированию API" — Марина Степанова, Яндекс
 
B pwin&ramus
B pwin&ramusB pwin&ramus
B pwin&ramus
 
"Рекомендации по проектированию API". Марина Степанова, Яндекс
"Рекомендации по проектированию API". Марина Степанова, Яндекс"Рекомендации по проектированию API". Марина Степанова, Яндекс
"Рекомендации по проектированию API". Марина Степанова, Яндекс
 
Расчетная работа
Расчетная работаРасчетная работа
Расчетная работа
 
Лабораторная работа № 4. МАПО - диаграммы uml
Лабораторная работа № 4. МАПО - диаграммы umlЛабораторная работа № 4. МАПО - диаграммы uml
Лабораторная работа № 4. МАПО - диаграммы uml
 
Графический растровый редактор Gimp
Графический растровый редактор GimpГрафический растровый редактор Gimp
Графический растровый редактор Gimp
 
Сверточные нейронные сети
Сверточные нейронные сетиСверточные нейронные сети
Сверточные нейронные сети
 
трасировка Mpi приложений
трасировка Mpi приложенийтрасировка Mpi приложений
трасировка Mpi приложений
 
МЕТОДИКА СБОРКИ И ОБРАБОТКИ ДАННЫХ, ПОЛУЧЕННЫХ В ПРОЦЕССЕ 3D-СКАНИРОВАНИЯ
МЕТОДИКА СБОРКИ И ОБРАБОТКИ ДАННЫХ, ПОЛУЧЕННЫХ В ПРОЦЕССЕ 3D-СКАНИРОВАНИЯМЕТОДИКА СБОРКИ И ОБРАБОТКИ ДАННЫХ, ПОЛУЧЕННЫХ В ПРОЦЕССЕ 3D-СКАНИРОВАНИЯ
МЕТОДИКА СБОРКИ И ОБРАБОТКИ ДАННЫХ, ПОЛУЧЕННЫХ В ПРОЦЕССЕ 3D-СКАНИРОВАНИЯ
 
Моделирование поведения сложных динамических систем
Моделирование поведения сложных динамических системМоделирование поведения сложных динамических систем
Моделирование поведения сложных динамических систем
 
лабораторная работа №3 dfd & idef0
лабораторная работа №3 dfd & idef0лабораторная работа №3 dfd & idef0
лабораторная работа №3 dfd & idef0
 
Gpuenvironment simulator(уралгазтест)
Gpuenvironment simulator(уралгазтест)Gpuenvironment simulator(уралгазтест)
Gpuenvironment simulator(уралгазтест)
 
Denis Perevalov -- Computer Vision with OpenCV 2
Denis Perevalov -- Computer Vision with OpenCV 2Denis Perevalov -- Computer Vision with OpenCV 2
Denis Perevalov -- Computer Vision with OpenCV 2
 

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

  • 1. Министерство образования и науки Украины Донецкий национальный технический университет Лабораторная работа № 2 по дисциплине: «Моделирование и анализ ПО» тема: «Построение концептуальной модели заданной функциональности при помощи САПР «ConceptDraw» Разработал: ст.гр.ПОС-10а Шепляков Д.В.
  • 2. Тема: «Построение концептуальной модели заданной функциональности при помощи САПР «ConceptDraw» Цель: Составить концептуальную модель заданной функциональности компьютерной системы. Вариант задания И2 Класс ПО: Настольная программа. Ник: Волшебная прозрачность своими руками. Тема: Редактор фотоморфинга составления цифрового коллажа из растровых фрагментов изображений.
  • 3.
  • 4.
  • 5. На данной интеллект-карте изображено три узла: изображение, графическая БД, сочетание слоев. Для составления цифрового коллажа пользователь должен выбрать изображение, затем воспользоваться функцией графическая БД и функцией сочетание слоев.
  • 6.
  • 7. На данной интеллект-карте изображено 5 узлов: спрайт, равнобедренный треугольник, овал, прямоугольник или произвольная форма. Пользователь выделяет спрайт на растровом изображении. Магический инструмент выделения спрайта задан четырьмя способа - равнобедренный треугольник, овал, прямоугольник или произвольная ломаная форма.
  • 8.
  • 9. На данной интеллект-карте изображено 6 узлов: слои копий из БД, аффинные преобразования, масштабирование, проецирование, скос, пово рот. Спрайты помещаются в графическую базу данных. Конечный результат программы - пользователь размещает на растровом полотне произвольного изображения слои копий спрайтов из базы данных. Копии изменяются программой основными операциями аффинных преобразований: масштабирование, проецирование, скос, поворот.
  • 10.
  • 11. На данной интеллект-карте изображено 9 узлов: правило волшебной прозрачности, форма размытия спрайта - овал, звезда, круг или ломаная полоса по краю спрайта, для полосы задается ширина размытия края спрайта. Для сочетания слоев в интерфейсе программы задается правило волшебной прозрачности для каждого слоя: форма размытия спрайта - овал, звезда, круг или ломаная полоса по краю спрайта, для полосы задается ширина размытия края спрайта.
  • 12.
  • 13. На данной интеллект-карте изображено 9 узлов: смешивание линий размытия в углах изгиба, коэффициент альфа-канала в начале зоны размытия, коэффициент у конца границы спрайта, порядок спуска в шагах размытия. Для всех форм задаѐтся коэффициент альфа-канала в начале зоны размытия и коэффициент у конца границы спрайта, задаѐтся порядок спуска в шагах размытия - по спирали или каскадные ступени, задаѐтся способ смешивания линий размытия в углах изгиба формы спрайта - замещение первым или усреднение из двух или смешивание в радиальной, треугольной зоне.
  • 14. ПРОТОКОЛ Цифровой коллаж 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 Поворот
  • 15. 3 Сочетание слоев 3.1.3.2 коэффициент у конца границы 3.1 Правило волшебной прозрачности спрайта 3.1.3.3 Порядок спуска в шагах 3.1.1 Форма размытия спрайта размытия 3.1.1.1 Овал 3.1.3.3.1 Спирали 3.1.1.2 Звезда 3.1.3.3.2 Каскадные ступени 3.1.1.3 Круг 3.1.3.4 Смешивания линий размытия 3.1.1.4 Ломанная полоса в углах изгиба 3.1.2 Полоса 3.1.3.4.1 Замещение первым 3.1.2.1 Ширина размытия края 3.1.3.4.2 Усреднение из двух спрайта 3.1.3.4.3 Смешивание в радиальной 3.1.3 Форма треугольной зоне 3.1.3.1 коэффициент альфа канала в начале зоны размытия
  • 16. Министерство образования и науки Украины Донецкий национальный технический университет Лабораторная работа № 3 по дисциплине: «Моделирование и анализ ПО» тема: «Разработка структурно-функциональной модели. Схема информационных потоков» Проверил: ст. пр. О. А. Гудаев ст. пр. Д. М. Бочаров Разработал: ст.гр.ПОС-10а Шепляков Д.В.
  • 17. Цель: Изучить принципы построения структурно-функциональной модели заданной системы в формате IDEF0. Приобрести навыки разработки схем информационных потоков DFD средствами инструмента визуального моделиро­вания «BPwin». Задание: При помощи инструмента визуального моделиро­вания «BPwin» разработать структурно-функциональную модель заданного бизнеспроцесса системы в но­­тации IDEF0. Уровень детализации не менее 2 и не менее 6 страниц. Ознакомиться с основами построения DFD-диаграмм. Согласно индивидуальному варианту задания разработать диаграмму информационных потоков системы DFD, не менее трех страниц. Описать каждую страницу диаграмм IDEF0, DFD текстом из 5 предложений. Разработать презентацию по страницам IDEF0, DFD, чередуя страницы диаграмм с текстом еѐ описания. Формат презентации будет необходим при оформлении расчѐтной работы.
  • 18.
  • 19. Создать цифровой коллаж На слайде отображен главный процесс проектированной системы – создание цифрового коллажа. Входными данными для данного процесса является база спрайтов и база растровых изображений. Выходными данными является сам цифровой коллаж. Исполнительный механизм – пользователь системы. К управлению относим – инструменты программы и инструкции пользователя.
  • 20.
  • 21. Создать цифровой коллаж На слайде изображена декомпозиция главного процесса проектируемой системы. Данный процесс можно разбить на следующие составляющие: загрузка растрового изображения, выделить спрайт, поместить в графическую базу данных, разместить на растровом изображении и непосредственно создание коллажа. К ранее исполнительному механизму добавилась “Система”.
  • 22.
  • 23. Загрузить растровое изображение На слайде изображена декомпозиция процесса загрузки растрового изображения. При загрузке изображения система проверяет соответствует ли формат загружаемого изображения требуемому, если нет то пользователю требуется пройти процесс загрузки еще раз. Если формат изображения соответствует требуемому то открывается растровое изображение. Если данное изображение больше по размеру, то масштабируется до необходимого (940х360).
  • 24.
  • 25. Выделить спрайт На слайде показана декомпозиция процесса выделить спрайт. Процесс разделен на следующие составляющие – выбор формы спрайта, выделение спрайта заданной формы и сохранение спрайта. Входными данными являются формы спрайтов и растровое изображение. На выходе получаем новые спрайты.
  • 26.
  • 27. Поместить в графическую БД На слайде показана декомпозиция процесса поместить в графическую БД. Процесс разделен на следующие составляющие – выбор формы редактирования спрайта, выделение спрайта заданной формы и сохранение спрайта. Входными данными являются формы спрайтов и растровое изображение. На выходе получаем обработанный спрайт.
  • 28.
  • 29. Разместить на растровом изображении На слайде показана декомпозиция процесса Разместить на растровом изображении. Процесс разбит на следующие составляющие: разместить выбранные спрайты, размыть спрайт, размыть форму. Пользователь может редактировать и не редактировать выбранные спрайты. В результате на выходе получаем готовый цифровой коллаж.
  • 30.
  • 31. Система создание цифрового коллажа На слайде изображена контекстная DFD диаграмма по теме создание цифрового коллажа. В систему создание цифрового коллажа из внешних сущностей передаются базы спрайтов, а из базы растровых изображений – растровые изображения. В результате работы системы в базу цифровых коллаже передаться созданный цифровой коллаж.
  • 32.
  • 33. Система создания цифрового коллажа На диаграмме отображена декомпозиция работы системы создания цифрового коллажа. Составляющие работы: выбор необходимых спрайтов, редактирование спрайтов и размещение спрайтов на полотне. Имеются следующие хранилища: список выбранных спрайтов, список отредактированных спрайтов. Из базы спрайтов выбираться нужные спрайты, список выбранных спрайтов передаться на редактирование в итоге получаем список отредактированных спрайтов. Можем размещать выбранные либо отредактированные спрайты на новом полотне. Внешняя сущность выбрать фон содержит растровые изображения которые можно поставить на задний фон.
  • 34.
  • 35. Редактирование спрайтов На диаграмме отображена декомпозиция работы редактирование спрайта. Составляющие выбор способа редактирования и непосредственно редактирование спрайта. В результате получаем список отредактированных спрайтов.
  • 36. Министерство образования и науки Украины Донецкий национальный технический университет Лабораторная работа № 4 по дисциплине: «Моделирование и анализ ПО» тема: «Объектное моделирование программного обеспечения с помощью спецификации UML. Построение UML-диаграмм» Проверил: ст. пр. О. А. Гудаев ст. пр. Д. М. Бочаров Разработал: ст.гр.ПОС-10а Шепляков Д.В.
  • 37. Тема: «Объектное моделирование программного обеспечения с помощью спецификации UML. Построение UML-диаграмм» Цель: Изучить особенности построения ситуационной модели обработки информации с помощью объектно-ориентированной модели, спроектированной в StarUML. Задание: В соответствии с индивидуальным вариантом задания для заданной системы при помощи UML/MDA платформы «StarUML» произвести построение следующих UML-диаграмм: - диаграмма деятельности; - диаграмма взаимодействия; - диаграмма компонентов; - диаграмма последовательности; - диаграмма классов (3 ≤ кол-во классов ≤ 8). Описать каждую UML-диаграмм текстом из 5 предложений. Разработать презентацию по страницам UML-диаграмм, чередуя страницы диаграмм с текстом еѐ описания. Формат презентации будет необходим при оформлении расчѐтной работы.
  • 38. Диаграмма вариантов использования Загрузить цифровой коллаж <<включить>> Выбор цифрового коллажа Из базы растрового изображения Создать цифровой коллаж <<включить>> Загрузка растрового изображения Из внешних источников <<включить>> <<включить>> Пользователь Сохранение <<включить>> Редактирование спрайтов Выделение спрайтов Аффинные преобразования Формы выделения спрайтов Масштабирование Удалить цифровой коллаж Выход из системы <<включить>> Выбор удаляемого цифрового коллажа Скос Поворот
  • 39. Диаграмма вариантов использования На слайде отображена диаграмма вариантов использования. При запуске приложения пользователь имеет доступ к следующим состояниям: загрузить цифровой коллаж, создать цифровой коллаж, удалить цифровой коллаж, выйти из программы.
  • 41. Диаграмма классов На слайде изображена диаграмма классов. Проектируемая система содержит следующие классы: цифровой коллаж, пользователь, магический инструмент, форма размытия спрайта, коэффициент L-канала, аффинные преобразования, растровое изображение.
  • 42. 2 Редактирование спрайта Запуск приложения Загрузить цифровой коллаж Да Да Выб ор цифрового коллажа из БД Нет Аффинные преобразования Нет 1 Загрузить растровое изображение Сохранить спрайт Проверить формат изображения Изображение не подходит по форма ту Разместить выбранные спрайты Изображение требуемого форм ата выбор Пользователя для Редактирования спрайта Открыть рас тровое изображение Выбрать форму спрайта Произвольн ая ломанная форма Размыть спрайт Прям оугол ьник Овал Размыть форму Равнобед ренный треугольник Выд елить спрайт Цифровой коллаж Поместить на полотно 2
  • 43. Диаграмма деятельности На слайде показана диаграмма деятельности. На ней отображена последовательность с которой пользователь может работать с системой. Пользователь должен загрузить цифровой коллаж или загрузить растровое изображение, выбрать форму спрайта, поместить на полотно, разместить выбранные спрайты, редактировать спрайт.
  • 44. Диаграмма последовательности : Растровое изображение Пользователь : Спрайт : Графическая БД : Волшебная прозрачность : Полотно : Коллаж Загрузить Выбрать Поместить Редактиро вание Поместить Редактировать Создание коллажа
  • 45. Диаграмма последовательности На слайде показана диаграмма последовательности. На ней отображена последовательность с которой пользователь может работать с системой. Пользователь должен загрузить растровое изображение, выбрать форму спрайта, поместить в графическую БД, поместить на полотно, редактировать.
  • 47. Диаграмма компонентов На слайде изображена диаграмма компонентов проектируемой системы. В систему поступает файл растрового изображения. Система содержит модули загрузки, сохранения, создания и модификации растровых изображений, спрайтов и коллажей. В системе присутствуют базы данных растровых изображений, спрайтов, коллажей. На выходе получаем созданный коллаж, в одном из форматов растрового изображения, который сохраняется в базе данных.
  • 48. Министерство образования и науки Украины Донецкий национальный технический университет Лабораторная работа № 5 по дисциплине: «Моделирование и анализ ПО» тема: «Разработка графического пользовательского интерфейса» Проверил: ст. пр. О. А. Гудаев ст. пр. Д. М. Бочаров Разработал: ст.гр.ПОС-10а Шепляков Д.В.
  • 49. Тема: «Разработка графического пользовательского интерфейса» Цель: Разработка пользовательского интерфейса при помощи специа­ли­зированного графического инструмента «GUI Design Studio». Задание: Согласно индивидуальному варианту задания при помощи «GUI Design Studio» разработать прототип интерфейса программы. Описать каждую логически законченную часть интерфейса текстом из 5 предложений. Разработать презентацию по интерфейсу, чередуя логические части интерфейса слайдами с текстом еѐ описания. Формат презентации будет необходим при оформлении расчѐтной работы.
  • 50.
  • 51. Общая схема интерфейса программы На слайде отображена общая схема описания программы по созданию цифровых коллажей. Схема описания охватывает весь функционал описанный ранее. Интерфейс программы предусматривает возможности загрузки, сохранения, вывода на печать цифровых коллажей. Добавления, удаления и изменения спрайтов. Редактирования параметров прозрачности. Также в интерфейсе программы предусмотрена возможность загрузки растровых изображений.
  • 53. Главное окно программы На рисунке изображено главное окно программы по центру изображено полотно, куда будут добавляться спрайты, для создания цифрового коллажа. Слева изображен список спрайтов, которые пользователь может просмотреть при нажатии на название спрайта. Справа изображен список использованных спрайтов пользователем при создании цифрового коллажа, пользователь может просмотреть использованные спрайты, а также удалить выбранный спрайт.
  • 54. На рисунке изображен список спрайтов, пользователь может найти необходимый спрайт, при нажатии на название спрайта, открывается сам спрайт, который пользователь может просмотреть. Для того, чтобы увеличить масштаб данного спрайта, необходимо нажать на сам спрайт, затем откроется окно, в котором можно увеличить масштаб.
  • 55. На рисунке изображен список использованных спрайтов, пользователь может найти необходимый спрайт, при нажатии на название спрайта, открывается сам спрайт, который пользователь может просмотреть. Для того, чтобы удалить спрайт, необходимо его выделить в списке использованных спрайтов и нажать на кнопку удалить. Затем откроется сообщение «Удалить выбранный спрайт ?».
  • 56. Главное меню На рисунке отображен вид главного меню программы. Меню содержит следующие пункты: Файл, Спрайты, Волшебная прозрачность, Аффинные преобразования, БД спрайтов, Палитра, О программе. Пункт меню Файл отвечает за работу с файлами цифровых коллажей и растровых изображений. Пункт спрайты за работу с базой спрайтов. Пункт волшебная прозрачность за редактирование растровых изображений и спрайтов. Пункт Аффинные преобразования за настройку параметров преобразования спрайтов. Пункт БД спрайтов отвечает за просмотр и выбор спрайтов из БД, пункт Палитра за выбор цвета фона полотна или текста. Пункт О программе содержит сведения о разработчике.
  • 57. Файл На рисунке отображен пункт меню Файл. Данный пункт содержит следующие подпункты. Открыть коллаж отвечает за открытие ранее созданных цифровых коллажей. Загрузить растровое изображение – загрузка растрового изображения Сохранить коллаж – сохранение коллаж в указанном формате , в указанное место и в базу цифровых коллажей. Печать – вывод на печать текущего коллажа или растрового изображения. Выход – завершение работы программы.
  • 58. На рисунке изображен пункт открыть коллаж. При нажатии пользователем на пункт меню открыть коллаж, открывается диалоговое окно, содержащее папку с коллажами.
  • 59. На рисунке изображен пункт загрузить изображение. При нажатии пользователем на пункт меню Загрузить изображение, открывается диалоговое окно, содержащее папку с изображениями.
  • 60. При нажатии пользователем на пункт меню Сохранить изображение, открывается диалоговое окно, для сохранения коллажа.
  • 61. При нажатии пользователем на пункт меню Печать, открывается диалоговое окно, для печати коллажа.
  • 62. При нажатии на кнопку Выход, открывается сообщение «Сохранить данный коллаж ?»
  • 63. Спрайты На рисунке изображен пункт меню Спрайты. Пункт содержит следующие подпункты. Добавить спрайт – отвечает за добавление спрайта в базу спрайтов. Сохранить спрайт отвечает за сохранение спрайта. Удалить Спрайт – отвечает за удаление спрайта из базы спрайтов. Выделить спрайт – выделение спрайтов заданной формы, в подменю выделения спрайтов можно выбрать какую именно форму спрайта использовать для выделения. Программой предусмотрены следующие формы выделения – Равнобедренный треугольник, Овал, Прямоугольник, Ломаная форма.
  • 64. Волшебная прозрачность На рисунке изображен пункт меню Волшебная прозрачность. Пункт содержит следующие подпункты. Форма размытия спрайта. В под меню формы размытия спрайта можно выбрать какую именно формой размыть спрайт – овал, звезда, круг, ломанная полоса. Подпункт полоса – отвечающая за выделение спрайта по краю, прозрачность – отвечает за прозрачность спрайта, коэффициент L-канала – отвечает за начальную зону размытия и конец зоны размытия.
  • 65. При нажатии пользователем пункта коэффициент L-канала открывается диалоговое окно отвечающая за ввод коэффициента L-канала
  • 66. При нажатии пользователем на пункт меню прозрачность открывается диалоговое окно, в котором пользователь может выбрать порядок спуска в шагах размытия (по спирали, каскадные ступени), способ смешивания в углах размытия спрайта (замещение первым, усреднение из двух, смешивание в радиальной зоне, смешивание в треугольной зоне).
  • 67. Аффинные преобразования На рисунке изображен пункт аффинные преобразования, который содержит следующие пункты: масштабирование, проецирование, скос, поворот. При нажатии на пункт масштабирование, открывается диалоговое окно, отвечающее за ввод пользователем коэффициента масштабирования.
  • 68. При нажатии пользователем на пункт меню БД спрайтов, открывается БД спрайтов, в которой пользователь может найти необходимый спрайт и поместить на полотно. При нажатии на любой спрайт открывается сам спрайт, который пользователь может просмотреть.
  • 69. При нажатии пользователем на пункт меню Палитра, палитра цветов, в которой пользователь может найти необходимый цвет и задать фон коллаж или текст надписи.
  • 70. О программе На рисунке изображен пункт о программе. О программе, открывается окно сообщение которое содержит информацию о разработанном приложение, а также о разработчике и дате разработки.
  • 71. Министерство образования и науки Украины Донецкий национальный технический университет Расчетная работа по дисциплине: «Моделирование и анализ ПО» тема: «Проектирование и разработка программного продукта» Проверил: ст. пр. О. А. Гудаев ст. пр. Д. М. Бочаров Разработал: ст.гр.ПОС-10а Шепляков Д.В.
  • 72. Тема: Проектирование и разработка программного продукта Цель: Ознакомиться с основами разработки программного продукта по моделям проектной документации. Задание: Согласно диаграмм лабораторных работ № 2, 3, 4, 5 на языке высокого уровня (ЯВУ) написать интерфейс Windows-приложения. Программный продукт обязательно должен содержать форму, удостоверяющую авторские права разработчика, своеобразную цифровую подпись. Все поля обязательны для заполнения. Протестировать работу интерфейса программного продукта. Разработать презентацию по экранным формам тестирования интерфейса программного продукта. Созданную презентацию объединить с презентациями лабораторных работ № 2, № 3, № 4, № 5. Разместить презентацию на SlideShare.net и прислать ссылку на электронный ящик good.pois@gmail.com.
  • 74. Главное окно программы На рисунке изображено главное окно программы по центру изображено полотно, куда будут добавляться спрайты, для создания цифрового коллажа. Слева изображен список спрайтов, которые пользователь может просмотреть при нажатии на название спрайта. Справа изображен список использованных спрайтов пользователем при создании цифрового коллажа, пользователь может просмотреть использованные спрайты, а также удалить выбранный спрайт.
  • 75. На рисунке изображен список спрайтов, пользователь может найти необходимый спрайт, при нажатии на название спрайта, открывается сам спрайт, который пользователь может просмотреть. Для того, чтобы увеличить масштаб данного спрайта, необходимо нажать на сам спрайт, затем откроется окно, в котором можно увеличить масштаб.
  • 76. На рисунке изображен список использованных спрайтов, пользователь может найти необходимый спрайт, при нажатии на название спрайта, открывается сам спрайт, который пользователь может просмотреть. Для того, чтобы удалить спрайт, необходимо его выделить в списке использованных спрайтов и нажать на кнопку удалить. Затем откроется сообщение «Удалить выбранный спрайт ?».
  • 77. Главное меню На рисунке отображен вид главного меню программы. Меню содержит следующие пункты: Файл, Спрайты, Волшебная прозрачность, Аффинные преобразования, БД спрайтов, Палитра, О программе. Пункт меню Файл отвечает за работу с файлами цифровых коллажей и растровых изображений. Пункт спрайты за работу с базой спрайтов. Пункт волшебная прозрачность за редактирование растровых изображений и спрайтов. Пункт Аффинные преобразования за настройку параметров преобразования спрайтов. Пункт БД спрайтов отвечает за просмотр и выбор спрайтов из БД, пункт Палитра за выбор цвета фона полотна или текста. Пункт О программе содержит сведения о разработчике.
  • 78. Файл На рисунке отображен пункт меню Файл. Данный пункт содержит следующие подпункты. Открыть коллаж отвечает за открытие ранее созданных цифровых коллажей. Загрузить растровое изображение – загрузка растрового изображения Сохранить коллаж – сохранение коллаж в указанном формате , в указанное место и в базу цифровых коллажей. Печать – вывод на печать текущего коллажа или растрового изображения. Выход – завершение работы программы.
  • 79. На рисунке изображен пункт открыть коллаж. При нажатии пользователем на пункт меню открыть коллаж, открывается диалоговое окно, содержащее папку с коллажами.
  • 80. На рисунке изображен пункт загрузить изображение. При нажатии пользователем на пункт меню Загрузить изображение, открывается диалоговое окно, содержащее папку с изображениями.
  • 81. При нажатии пользователем на пункт меню Сохранить изображение, открывается диалоговое окно, для сохранения коллажа.
  • 82. При нажатии на кнопку Выход, открывается сообщение «Сохранить данный коллаж ?»
  • 83. Спрайты На рисунке изображен пункт меню Спрайты. Пункт содержит следующие подпункты. Добавить спрайт – отвечает за добавление спрайта в базу спрайтов. Сохранить спрайт отвечает за сохранение спрайта. Удалить Спрайт – отвечает за удаление спрайта из базы спрайтов. Выделить спрайт – выделение спрайтов заданной формы, в подменю выделения спрайтов можно выбрать какую именно форму спрайта использовать для выделения. Программой предусмотрены следующие формы выделения – Равнобедренный треугольник, Овал, Прямоугольник, Ломаная форма.
  • 84.
  • 85. Волшебная прозрачность На рисунке изображен пункт меню Волшебная прозрачность. Пункт содержит следующие подпункты. Форма размытия спрайта. В под меню формы размытия спрайта можно выбрать какую именно формой размыть спрайт – овал, звезда, круг, ломанная полоса. Подпункт прозрачность – отвечает за прозрачность спрайта, коэффициент L-канала – отвечает за начальную зону размытия и конец зоны размытия.
  • 86. При нажатии пользователем пункта коэффициент L-канала открывается диалоговое окно отвечающая за ввод коэффициента L-канала
  • 87. При нажатии пользователем на пункт меню прозрачность открывается диалоговое окно, в котором пользователь может выбрать порядок спуска в шагах размытия (по спирали, каскадные ступени), способ смешивания в углах размытия спрайта (замещение первым, усреднение из двух, смешивание в радиальной зоне, смешивание в треугольной зоне).
  • 88. Аффинные преобразования На рисунке изображен пункт аффинные преобразования, который содержит следующие пункты: масштабирование, проецирован ие, скос, поворот. При нажатии на пункт масштабирование, открывается диалоговое окно, отвечающее за ввод пользователем коэффициента масштабирования.
  • 89. При нажатии пользователем на пункт меню БД спрайтов, открывается БД спрайтов, в которой пользователь может найти необходимый спрайт и поместить на полотно. При нажатии на любой спрайт открывается сам спрайт, который пользователь может просмотреть.
  • 90. При нажатии пользователем на пункт меню Палитра, палитра цветов, в которой пользователь может найти необходимый цвет и задать фон коллаж или текст надписи.
  • 91. О программе На рисунке изображен пункт о программе. О программе, открывается окно сообщение которое содержит информацию о разработанном приложение, а также о разработчике и дате разработки.