1. Лабораторная работа №5
Тема. Разработка графического пользовательского
интерфейса.
Подготовила ст. гр. ПО-10а
Дрозд Ю.В.

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

3. Главная форма
Прототип

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

5. Прототип

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

7. Прототип

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

9. Прототип

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

11. Прототип

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

13. Общий макет